|
|
@@ -0,0 +1,217 @@
|
|
|
+<template>
|
|
|
+ <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-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"
|
|
|
+ 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-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-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-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div slot="footer" style="text-align: center">
|
|
|
+ <!-- <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";
|
|
|
+export default {
|
|
|
+ components: { Dictionary },
|
|
|
+ props: {
|
|
|
+ visib: {
|
|
|
+ required: true,
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ },
|
|
|
+ reportCode: {
|
|
|
+ required: true,
|
|
|
+ type: String,
|
|
|
+ default: () => {
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ reportName: {
|
|
|
+ required: true,
|
|
|
+ type: String,
|
|
|
+ default: () => {
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ title: "报表分享",
|
|
|
+ reportShareUrl: "",
|
|
|
+ shareValidTypeOptions: [], // 有效期类型
|
|
|
+ dialogForm: {
|
|
|
+ shareValidType: 0,
|
|
|
+ reportCode: "",
|
|
|
+ shareUrl: "",
|
|
|
+ shareCode: "",
|
|
|
+ sharePassword: "",
|
|
|
+ sharePasswordFlag: false
|
|
|
+ },
|
|
|
+ shareLinkFlag1: true,
|
|
|
+ rules: {
|
|
|
+ shareValidType: [
|
|
|
+ { required: true, message: "有效期必选", trigger: "change" }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visib(val) {
|
|
|
+ if (val) {
|
|
|
+ // 弹窗弹出时需要执行的逻辑
|
|
|
+ this.getSystem();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ titleBuild() {
|
|
|
+ return "【" + this.reportName + "】" + "报表分享";
|
|
|
+ },
|
|
|
+ selectChange(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 = "";
|
|
|
+ },
|
|
|
+ async createShare() {
|
|
|
+ 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;
|
|
|
+ // console.log(data)
|
|
|
+ this.shareLinkFlag1 = false;
|
|
|
+ this.$message({
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ this.copyToClip(content);
|
|
|
+ this.$message({
|
|
|
+ message: "复制链接成功！",
|
|
|
+ type: "success"
|
|
|
+ });
|
|
|
+ },
|
|
|
+ copyToClip(content, message) {
|
|
|
+ let aux = document.createElement("input");
|
|
|
+ aux.setAttribute("value", content);
|
|
|
+ document.body.appendChild(aux);
|
|
|
+ aux.select();
|
|
|
+ document.execCommand("copy");
|
|
|
+ document.body.removeChild(aux);
|
|
|
+ },
|
|
|
+
|
|
|
+ async saveReportShare() {
|
|
|
+ let params = {};
|
|
|
+ //const { code } = await saveAuthorityTree(params)
|
|
|
+ //if (code != '200') return
|
|
|
+ this.closeDialog();
|
|
|
+ },
|
|
|
+
|
|
|
+ // 弹窗关闭之前需要执行的逻辑
|
|
|
+ closeDialog() {
|
|
|
+ this.$emit("handleClose");
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
qianlishi