ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
qianlishi 3 years ago
parent 4224c923a2
commit 7b421eb959
1 changed files with 133 additions and 100 deletions
Show Stats Download Patch File Download Diff File

233
report-ui/src/views/report/report/components/share.vue
Unescape Escape View File

@ -1,162 +1,196 @@
<template>
<el-dialog class="tree_dialog" :title="titleBuild()" width="60%" :close-on-click-modal="false" center :visible.sync="visib" :before-close="closeDialog">
<el-dialog
class="tree_dialog"
:title="titleBuild()"
width="30%"
:close-on-click-modal="false"
center
:visible.sync="visib"
:before-close="closeDialog"
>
<div v-if="shareLinkFlag1">
<el-form ref="userForm" :model="dialogForm" :rules="rules" size="small" label-width="100px">
<el-row :gutter="10">
<el-col :xs="24" :sm="20" :md="6" :lg="6" :xl="6">
<el-form-item label="有效期" prop="shareValidType">
<el-select v-model.trim="dialogForm.shareValidType" placeholder="请选择" clearable @change="selectChange">
<el-option v-for="item in shareValidTypeOptions" :key="item.id" :label="item.text" :value="item.id" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :xs="24" :sm="20" :md="6" :lg="6" :xl="6">
<el-form-item label="分享码" prop="sharePasswordFlag">
<el-switch
v-model="dialogForm.sharePasswordFlag">
</el-switch>
</el-form-item>
</el-col>
</el-row>
<el-form
ref="userForm"
:model="dialogForm"
:rules="rules"
size="small"
label-width="100px"
>
<el-form-item label="有效期" prop="shareValidType">
<el-select
v-model.trim="dialogForm.shareValidType"
placeholder="请选择"
clearable
@change="selectChange"
>
<el-option
v-for="item in shareValidTypeOptions"
:key="item.id"
:label="item.text"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="分享码" prop="sharePasswordFlag">
<el-switch v-model="dialogForm.sharePasswordFlag"> </el-switch>
</el-form-item>
</el-form>
<el-button type="primary" plain @click="createShare">创建链接</el-button>
<el-button
type="primary"
plain
@click="createShare"
style="margin-left:45px"
>创建链接</el-button
>
</div>
<div v-else>
<el-form ref="userForm" :model="dialogForm" :rules="rules" size="small" label-width="100px">
<el-form
ref="userForm"
:model="dialogForm"
:rules="rules"
size="small"
label-width="100px"
>
<el-form-item label="链接" prop="reportShareUrl">
<el-input v-model="reportShareUrl" :disabled="true" />
</el-form-item>
<el-form-item label="分享码" prop="sharePassword">
<el-input v-model="dialogForm.sharePassword" :disabled="true" />
</el-form-item>
<el-row :gutter="10">
<el-col :xs="24" :sm="20" :md="20" :lg="20" :xl="16">
<el-form-item label="链接" prop="reportShareUrl">
<el-input v-model="reportShareUrl" :disabled="true"/>
</el-form-item>
</el-col>
<el-button
v-if="dialogForm.sharePassword == ''"
type="primary"
plain
@click="copyShare"
style="margin-left:45px"
>复制链接</el-button
>
<el-button
v-if="dialogForm.sharePassword != ''"
type="primary"
plain
@click="copyShare"
style="margin-left:45px"
>复制链接和分享码</el-button
>
</el-row>
<el-row :gutter="10" v-if="dialogForm.sharePassword != ''">
<el-col :xs="24" :sm="20" :md="6" :lg="6" :xl="6">
<el-form-item label="分享码" prop="sharePassword">
<el-input v-model="dialogForm.sharePassword" :disabled="true"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-button v-if="dialogForm.sharePassword == ''" type="primary" plain @click="copyShare">复制链接</el-button>
<el-button v-if="dialogForm.sharePassword != ''" type="primary" plain @click="copyShare">复制链接和分享码</el-button>
</el-row>
</el-form>
</div>
<div slot="footer" style="text-align: center">
<!-- <el-button type="primary" plain @click="saveReportShare">保存</el-button>-->
<!-- <el-button type="primary" plain @click="saveReportShare">保存</el-button>-->
<el-button type="danger" plain @click="closeDialog">取消</el-button>
</div>
</el-dialog>
</template>
<script>
import { reportShareAdd } from '@/api/reportShare'
import { getDictList } from '@/api/dict-data' // 获取数据字典
import Dictionary from '@/components/Dictionary/index'
import { reportShareAdd } from "@/api/reportShare";
import { getDictList } from "@/api/dict-data"; // 获取数据字典
import Dictionary from "@/components/Dictionary/index";
export default {
components: { Dictionary },
props: {
visib: {
required: true,
type: Boolean,
default: false,
default: false
},
reportCode: {
required: true,
type: String,
default: () => {
return ''
},
return "";
}
},
reportName: {
required: true,
type: String,
default: () => {
return ''
},
},
return "";
}
}
},
data() {
return {
title: '报表分享',
reportShareUrl:'',
title: "报表分享",
reportShareUrl: "",
shareValidTypeOptions: [], // 有效期类型
dialogForm: {
shareValidType: 0,
reportCode: '',
shareUrl: '',
shareCode: '',
sharePassword: '',
sharePasswordFlag: false,
reportCode: "",
shareUrl: "",
shareCode: "",
sharePassword: "",
sharePasswordFlag: false
},
shareLinkFlag1: true,
rules: {
shareValidType: [
{required: true, message: '有效期必选', trigger: 'change'},
],
},
{ required: true, message: "有效期必选", trigger: "change" }
]
}
};
},
watch: {
visib(val) {
if (val) {
// 弹窗弹出时需要执行的逻辑
this.getSystem()
this.getSystem();
}
},
}
},
created() {},
methods: {
titleBuild(){
return '【' +this.reportName + '】' + '报表分享-' + this.reportCode
titleBuild() {
return "【" + this.reportName + "】" + "报表分享-" + this.reportCode;
},
selectChange(val) {
this.dialogForm.shareValidType = val
this.dialogForm.shareValidType = val;
},
// 获取数据字典
async getSystem() {
this.shareLinkFlag1 = true
const { code, data } = await getDictList('SHARE_VAILD')
if (code != '200') return
this.shareValidTypeOptions = data
this.dialogForm.shareValidType = this.shareValidTypeOptions[0].id
this.dialogForm.sharePasswordFlag = false
this.dialogForm.sharePassword = ''
this.shareLinkFlag1 = true;
const { code, data } = await getDictList("SHARE_VAILD");
if (code != "200") return;
this.shareValidTypeOptions = data;
this.dialogForm.shareValidType = this.shareValidTypeOptions[0].id;
this.dialogForm.sharePasswordFlag = false;
this.dialogForm.sharePassword = "";
},
async createShare() {
this.dialogForm.reportCode = this.reportCode
this.dialogForm.shareUrl = window.location.href
this.dialogForm.reportCode = this.reportCode;
this.dialogForm.shareUrl = window.location.href;
// console.log(this.dialogForm)
const {code, data} = await reportShareAdd(this.dialogForm)
if (code != '200') return
const { code, data } = await reportShareAdd(this.dialogForm);
if (code != "200") return;
// console.log(data)
this.shareLinkFlag1 = false
this.shareLinkFlag1 = false;
this.$message({
message: '创建链接成功！',
type: 'success',
})
this.reportShareUrl = data.shareUrl
this.dialogForm.sharePassword = data.sharePassword
message: "创建链接成功！",
type: "success"
});
this.reportShareUrl = data.shareUrl;
this.dialogForm.sharePassword = data.sharePassword;
},
copyShare(){
let content = ''
if (this.dialogForm.sharePassword == '') {
content = 'AJ-Report分享链接：' + this.reportShareUrl
}else {
content = 'AJ-Report分享链接：' + this.reportShareUrl + ' 分享码：' + this.dialogForm.sharePassword;
copyShare() {
let content = "";
if (this.dialogForm.sharePassword == "") {
content = "AJ-Report分享链接：" + this.reportShareUrl;
} else {
content =
"AJ-Report分享链接：" +
this.reportShareUrl +
" 分享码：" +
this.dialogForm.sharePassword;
}
this.copyToClip(content)
this.copyToClip(content);
this.$message({
message: '复制链接成功！',
type: 'success',
})
message: "复制链接成功！",
type: "success"
});
},
copyToClip(content, message) {
var aux = document.createElement("input");
@ -168,17 +202,16 @@ export default {
},
async saveReportShare() {
var params = {
}
var params = {};
//const { code } = await saveAuthorityTree(params)
//if (code != '200') return
this.closeDialog()
this.closeDialog();
},
// 弹窗关闭之前需要执行的逻辑
closeDialog() {
this.$emit('handleClose')
},
},
}
this.$emit("handleClose");
}
}
};
</script>

Write Preview
Loading…
Cancel
Save