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

update

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

Write Preview
Loading…
Cancel
Save