找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

kelvinChen

最新发帖

[已处理] 第一次进入sheet，弹窗数据正常渲染，第二次进入，数据无法正常展示

Wilson.Zhang
超级版主   /  发表于：2024-9-4 09:31:13
11#
kelvinChen 发表于 2024-9-4 08:56
spread和designer都尝试进行销毁

看您提供的代码片段并无异常，销毁Designer后重新进入designerInitialized方法之前是否有可用的Designer实例呢？如果没有，需要先创建Designer实例，才能继续通过Designer获取Workbook。如果在重新进入designerInitialized方法前已创建可用的Designer实例，可能有其他业务代码影响，需要您提供一个能够复现该问题的完整demo，我们根据demo分析。
回复 使用道具 举报
kelvinChen
金牌服务用户   /  发表于：2024-9-4 10:26:38
12#
  1. <script>
  2. import GC from "@grapecity/spread-sheets";
  3. import {
  4.   seGetReportAllData,
  5.   seReportPublishing,
  6.   seGetRegularList,
  7.   seSaveReportSourceData,
  8.   seAddRegularItem,
  9.   seSaveReportStyleData,
  10.   getReportDataSource,
  11. } from "@/api/se-report-design";
  12. import dataConnectDia from "./se-report-compoment/dataConnectDia.vue";
  13. import localReRule from "@/utils/local-re-rule.js";
  14. import { checkRules, regRules } from "./ruleConfig.js";
  15. import { VerificationRules, MultipleChoiceVerification } from "./config";
  16. import { permissionVerification } from "@/utils/se-permission-verification";
  17. import { seGetSystemDictionary } from "@/api/se-admin/se-admin-data-manage/se-admin-dictionary.js";
  18. import dialogCom from "./compoment/dialogCom.vue"
  19. import axios from "axios";
  20. GC.Spread.Common.CultureManager.culture("zh-cn");
  21. this.GC = GC;
  22. let _this;
  23. export default {
  24.   components: { dataConnectDia,dialogCom },
  25.   name: "CreatReport",
  26.   data() {
  27.     return {
  28.       test:"11111",
  29.       styleInfo: { height: "800px", width: "100%", border: "solid black 1px" },
  30.       config: null,
  31.       designer: null,
  32.       dataTable: null,
  33.       spread: null,
  34.       sheets: null,
  35.       designerBindingPathSchema: null,
  36.       jsonStr: null,
  37.       // 配置
  38.       import_bindingSource: true,
  39.       import_noFormula: false,
  40.       import_noStyle: false,
  41.       import_rowHeaders: false,
  42.       import_columnHeaders: false,
  43.       import_donotrecalculateafterload: false,
  44.       noFormula: false,
  45.       noStyle: false,
  46.       SaveCustomRowHeaders: false,
  47.       SaveCustomColumnHeaders: false,

  49.       // 设计器编辑配置
  50.       designer2: null,
  51.       dataTable2: null,
  52.       spread2: null,

  54.       //自定义函数
  55.       customFunctions: {},

  57.       //当前数据源配置
  58.       curSource: {},

  60.       //loading状态更新
  61.       isLoading: true,

  63.       //审核点输入文字
  64.       auditpoints: "",
  65.       //填报要求文字
  66.       wordRequest: "",
  67.       curCellRow: "",
  68.       curCellCol: "",

  70.       sendRegOption: [],

  72.       dialogVisible: false,
  73.       regObj: {
  74.         995: {
  75.           name: "数字",
  76.           des: "数字",
  77.           re: /^(\-|\+)?\d+(\.\d+)?$/,
  78.         },
  79.         110000: {
  80.           name: "最少9个",
  81.           des: "最少9个选择",
  82.           max: 11,
  83.         },
  84.       },
  85.       isRequire: false, // 是否必填
  86.       regStatus: "选择", // 用于显示校验规则的状态
  87.       regOption: [], // 用于显示校验规则的选项列表
  88.       regDataObj: {
  89.         input: "",
  90.         name: "",
  91.         des: "",
  92.         select: "995",
  93.       },
  94.       // 用于输入正则校验规则的输入框的值
  95.       curCellReg: "",
  96.       //弹出框校验模式
  97.       diaMode: "reg", // reg正则   checkBox多选校验

  99.       checkOption: [], // 用于显示校验规则的选项列表
  100.       checkDataObj: {
  101.         min: "",
  102.         max: "",
  103.         name: "",
  104.         des: "",
  105.         select: "110000",
  106.       }, // 用于输入正则校验规则的输入框的值

  108.       //数据关联dia控制
  109.       dialogDataConnect: false,

  111.       //多选数据关联其他
  112.       multipleDataConnect: [],

  114.       //多选框添加的校验规则
  115.       checkRules: checkRules,
  116.       //正则添加的校验规则
  117.       regRule: regRules,
  118.       //动态尺寸
  119.       timer: false,
  120.       screenWidth: document.body.clientWidth,
  121.       permissionVerification: permissionVerification,
  122.       getAllUsedDataSourceArr: [],
  123.       reWriteDia: false,
  124.       reWriteSelect: "",
  125.       openInitPassDia: false,
  126.       lostBinging: [],
  127.       // 回填数据选择列表
  128.       backWriteList: [],
  129.       sourceList: [], //数据源列表
  130.       selectSourceView: "", //当前选择的数据源
  131.       sourceLocation: false, //当前查看数据源绑定对应单元格弹窗
  132.       sourceLocationList: [], //数据源绑定对应单元格列表
  133.       useSource: {}, // 存储当前数据源绑定的单元格
  134.       useDialog: false, //是否弹出框
  135.       showList: [], //当前数据源绑定的单元格列表
  136.     };
  137.   },
  138.   created() {
  139.     console.log(this.$route);
  140.     _this = this;
  141.   },
  142.   async mounted() {
  143.     window.addEventListener("resize", () => {
  144.       this.screenWidth = document.body.clientWidth;
  145.     });
  146.     _this.config = this.initRibbon();
  147.       let designer = new GC.Spread.Sheets.Designer.Designer(
  148.         document.getElementById("designer-content"),
  149.         _this.config
  150.       );
  151.       this.designerInitialized(designer);
  152.     // if (!this.designer) {
  153.       
  154.     // }
  155.     // 加载编辑数据
  156.     const { type, reportId } = this.$route.query;
  157.     if (type == "edit" && reportId) {
  158.       let styleRes = {};
  159.       // 字典数据
  160.       let strRes = {
  161.         $schema: "http://json-schema.org/draft-04/schema#",
  162.         properties: {},
  163.         type: "object",
  164.       };
  165.       //获取字典数据
  166.       let data = null;
  167.       if (this.$route.query.template) {
  168.         let res = await seGetSystemDictionary({
  169.           prefix: true,
  170.         });
  171.         data = res.data.data;
  172.       } else {
  173.         let res = await getReportDataSource(this.$route.query.projectId);
  174.         data = res.data.data;
  175.       }
  176.       // 固定的回填字段
  177.       this.backWriteList.push({
  178.         label: "社会统一编码",
  179.         value: "socialCode",
  180.       });
  181.       this.backWriteList.push({
  182.         label: "企业名称",
  183.         value: "businessName",
  184.       });
  185.       //获取报表样式与源数据
  186.       let {
  187.         data: {
  188.           data: { reportStyle, customDataFields },
  189.         },
  190.         status,
  191.       } = await seGetReportAllData(reportId);
  192.       if (status === 200) {
  193.         if (customDataFields) {
  194.           // 获取回填字段列表
  195.           customDataFields.forEach((item) => {
  196.             this.backWriteList.push({
  197.               label: item.cnName,
  198.               value: item.id,
  199.             });
  200.           });
  201.         }
  202.         if (reportStyle) {
  203.           //请求线上的数据，暂定是使用axios请求传来的url uploadType 0 代表本地 1 代表 阿里云 2 代表 天翼云
  204.           if (reportStyle.uploadType != 0 && reportStyle.filePath) {
  205.             await new Promise((resolve, reject) => {
  206.               axios.get(reportStyle.filePath).then((res) => {
  207.                 if (res.status == 200) {
  208.                   styleRes = res.data;
  209.                   resolve(res.data);
  210.                 } else {
  211.                   resolve("error");
  212.                 }
  213.               });
  214.             });
  215.           } else if (reportStyle.uploadType == 0 && reportStyle.reportJson) {
  216.             styleRes = JSON.parse(reportStyle.reportJson); //读取线下资源
  217.           }
  218.         }
  219.         let properties = {};
  220.         data.forEach((item) => {
  221.           if (item.dataFieldType !== "table") {
  222.             properties[item.name] = {
  223.               dataFieldType: item.dataFieldType,
  224.               type: item.type,
  225.               id: item.id,
  226.               properties: item.extra ? JSON.parse(item.extra) : null,
  227.             };
  228.           } else {
  229.             properties[item.name] = {
  230.               dataFieldType: item.dataFieldType,
  231.               type: item.type,
  232.               id: item.id,
  233.               items: item.extra ? JSON.parse(item.extra) : null,
  234.             };
  235.           }
  236.         });
  237.         strRes.properties = properties;
  238.         _this.curSource = properties;
  239.       }
  240.       this.initDesigner(styleRes, strRes);
  241.     }
  242.     this.isLoading = false;
  243.     this.listenCellEvent();
  244.     this.curCellCol = this.getActiveSheet().getSelections()[0].col;
  245.     this.curCellRow = this.getActiveSheet().getSelections()[0].row;
  246.     let curSourceList = JSON.parse(
  247.       _this.designer.getData("updatedTreeNode") ||
  248.         _this.designer.getData("oldTreeNodeFromJson")
  249.     ).properties;
  250.     this.sourceList = Object.keys(curSourceList).map((i) => ({
  251.       label: i,
  252.       value: i,
  253.     }));
  254.     this.useDialog = true
  255.   },
  256.   beforeDestroy(){
  257.    
  258.    
  259.     this.designer = null
  260.     console.log(this.designer,'------>');
  261.   },
  262.   methods: {
  263.     //获取spread 创建设计器实例
  264.     designerInitialized: function (designer) {
  265.       this.designer = designer;
  266.       designer.bind(
  267.         GC.Spread.Sheets.Designer.Events.FileLoaded,
  268.         (event, data) => {
  269.           this.spread = designer.getWorkbook();
  270.           this.listenCellEvent();
  271.         }
  272.       );
  273.       this.spread = designer.getWorkbook();
  274.       let json = this.spread.toJSON();
  275.       this.spread.options.newTabVisible = true;
  276.       this.spread.options.tabNavigationVisible = false;
  277.       this.spread.options.scrollbarMaxAlign = true;
  278.       this.spread.invalidateLayout();
  279.       this.spread.repaint();
  280.       this.initSpreadSheet();
  281.       this.getRegObj();
  282.     },
  283.     //初始化自定义Tab
  284.     initRibbon() {
  285.       _this.config = GC.Spread.Sheets.Designer.DefaultConfig;
  286.       let configTab = GC.Spread.Sheets.Designer.DefaultConfig;
  287.       if (configTab.ribbon[0].buttonGroups[7]) {
  288.         let editFirstElement =
  289.           configTab.ribbon[0].buttonGroups[7].commandGroup.children[0]
  290.             .children[2];
  291.         let edit = configTab.ribbon[0].buttonGroups[7];
  292.         edit.commandGroup = editFirstElement;
  293.         _this.config.ribbon[4].buttonGroups.push(edit);
  294.       }
  295.       // add new tab
  296.       let newTab = {
  297.         id: "operate",
  298.         text: "自定义",
  299.         buttonGroups: [],
  300.       };
  301.       if (
  302.         Array.isArray(_this.config && _this.config.ribbon) &&
  303.         !_this.config.ribbon.filter((d) => d && d.text === "自定义").length
  304.       ) {
  305.         _this.config.ribbon.unshift(newTab);
  306.         let dataSaveInfo = {};
  307.         if (
  308.           localStorage.getItem("se_oss_authority") &&
  309.           JSON.parse(localStorage.getItem("se_oss_authority")).indexOf(
  310.             "MY_REPORT_SUBMIT"
  311.           ) !== -1
  312.         ) {
  313.           dataSaveInfo.release = {
  314.             iconClass: "ribbon-button-save", //按钮的样式
  315.             text: "发布", //显示的文字
  316.             bigButton: true,
  317.             commandName: "reportRelease", //命令名称，需要全局唯一
  318.             execute: this.reportRelease, //对应执行内容的function
  319.           };
  320.         }
  321.         //创建按钮
  322.         dataSaveInfo = Object.assign(dataSaveInfo, {
  323.           exit: {
  324.             iconClass: "ribbon-button-save", //按钮的样式
  325.             text: "退出",
  326.             bigButton: true,
  327.             commandName: "exitReport",
  328.             execute: this.exitReport,
  329.           },
  330.           saveTemplateCommand: {
  331.             iconClass: "ribbon-button-save", //按钮的样式
  332.             text: "保存", //显示的文字
  333.             bigButton: true,
  334.             commandName: "saveDatas", //命令名称，需要全局唯一
  335.             execute: this.saveInfos, //对应执行内容的function
  336.           },
  337.           relateMutCheck: {
  338.             iconClass: "ribbon-button-save", //按钮的样式
  339.             text: "多选其他关联",
  340.             bigButton: true,
  341.             commandName: "relateMutCheck",
  342.             execute: this.relateMutCheck,
  343.           },
  344.           reWrite: {
  345.             iconClass: "ribbon-button-save", //按钮的样式
  346.             text: "自动回填", //显示的文字
  347.             bigButton: true,
  348.             commandName: "reWriteBtn", //命令名称，需要全局唯一
  349.             execute: this.reWriteBtn, //对应执行内容的function
  350.           },
  351.           overReWrite: {
  352.             iconClass: "ribbon-button-save", //按钮的样式
  353.             text: "取消自动回填", //显示的文字
  354.             bigButton: true,
  355.             commandName: "overReWriteBtn", //命令名称，需要全局唯一
  356.             execute: this.overReWriteBtn, //对应执行内容的function
  357.           },
  358.           childrenDropdown: {
  359.             commandName: "childrenDropdown",
  360.             text: "校验规则",
  361.             title: "Children",
  362.             iconClass: "ribbon-button-welcome",
  363.             bigButton: "true",
  364.             // direction: "vertical",
  365.           },
  366.           childrenDropdown2: {
  367.             title: "设置正则",
  368.             text: "设置正则",
  369.             iconClass: "ribbon-button-welcome",
  370.             commandName: "childrenDropdown2",
  371.             execute: function (context, propertyName, fontItalicChecked) {
  372.               _this.diaMode = "reg";
  373.               _this.dialogVisible = true;

  375.               // let spread = context.Spread; //获取工作簿
  376.               // let activeCell = _this.getCell(); //获取激活单元格
  377.               // let sheet = _this.getActiveSheet(); //获取工作表
  378.               // let style = new GC.Spread.Sheets.Style();
  379.               // style.locked = false;
  380.               // style.backColor = "#C3C3C3";
  381.               // sheet.setStyle(activeCell.row, activeCell.col, style);
  382.             },
  383.           },
  384.           ruleSource: {
  385.             title: "多选框校验",
  386.             text: "多选框校验",
  387.             iconClass: "ruleSource",
  388.             commandName: "ruleSource",
  389.             execute: this.ruleSources,
  390.           },
  391.           resetDataSourceList: {
  392.             title: "清除所选数据",
  393.             text: "清除所选数据",
  394.             iconClass: "resetDataSourceList",
  395.             commandName: "resetDataSourceList",
  396.             execute: this.resetDSList,
  397.           },
  398.         });

  400.         //将图标放入工具栏
  401.         if (
  402.           !_this.config.ribbon[0].buttonGroups[0] ||
  403.           (!(_this.config.ribbon[0].buttonGroups[0].label === "保存设计") &&
  404.             !_this.config.ribbon[0].buttonGroups.filter(
  405.               (d) => d.label === "保存设计"
  406.             ).length)
  407.         ) {
  408.           _this.config.ribbon[0].buttonGroups.unshift({
  409.             label: "常用操作",
  410.             thumbnailClass: "ribbon-thumbnail-spreadsettings",
  411.             commandGroup: {
  412.               children: [
  413.                 {
  414.                   direction: "vertical",
  415.                   commands: ["saveTemplateCommand"],
  416.                 },
  417.                 {
  418.                   type: "separator",
  419.                 },
  420.                 {
  421.                   direction: "vertical",
  422.                   commands: ["release"],
  423.                 },
  424.                 {
  425.                   type: "separator",
  426.                 },
  427.                 {
  428.                   direction: "vertical",
  429.                   commands: ["exit"],
  430.                 },
  431.                 {
  432.                   type: "separator",
  433.                 },
  434.                 {
  435.                   direction: "vertical",
  436.                   commands: ["relateMutCheck"],
  437.                 },
  438.                 {
  439.                   type: "separator",
  440.                 },
  441.                 {
  442.                   direction: "vertical",
  443.                   commands: ["reWrite"],
  444.                 },
  445.                 {
  446.                   type: "separator",
  447.                 },
  448.                 {
  449.                   direction: "vertical",
  450.                   commands: ["overReWrite"],
  451.                 },
  452.                 {
  453.                   type: "separator",
  454.                 },
  455.                 {
  456.                   command: "childrenDropdown", //父命令可以有自己的execute，点击执行；也可以没有，点击弹出children
  457.                   type: "dropdown",
  458.                   children: [
  459.                     // "childrenDropdown1",
  460.                     "childrenDropdown2",
  461.                     "ruleSource",
  462.                     // "resetDataSourceList",
  463.                   ],
  464.                 },
  465.                 {
  466.                   type: "separator",
  467.                 },
  468.               ],
  469.             },
  470.           });
  471.         }

  473.         _this.config.commandMap = {};
  474.         Object.assign(_this.config.commandMap, dataSaveInfo);
  475.       }

  477.       return _this.config;
  478.     },
  479.     // 初始化校验规则
  480.     initRule() {
  481.       VerificationRules.prototype =
  482.         new GC.Spread.CalcEngine.Functions.Function();
  483.       VerificationRules.prototype.evaluate = function (arg, type) {
  484.         // 自定义正则校验
  485.         if (arguments.length === 2 && !isNaN(type)) {
  486.           return _this.regObj[type].re.test(arg);
  487.         }
  488.         return "#VALUE!";
  489.       };
  490.       _this.customFunctions.VerificationRules = VerificationRules;
  491.       MultipleChoiceVerification.prototype =
  492.         new GC.Spread.CalcEngine.Functions.Function();
  493.       MultipleChoiceVerification.prototype.evaluate = function (arg, type) {
  494.         // 多选题数量校验
  495.         if (arguments.length === 2 && !isNaN(type)) {
  496.           let { min = 0, max = 100 } = _this.regObj[type];
  497.           return min < arg.length && arg.length < max;
  498.         }
  499.         return "#VALUE!";
  500.       };
  501.       _this.customFunctions.MultipleChoiceVerification =
  502.         MultipleChoiceVerification;
  503.     },
  504.     //初始化报表表格
  505.     initSpreadSheet() {
  506.       for (let i = 0; i < this.spread.getSheetCount(); i++) {
  507.         let sheet = this.spread.getSheet(i);
  508.         var len = sheet.tables.all().length;
  509.         var tmp = {};
  510.         for (var i = 0; i < len; i++) {
  511.           var bp = sheet.tables.all()[i].bindingPath();
  512.           tmp[bp] = [{}];
  513.         }
  514.       }
  515.       this.spread.resumePaint();
  516.     },
  517.     //初始化正则对象
  518.     initRegObj() {
  519.       this.regOption = [];
  520.       this.checkOption = [];
  521.       if (!this.regObj) return;
  522.       Object.keys(this.regObj).forEach((key) => {
  523.         if (key <= 100000) {
  524.           this.regOption.push({
  525.             code: key,
  526.             name: this.regObj[key].name || null,
  527.             des: this.regObj[key].des || null,
  528.             re: this.regObj[key].re || null,
  529.           });
  530.           this.sendRegOption.push({
  531.             code: key,
  532.             name: this.regObj[key].name || null,
  533.             des: this.regObj[key].des || null,
  534.             re: String(this.regObj[key].re) || null,
  535.           });
  536.         } else if (key <= 200000) {
  537.           this.checkOption.push({
  538.             code: key,
  539.             name: this.regObj[key].name || null,
  540.             des: this.regObj[key].des || null,
  541.             min: this.regObj[key].min || null,
  542.             max: this.regObj[key].max || null,
  543.           });
  544.           this.sendRegOption.push({
  545.             code: key,
  546.             name: this.regObj[key].name || null,
  547.             des: this.regObj[key].des || null,
  548.             min: this.regObj[key].min || null,
  549.             max: this.regObj[key].max || null,
  550.           });
  551.         }
  552.       });
  553.       if (!this.regOption[0]) {
  554.         this.regOption.push({
  555.           code: "995",
  556.           name: "无校验规则",
  557.           des: "无校验规则",
  558.           re: null,
  559.         });
  560.       }
  561.       if (!this.checkOption[0]) {
  562.         this.checkOption.push({
  563.           code: "110000",
  564.           name: "空",
  565.           des: "空",
  566.         });
  567.       }
  568.       console.log(this.regOption[0]);
  569.       this.regDataObj.select = this.regOption[0]
  570.         ? this.regOption[0].code
  571.         : null;
  572.       this.checkDataObj.select = this.checkOption[0]
  573.         ? this.checkOption[0].code
  574.         : null;
  575.     },
  576.     //保存时检测哪些数据源被使用
  577.     getAllUsedDataSource(json) {
  578.       this.getAllUsedDataSourceArr = [];
  579.       let ToJSON = json;
  580.       for (let i = 0; i < this.spread.getSheetCount(); i++) {
  581.         let sheet = this.spread.getSheet(i);
  582.         let curDataTable = ToJSON.sheets[sheet.name()].data.dataTable;
  583.         let curDataSourceTable = ToJSON.sheets[sheet.name()].tables;
  584.         if (!curDataTable) {
  585.           continue;
  586.         }

  588.         for (let j in curDataTable) {
  589.           if (curDataTable[j]) {
  590.             for (let k in curDataTable[j]) {
  591.               if (curDataTable[j][k].bindingPath) {
  592.                 this.getAllUsedDataSourceArr.push(
  593.                   curDataTable[j][k].bindingPath
  594.                 );
  595.               }
  596.             }
  597.           }
  598.         }

  600.         if (!curDataSourceTable) {
  601.           continue;
  602.         }
  603.         this.getAllUsedDataSourceArr.push(
  604.           ...curDataSourceTable.map((item) => {
  605.             return item.bindingPath;
  606.           })
  607.         );
  608.       }
  609.       this.getAllUsedDataSourceArr = Array.from(
  610.         new Set(this.getAllUsedDataSourceArr)
  611.       );
  612.     },
  613.     // 转换regOption到regObj
  614.     async handleOptionToRegObj(data) {
  615.       this.regObj = localReRule;
  616.       let regObj = {};
  617.       let similar = data.data;
  618.       if (!!similar && similar[0].des != "暂无数据请添加") {
  619.         similar.forEach((item) => {
  620.           regObj[item.code] = {
  621.             ...item,
  622.             reCode: item.code,
  623.           };
  624.           delete regObj[item.code].code;
  625.         });
  626.         this.regObj = regObj;
  627.       } else {
  628.         await seAddRegularItem([...localReRule]);
  629.         this.regObj.forEach((item) => {
  630.           regObj[item.code] = {
  631.             ...item,
  632.             reCode: item.code,
  633.           };
  634.           delete regObj[item.code].code;
  635.         });
  636.         this.regObj = regObj;
  637.       }
  638.       this.regObj[""] = {
  639.         des: "空",
  640.       };
  641.       this.initRegObj();
  642.       this.initRule();
  643.       this.listenSheetChange();
  644.     },
  645.     //获取正则对象
  646.     async getRegObj() {
  647.       let data = [];
  648.       let res = await seGetRegularList({
  649.         pageSize: 999,
  650.         current: 1,
  651.       });
  652.       // let res = {data:{data:[]}} //测试返回数据为是否为空
  653.       data = res.data || { data: [] };
  654.       if (!data.data[0]) {
  655.         this.handleOptionToRegObj({
  656.           data: [
  657.             { code: 995, des: "暂无数据请添加", name: "暂无数据请添加" },
  658.             { code: 110000, des: "暂无数据请添加", name: "暂无数据请添加" },
  659.           ],
  660.         });
  661.       } else {
  662.         this.handleOptionToRegObj(data);
  663.       }
  664.     },
  665.     // 退出报表编辑
  666.     exitReport() {
  667.       // console.log(1,this.designer);
  668.     // this.spread.destroy()
  669.       this.designer.destroy();
  670.       this.designer = null
  671.       console.log(this.designer,'--------<');
  672.       
  673.       this.$router.back();
  674.     },
  675.     // 对比新旧的数据源并且提示用户
  676.     handleDataSource() {
  677.       //如果本身没有数据源，直接通过
  678.       if (
  679.         !_this.designer.getData("updatedTreeNode") &&
  680.         !_this.designer.getData("oldTreeNodeFromJson")
  681.       ) { return true }
  682.         
  683.       let curDesignerBindingPathSchema = JSON.parse(
  684.         _this.designer.getData("updatedTreeNode") ||
  685.           _this.designer.getData("oldTreeNodeFromJson")
  686.       ).properties;
  687.       let recviceSourceKey = Object.keys(_this.curSource);
  688.       let curSourceKey = Object.keys(curDesignerBindingPathSchema);
  689.       let diffrentDir = [];

  691.       recviceSourceKey.forEach((oldKey) => {
  692.         if (curSourceKey.indexOf(oldKey) === -1 && !oldKey.startsWith("@") ) {
  693.           diffrentDir.push(oldKey);
  694.         }
  695.       });
  696.       debugger
  697.       let curBinding = this.handleDataTableReturn();
  698.       Object.keys(this.spread.toJSON().sheets).forEach(sheetName=>{
  699.         if(this.spread.toJSON().sheets[sheetName].tables && Array.isArray(this.spread.toJSON().sheets[sheetName].tables)){
  700.           this.spread.toJSON().sheets[sheetName].tables.forEach(table=>{
  701.           curBinding.push({
  702.             bindingPath:table.bindingPath,
  703.             col: table.col,
  704.             row: table.row,
  705.             sheetName: sheetName
  706.           })
  707.         })
  708.         }
  709.       })
  710.       this.lostBinging = [];
  711.       // let curBinding = this.handleDataTableReturn();
  712.       if (curBinding) {
  713.         curBinding.forEach((item) => {
  714.           if(!item.bindingPath) return
  715.           if (diffrentDir.indexOf(item.bindingPath) > -1) {
  716.             this.lostBinging.push(Object.assign(item,{
  717.               col:Number(item.col) +1,
  718.               row:Number(item.row)+ 1,
  719.             }));
  720.           }
  721.           if(item.bindingPath && item.bindingPath.startsWith("@") && recviceSourceKey.indexOf(item.bindingPath)== -1){
  722.             this.lostBinging.push(Object.assign(item,{
  723.               col:Number(item.col) +1,
  724.               row:Number(item.row)+ 1,
  725.             }));
  726.           }
  727.           if(item.bindingPath && curSourceKey.indexOf(item.bindingPath) == -1 && !item.bindingPath.startsWith("@")){
  728.             this.lostBinging.push(Object.assign(item,{
  729.               col:Number(item.col) +1,
  730.               row:Number(item.row)+ 1,
  731.             }));
  732.           }
  733.         });
  734.       }
  735.       if (this.lostBinging.length > 0) {
  736.         return false;
  737.       }
  738.       return true;
  739.     },
  740.     handleTest(){
  741.       this.handleAllSelectSourceView()
  742.     },
  743.     //保存点击事件,进行信息保存
  744.     saveInfos(type) {
  745.       this.jsonStr = JSON.stringify(_this.getAllSheetsData());
  746.       this.getAllUsedDataSource(JSON.parse(this.jsonStr));
  747.       // if (!this.handleDataSource()) {
  748.       //   this.$nextTick(()=>{
  749.       //     this.$message.error("该表引用了被删除字典，请修改后再保存");
  750.       //     _this.openInitPassDia = true;
  751.       //     console.log(this.lostBinging);
  752.          
  753.       //   })
  754.       //   return;
  755.       // }
  756.       // if (this.getActiveSheetData().data && !this.getActiveSheetData().data.dataTable) {
  757.       //   this.$message.error("当前报表内容为空，请添加后再保存");
  758.       //   return;
  759.       // }
  760.       // //判断回填是否设置了数据源
  761.       // if (!this.handleAutoFillData()) {
  762.       //   this.$message.error("自动回填没有设置数据源");
  763.       //   return;
  764.       // }
  765.       
  766.       //判断数据源是否被绑定两次
  767.       if (!this.handleAllSelectSourceView()) {
  768.         // if(typeof type != 'boolean' || !type) {
  769.          
  770.          
  771.         //   this.$refs.saveBtn.handleClick(true)
  772.         
  773.         // }
  774.         // console.log(,9999);
  775.         
  776.         // this.$refs.saveBtn.click()
  777.         // this.$message.error("数据源设置了两次");
  778.         // this.test = "6666666"
  779.         
  780.         // alert(this.test)
  781.         debugger
  782.         let _this = this
  783.         _this.useDialog = true;
  784.       //  setTimeout(()=>{
  785.         
  786.         
  787.       //  },300)
  788.       }
  789.       
  790.       this.saveInfoConfirm();
  791.     },
  792.     // 调用保存的接口
  793.     async saveInfoConfirm() {
  794.       
  795.       _this.designerBindingPathSchema =
  796.         _this.designer.getData("updatedTreeNode") ||
  797.         _this.designer.getData("oldTreeNodeFromJson");
  798.       let submitSource = [];
  799.       let source = JSON.parse(_this.designerBindingPathSchema);
  800.       if (source && source.properties) {
  801.         for (let i in source.properties) {
  802.           let curSourceKeys = Object.keys(_this.curSource);
  803.           let extra;
  804.           if (source.properties[i].dataFieldType !== "table") {
  805.             extra = source.properties[i].properties
  806.               ? source.properties[i].properties
  807.               : curSourceKeys.filter((item) => {
  808.                   if (item === i) return;
  809.                 })[0]
  810.               ? curSourceKeys.filter((item) => {
  811.                   if (item === i) return;
  812.                 })[0].properties
  813.               : null;
  814.           } else {
  815.             if (source.properties[i].items) {
  816.               extra = source.properties[i].items;
  817.             } else {
  818.               extra = null;
  819.             }
  820.           }
  821.           let children;
  822.           if (source.properties[i].dataFieldType == "table") {
  823.             if (source.properties[i].items) {
  824.               children = Object.keys(source.properties[i].items.properties);
  825.             }
  826.           } else if (source.properties[i].dataFieldType == "combox") {
  827.             if (source.properties[i].properties) {
  828.               children = Object.keys(source.properties[i].properties);
  829.             }
  830.           }

  832.           let curObj = {
  833.             name: i,
  834.             code: source.properties[i].dataFieldType.toUpperCase(),
  835.             dataFieldType: source.properties[i].dataFieldType,
  836.             type: source.properties[i].type,
  837.             id: curSourceKeys.filter((item) => {
  838.               if (item.name === i) return _this.curSource[item].id;
  839.             })[0]
  840.               ? curSourceKeys.filter((item) => {
  841.                   if (item.name === i) return _this.curSource[item].id;
  842.                 })[0].id
  843.               : null,
  844.             extra: JSON.stringify(extra),
  845.             children: children,
  846.           };
  847.           submitSource.push(curObj);
  848.         }
  849.       }
  850.       // 保存源数据与样式
  851.       try {
  852.         if (!this.$route.query.template)
  853.           await seSaveReportSourceData(
  854.             submitSource,
  855.             this.$route.query.projectId
  856.           );
  857.         let {
  858.           data: { resultCode },
  859.         } = await seSaveReportStyleData({
  860.           reportId: this.$route.query.reportId,
  861.           reportJson: this.jsonStr,
  862.           boundDictionaries: this.getAllUsedDataSourceArr,
  863.         });
  864.         resultCode !== 400
  865.           ? this.handleMessage("success", "保存报表设计成功")
  866.           : "";
  867.       } catch (e) {
  868.         this.$message.error("保存失败，请稍后重试");
  869.       }
  870.     },
  871.     handleAutoFillData() {
  872.       let isPass = true;
  873.     try{
  874.       for (let i = 0; i < this.spread.getSheetCount(); i++) {
  875.         let sheet = this.spread.getSheet(i);
  876.         let curData = _this.spread.toJSON().sheets[sheet.name()];
  877.         if (curData && curData.data && curData.data.dataTable) {
  878.           let curDataObj = curData.data.dataTable;
  879.           let rowList = Object.keys(curDataObj);
  880.           rowList.forEach((row) => {
  881.             let colList = Object.keys(curDataObj[row]);
  882.             colList.forEach((col) => {
  883.               if (
  884.                 curDataObj[row][col].tag &&
  885.                 curDataObj[row][col].tag.reWriteType &&
  886.                 !curDataObj[row][col].bindingPath
  887.               ) {
  888.                 isPass = false;
  889.               }
  890.             });
  891.           });
  892.         }
  893.       }
  894.     } catch(e) {
  895.       console.log(e);
  896.       
  897.     }
  898.       return isPass;
  899.     },
  900.     initDesigner(styleRes, strRes) {
  901.       var jsonOptions = {
  902.         includeBindingSource: true,
  903.         ignoreFormula: this.import_noFormula,
  904.         ignoreStyle: this.import_noStyle,
  905.         frozenColumnsAsRowHeaders: this.import_rowHeaders,
  906.         frozenRowsAsColumnHeaders: this.import_columnHeaders,
  907.         doNotRecalculateAfterLoad: this.import_donotrecalculateafterload,
  908.       };
  909.       this.spread.fromJSON(styleRes, jsonOptions);
  910.       let jsonStrRes =
  911.         typeof strRes == "string" ? strRes : JSON.stringify(strRes);
  912.       // 加载字段源
  913.       this.designer.setData("treeNodeFromJson", jsonStrRes);
  914.       this.designer.setData("oldTreeNodeFromJson", jsonStrRes);
  915.       setTimeout(() => {
  916.         _this.spread.refresh();
  917.       }, 500);
  918.     },
  919.     //查看当前的数据源绑定单元格
  920.     handleSelectSourceView() {
  921.       if (!this.selectSourceView) return;
  922.       let curData = this.handleDataTableReturn();
  923.       this.sourceLocation = true;
  924.       this.sourceLocationList = curData.filter((i) => {
  925.         if (this.selectSourceView == i.bindingPath) {
  926.           return Object.assign(i, { row: Number(i.row) + 1, col: Number(i.col) + 1 });
  927.         }
  928.       });
  929.     },
  930.     //判断当前的数据源是否被绑定两次
  931.     handleAllSelectSourceView() {
  932.       debugger
  933.       this.showList = []
  934.       this.useSource = []
  935.       let curSourceList = JSON.parse(
  936.         _this.designer.getData("updatedTreeNode") ||
  937.           _this.designer.getData("oldTreeNodeFromJson")
  938.       ).properties;
  939.       if(!curSourceList) return true
  940.       let curData = this.handleDataTableReturn();
  941.       let newSourceList = Object.keys(curSourceList);
  942.       
  943.       newSourceList.forEach((item) => {
  944.         curData.forEach((i) => {
  945.           if (item == i.bindingPath) {
  946.             if(this.useSource[item]){
  947.               this.useSource[item].push(Object.assign(i,{row:Number(i.row) + 1,col:Number(i.col) + 1}))
  948.             } else {
  949.               this.useSource[item] = [Object.assign(i,{row:Number(i.row) + 1,col:Number(i.col) + 1})]
  950.             }
  951.           }
  952.         });
  953.       });
  954.       
  955.       Object.keys(this.useSource).forEach((i) => {
  956.         if (this.useSource[i].length > 1) {
  957.           this.useSource[i].forEach(j=>{
  958.             this.showList.push(j)
  959.           })
  960.         }
  961.       });
  962.       console.log(this.useSource);
  963.       
  964.       if (this.showList.length > 0) {
  965.         
  966.         console.log("数据源不通过");
  967.         
  968.         return false;
  969.       } else {
  970.         return true;
  971.       }
  972.     },
  973.     //确定为保存，多个单元格设置同一个数据源
  974.     handleConfirmSource() {
  975.       this.saveInfoConfirm();
  976.       this.useDialog = false
  977.     },
  978.     // 获取当前单元格并设置逻辑
  979.     getCell() {
  980.       let cellObj = this.getCellCoordinate();
  981.       return cellObj;
  982.     },
  983.     //返回当前dataTable的扁平化数据
  984.     handleDataTableReturn() {
  985.       let sheetObjList = [];
  986.       let jsonStr = _this.spread.toJSON().sheets;
  987.       Object.keys(jsonStr).forEach((sheetName) => {
  988.         let curSheetDataTable = jsonStr[sheetName].data.dataTable;
  989.         if (!curSheetDataTable) return;
  990.         //获取行坐标
  991.         Object.keys(curSheetDataTable).forEach((row) => {
  992.           //获取列坐标
  993.           Object.keys(curSheetDataTable[row]).forEach((col) => {
  994.             let curCellObj = {
  995.               row: row,
  996.               col: col,
  997.               sheetName: sheetName,
  998.               tag: curSheetDataTable[row][col]
  999.                 ? curSheetDataTable[row][col].tag
  1000.                 : {},
  1001.               bindingPath: curSheetDataTable[row][col]
  1002.                 ? curSheetDataTable[row][col].bindingPath
  1003.                 : "",
  1004.               style: curSheetDataTable[row][col]
  1005.                 ? curSheetDataTable[row][col].style
  1006.                 : {},
  1007.               value: curSheetDataTable[row][col]
  1008.                 ? curSheetDataTable[row][col].value
  1009.                 : "",
  1010.             };
  1011.             sheetObjList.push(curCellObj);
  1012.           });
  1013.         });
  1014.       });
  1015.       return sheetObjList;
  1016.     },
  1017.     // 发布报表
  1018.     reportRelease() {
  1019.       this.test = '999999'
  1020.       if (!this.getActiveSheetData().data.dataTable) {
  1021.         this.$message.error("当前报表内容为空，请添加后再发布");
  1022.         return;
  1023.       }
  1024.       seReportPublishing({
  1025.         reportId: this.$route.query.reportId,
  1026.       });
  1027.       this.$message.success("发布成功");
  1028.     },
  1029.     // 获取当前活动表对象
  1030.     getActiveSheet() {
  1031.       return this.spread.getActiveSheet();
  1032.     },
  1033.     // 获取选择单元格左边
  1034.     getCellCoordinate() {
  1035.       let activeSheet = this.spread.getActiveSheet();
  1036.       let activeSheetTab = this.spread.getActiveSheetTab();
  1037.       let selections = activeSheet.getSelections();
  1038.       const { col, row, colCount, rowCount } = selections[0];
  1039.       return { col, row, colCount, rowCount, activeSheet };
  1040.     },
  1041.     // 获取当前活动表数据
  1042.     getActiveSheetData() {
  1043.       return _this.spread.toJSON().sheets[this.getActiveSheet().name()];
  1044.     },
  1045.     getAllSheetsData() {
  1046.       return _this.spread.toJSON();
  1047.     },
  1048.     listenSheetChange() {
  1049.       // 监听sheet变化
  1050.       this.spread.bind(
  1051.         GC.Spread.Sheets.Events.SheetChanged,
  1052.         function (e, info) {
  1053.           if (info.propertyName === "insertSheet") {
  1054.             // 新增表重新绑定监听
  1055.             _this.listenCellEvent(_this.spread.getSheet(info.sheetIndex));
  1056.           } else if (info.propertyName === "isSelected" && info.newValue) {
  1057.             //切换表重新绑定监听
  1058.             _this.listenCellEvent(_this.spread.getSheet(info.sheetIndex));
  1059.           }
  1060.           // _this.listenCellEvent()
  1061.         }
  1062.       );
  1063.     },
  1064.     // 绑定单元格监听
  1065.     listenCellEvent(sheet = false) {
  1066.       let currentSheet = sheet || _this.spread.getActiveSheet();
  1067.       currentSheet.bind(
  1068.         GC.Spread.Sheets.Events.ValueChanged,
  1069.         function (e, info) {
  1070.           // 获取数据变化的单元格信息
  1071.           // 获取对应单元格绑定的数据源
  1072.           let bindPath = _this
  1073.             .getActiveSheet()
  1074.             .getBindingPath(info.row, info.col);
  1075.         }
  1076.       );
  1077.       currentSheet.bind(
  1078.         GC.Spread.Sheets.Events.SelectionChanged,
  1079.         function (e, info) {
  1080.           _this.curCellRow = info.newSelections[0].row;
  1081.           _this.curCellCol = info.newSelections[0].col;
  1082.           _this.getRuleDes();
  1083.           _this.getAuditpoints();
  1084.           _this.getWordRequest();
  1085.         }
  1086.       );
  1087.       currentSheet.bind(
  1088.         GC.Spread.Sheets.Events.TableRowsChanged,
  1089.         function (e, info) {
  1090.           for (let i = 0; i < _this.spread.getSheetCount(); i++) {
  1091.             let sheet = _this.spread.getSheet(i);
  1092.             sheet.tables.all().forEach((table) => {
  1093.               let dr = table.dataRange();
  1094.               sheet
  1095.                 .getRange(dr.row, dr.col, dr.rowCount, dr.colCount)
  1096.                 .locked(false);
  1097.               for (
  1098.                 let curRow = dr.row + 1;
  1099.                 curRow < dr.row + dr.rowCount;
  1100.                 curRow++
  1101.               ) {
  1102.                 sheet.copyTo(
  1103.                   dr.row,
  1104.                   dr.col,
  1105.                   curRow,
  1106.                   dr.col,
  1107.                   1,
  1108.                   dr.colCount,
  1109.                   GC.Spread.Sheets.CopyToOptions.style
  1110.                 );
  1111.               }
  1112.             });
  1113.           }
  1114.         }
  1115.       );
  1116.     },
  1117.     // 删除单元格绑定源
  1118.     deleteCell() {
  1119.       let cellObj = this.getCellCoordinate();
  1120.       cellObj.activeSheet.setBindingPath(cellObj.col, cellObj.row, undefined);
  1121.     },
  1122.     //关闭绑定数据弹窗
  1123.     closeDataDia() {
  1124.       this.dialogDataConnect = false;
  1125.     },
  1126.     //绑定数据单元格
  1127.     cellDataChange({ row, col, dataSource }) {
  1128.       this.setNewTag(
  1129.         {
  1130.           relateDataSource: dataSource,
  1131.         },
  1132.         row,
  1133.         col
  1134.       );
  1135.       this.closeDataDia();
  1136.     },
  1137.     //点击添加审核点和填写要求
  1138.     handleSubmitSearch(type = "auditpoints") {
  1139.       let settingObj = {};
  1140.       type === "auditpoints"
  1141.         ? (settingObj = {
  1142.             auditpoints: _this.auditpoints,
  1143.           })
  1144.         : (settingObj = {
  1145.             wordRequest: _this.wordRequest,
  1146.           });
  1147.       this.setNewTag(settingObj, this.curCellRow, this.curCellCol);
  1148.       this.handleMessage("success");
  1149.     },
  1150.     //设置cell的tag新属性
  1151.     setNewTag(setTagObj, row, col) {
  1152.       if (_this.getActiveSheet().getTag(row, col)) {
  1153.         _this
  1154.           .getActiveSheet()
  1155.           .setTag(
  1156.             Object.assign(_this.getActiveSheet().getTag(row, col), setTagObj)
  1157.           );
  1158.       } else {
  1159.         _this.getActiveSheet().setTag(row, col, setTagObj);
  1160.       }
  1161.     },
  1162.     //提示方法
  1163.     handleMessage(type, text) {
  1164.       if (type == "success") {
  1165.         this.$message.success(`${text || "保存成功"}`);
  1166.       } else {
  1167.         this.$message.error(`${text || "保存失败"}`);
  1168.       }
  1169.     },
  1170.     getRuleDes() {
  1171.       //获取正则校验描述
  1172.       try {
  1173.         // 读取规则描述
  1174.         _this.curCellReg =
  1175.           _this.regObj[
  1176.             _this.getActiveSheetData().data.dataTable[_this.curCellRow][
  1177.               _this.curCellCol
  1178.             ].tag.reCode
  1179.           ].des;
  1180.         // 读取是否必填
  1181.         _this.getActiveSheetData().data.dataTable[_this.curCellRow][
  1182.           _this.curCellCol
  1183.         ].tag.isRequire
  1184.           ? (_this.curCellReg += " - 必填 ")
  1185.           : "";
  1186.       } catch (e) {
  1187.         _this.curCellReg = "";
  1188.       }
  1189.     },
  1190.     getAuditpoints() {
  1191.       try {
  1192.         // 获取审核点数据
  1193.         _this.auditpoints =
  1194.           _this.getActiveSheetData().data.dataTable[_this.curCellRow][
  1195.             _this.curCellCol
  1196.           ].tag.auditpoints;
  1197.       } catch (e) {
  1198.         _this.auditpoints = "";
  1199.       }
  1200.     },
  1201.     getWordRequest() {
  1202.       try {
  1203.         // 获取填报要求数据
  1204.         _this.wordRequest =
  1205.           _this.getActiveSheetData().data.dataTable[_this.curCellRow][
  1206.             _this.curCellCol
  1207.           ].tag.wordRequest;
  1208.       } catch (e) {
  1209.         _this.wordRequest = "";
  1210.       }
  1211.     },
  1212.     //校验添加的新规则是否符合校验
  1213.     handleValidRule() {
  1214.       let valids;
  1215.       let mode;
  1216.       this.diaMode === "reg" ? (mode = "regDataObj") : (mode = "checkDataObj");
  1217.       this.$refs[mode].validate((valid) => {
  1218.         valids = valid;
  1219.       });
  1220.       return valids;
  1221.     },
  1222.     // 新建自定义正则校验
  1223.     async handleSubmitReg() {
  1224.       if (!this.handleValidRule()) return;
  1225.       let mode;
  1226.       this.diaMode === "reg" ? (mode = "regDataObj") : (mode = "checkDataObj");
  1227.       // this.$refs[mode].resetFields();
  1228.       if (this.diaMode === "reg") {
  1229.         _this.randomNumber = Math.floor(Math.random(new Date()) * 100000);
  1230.         if (
  1231.           this.regObj[_this.randomNumber] &&
  1232.           this.regObj[_this.randomNumber].re
  1233.         ) {
  1234.           handleSubmitReg();
  1235.           return;
  1236.         }
  1237.         await seAddRegularItem([
  1238.           {
  1239.             name: this.regDataObj.name,
  1240.             des: this.regDataObj.des,
  1241.             re: this.regDataObj.input,
  1242.             code: _this.randomNumber,
  1243.           },
  1244.           // ...localReRule,
  1245.         ]);
  1246.       } else if (this.diaMode === "checkBox") {
  1247.         _this.randomNumber = Math.floor(
  1248.           Math.random(new Date()) * 100000 + 100000
  1249.         );
  1250.         if (this.regObj[_this.randomNumber]) {
  1251.           handleSubmitReg();
  1252.           return;
  1253.         }
  1254.         await seAddRegularItem([
  1255.           {
  1256.             name: this.checkDataObj.name,
  1257.             des: this.checkDataObj.des,
  1258.             min: this.checkDataObj.min,
  1259.             max: this.checkDataObj.max,
  1260.             code: _this.randomNumber,
  1261.           },
  1262.           // ...localReRule,
  1263.         ]);
  1264.       }
  1265.       _this.regStatus = "选择";
  1266.       this.getRegObj();
  1267.       this.initRule();
  1268.     },
  1269.     // 绑定当前选择的正则到当前选择的单元格
  1270.     handleRegRuleAdd(isRequire) {
  1271.       if (isRequire) {
  1272.         this.setNewTag(
  1273.           {
  1274.             isRequire: true,
  1275.           },
  1276.           this.curCellRow,
  1277.           this.curCellCol
  1278.         );
  1279.       }
  1280.       if (this.diaMode === "reg") {
  1281.         this.setNewTag(
  1282.           {
  1283.             reCode: this.regDataObj.select,
  1284.           },
  1285.           this.curCellRow,
  1286.           this.curCellCol
  1287.         );
  1288.         _this.randomNumber = this.regDataObj.select;
  1289.       } else if (this.diaMode == "checkBox") {
  1290.         this.setNewTag(
  1291.           {
  1292.             reCode: this.checkDataObj.select,
  1293.           },
  1294.           this.curCellRow,
  1295.           this.curCellCol
  1296.         );
  1297.         _this.randomNumber = this.checkDataObj.select;
  1298.       }
  1299.       _this.getRuleDes();
  1300.       this.$message.success("添加成功！");
  1301.       this.dialogVisible = false;
  1302.     },
  1303.     //唤醒多选绑定框
  1304.     ruleSources() {
  1305.       if (!this.regObj[this.checkDataObj.select]) {
  1306.         this.regObj[""] = {
  1307.           des: "暂无校验",
  1308.           code: "",
  1309.           min: "",
  1310.           name: "暂无校验",
  1311.           max: "",
  1312.         };
  1313.         this.checkDataObj.select = "";
  1314.       }
  1315.       _this.diaMode = "checkBox";
  1316.       _this.dialogVisible = true;
  1317.     },
  1318.     //清空数据校验列表
  1319.     resetDSList() {},
  1320.     //多选框其他数据绑定(多选框绑定后，能使用正则校验对指定的其他单元格设置校验规则)
  1321.     relateMutCheck() {
  1322.       _this.multipleDataConnect.push({
  1323.         row: _this.curCellRow,
  1324.         col: _this.curCellCol,
  1325.       });
  1326.       try {
  1327.         if (
  1328.           !_this.getActiveSheetData().data.dataTable[
  1329.             _this.multipleDataConnect[0].row
  1330.           ][_this.multipleDataConnect[0].col].style.cellType.typeName == "12"
  1331.         ) {
  1332.           this.$message.error("请先选择多选框");
  1333.           _this.multipleDataConnect = [];
  1334.           return;
  1335.         }
  1336.       } catch (e) {
  1337.         _this.multipleDataConnect = [];
  1338.         _this.$message.error("请先选择多选框");
  1339.         return;
  1340.       }
  1341.       if (_this.multipleDataConnect.length == 2) {
  1342.         //多选框绑定
  1343.         _this.setNewTag(
  1344.           {
  1345.             relateRow: _this.multipleDataConnect[1].row,
  1346.             relateCol: _this.multipleDataConnect[1].col,
  1347.           },

  1349.           _this.multipleDataConnect[0].row,
  1350.           _this.multipleDataConnect[0].col
  1351.         );
  1352.         //被多选框绑定
  1353.         _this.setNewTag(
  1354.           {
  1355.             connectByRow: _this.multipleDataConnect[0].row,
  1356.             connectByCol: _this.multipleDataConnect[0].col,
  1357.           },
  1358.           _this.multipleDataConnect[1].row,
  1359.           _this.multipleDataConnect[1].col
  1360.         );
  1361.         this.getActiveSheet()
  1362.           .getCell(
  1363.             _this.multipleDataConnect[0].row,
  1364.             _this.multipleDataConnect[0].col
  1365.           )
  1366.           .backColor("#aed19c");
  1367.         this.getActiveSheet()
  1368.           .getCell(
  1369.             _this.multipleDataConnect[1].row,
  1370.             _this.multipleDataConnect[1].col
  1371.           )
  1372.           .backColor("#aed19c");

  1374.         this.$message.success(
  1375.           `成功关联(${_this.multipleDataConnect[0].row},${_this.multipleDataConnect[0].col})(${_this.multipleDataConnect[1].row},${_this.multipleDataConnect[1].col})`
  1376.         );
  1377.         _this.multipleDataConnect = [];
  1378.       } else {
  1379.         _this.$message.success(
  1380.           `已选择(${_this.curCellRow},${_this.curCellCol})`
  1381.         );
  1382.       }
  1383.     },
  1384.     //清除该单元格的数据绑定
  1385.     removeData({ row, col }) {
  1386.       _this.setNewTag(
  1387.         {
  1388.           relateDataSource: null,
  1389.         },
  1390.         row,
  1391.         col
  1392.       );
  1393.     },
  1394.     //关闭自定义校验选择框
  1395.     handleCancelDia(type) {
  1396.       type == "add" ? "" : (this.dialogVisible = false);
  1397.       (this.regDataObj = {
  1398.         input: "",
  1399.         name: "",
  1400.         des: "",
  1401.         select: "",
  1402.       }),
  1403.         (this.checkDataObj = {
  1404.           min: "",
  1405.           max: "",
  1406.           name: "",
  1407.           des: "",
  1408.           select: "",
  1409.         });
  1410.       this.checkDataObj.select;
  1411.       this.regObj;
  1412.       this.regStatus = "选择";
  1413.     },
  1414.     //清除绑定的自定义规则
  1415.     removeRule() {
  1416.       try {
  1417.         _this.getActiveSheetData().data.dataTable[this.curCellRow][
  1418.           this.curCellCol
  1419.         ].tag.reCode = null;
  1420.         _this.getActiveSheetData().data.dataTable[this.curCellRow][
  1421.           this.curCellCol
  1422.         ].tag.isRequire = false;
  1423.         this.$message.success("校验清除成功");
  1424.         this.dialogVisible = false;
  1425.       } catch (e) {}
  1426.     },
  1427.     //数据回填的方法设置
  1428.     reWriteBtn() {
  1429.       _this.reWriteDia = true;
  1430.     },
  1431.     //取消当前回填数据
  1432.     overReWriteBtn(){
  1433.       this.setNewTag(
  1434.         {
  1435.           reWriteType: null,
  1436.         },
  1437.         this.curCellRow,
  1438.         this.curCellCol
  1439.       );
  1440.       this.getActiveSheet()
  1441.         .getCell(Number(this.curCellRow), Number(this.curCellCol))
  1442.         .backColor("");
  1443.       this.$message.success("取消回填成功");
  1444.       this.reWriteSelect = "";
  1445.     },
  1446.     handleReWriteSubmit() {
  1447.       // 设置该单元格的回填信息
  1448.       this.setNewTag(
  1449.         {
  1450.           reWriteType: this.reWriteSelect,
  1451.         },
  1452.         this.curCellRow,
  1453.         this.curCellCol
  1454.       );
  1455.       this.getActiveSheet()
  1456.         .getCell(Number(this.curCellRow), Number(this.curCellCol))
  1457.         .backColor("#9ebddd");
  1458.       this.$message.success("设置回填成功,请设置该单元格数据源");
  1459.       this.reWriteDia = false;
  1460.       this.reWriteSelect = "";
  1461.     },
  1462.   },
  1463.   watch: {
  1464.     screenWidth: {
  1465.       immediate: true,
  1466.       handler: function (newVal) {
  1467.         // 为了避免频繁触发resize函数导致页面卡顿，使用定时器
  1468.         if (!this.timer) {
  1469.           this.screenWidth = newVal;
  1470.           this.timer = true;
  1471.           let _this = this;
  1472.           setTimeout(() => {
  1473.             document.getElementById("designer-content").style.width =
  1474.               newVal + "px";
  1475.             //在这里做有关浏览器变化时需要做的操作
  1476.             _this.spread.refresh();
  1477.             _this.timer = false;
  1478.           }, 500);
  1479.         }
  1480.       },
  1481.     },
  1482.   },
  1483.   beforeDestroy() {},
  1484. };
  1485. </script>
复制代码
回复 使用道具 举报
kelvinChen
金牌服务用户   /  发表于：2024-9-4 10:48:38
13#
经过测试，第二次进入的报表也是使用了第一次的designer，能否在每一进入sheet都使用新的designer，达到刷新的效果
回复 使用道具 举报
kelvinChen
金牌服务用户   /  发表于：2024-9-4 10:58:02
14#
或者说，为什么我在退出报表的时候使用了destory方法，下次再进入还是引用被destory的designer，不是被销毁了吗
回复 使用道具 举报
kelvinChen
金牌服务用户   /  发表于：2024-9-4 11:41:22
15#
当前每一次进入我都会创建新的designer，但是只有无论创建了多少designer，都只会使用第一次创建的，无论我退出的时候有没有调用销毁designer
回复 使用道具 举报
kelvinChen
金牌服务用户   /  发表于：2024-9-4 11:46:17
16#
这是在app.vue引入的，是不是引入出现什么问题
import "@grapecity/spread-sheets-designer-resources-cn";
import "@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css";
import "@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css";
import "@grapecity/spread-sheets-designer-vue";
import GC from "@grapecity/spread-sheets";
// import * as GC from '@grapecity/spread-sheets';
import "@grapecity/spread-sheets-print";
import "@grapecity/spread-sheets-shapes";
// import "@grapecity/spread-sheets-slicers";
import "@grapecity/spread-sheets-tablesheet";
// import "@grapecity/spread-sheets-ganttsheet";
// import "@grapecity/spread-sheets-formula-panel";
import "@grapecity/spread-sheets-io";
import '@grapecity/spread-sheets-resources-zh';
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于：2024-9-4 14:16:35
17#
kelvinChen 发表于 2024-9-4 11:46
这是在app.vue引入的，是不是引入出现什么问题
import "@grapecity/spread-sheets-designer-resources-cn" ...

我们根据您提供的代码片段分析，这需要一些时间，请您耐心等候。
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于：2024-9-4 16:22:10
18#
kelvinChen 发表于 2024-9-4 09:30
测试第二次进入保存左边弹窗不出现，右边按钮能出现弹窗，猜测是否第二次进入的时候，左边的报表和右边的 ...

因为您销毁的是Designer，所以销毁将清空原Designer资源占用的区域，而右侧面板是独立于Designer自定义的dom元素，因此不受影响。
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于：2024-9-4 16:32:50
19#
您好！您的代码中包含了很多项目内的资源，未提供给我们，我们无法直接运行这些代码，也未能复现问题。我们分析了这些代码片段，未发现异常处，我们从中抽取了设置ribbon的代码，以模拟您定义的退出销毁功能，可以正常销毁且重建Designer，您可以参考附件中的demo了解详情。
为了解决您的问题，请问您是否方便将复现问题的代码单独汇集成可直接运行的demo文件呢，只需要复现问题即可，当前代码片段缺少运行资源。

销毁Designer.html

13.75 KB, 下载次数: 4
回复 使用道具 举报
kelvinChen
金牌服务用户   /  发表于：2024-9-5 15:48:48
20#
目前已经解决
回复 使用道具 举报
下一页 »
123下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部