{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\tripartite\\buildBigScreen\\src\\page\\build.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\tripartite\\buildBigScreen\\src\\page\\build.vue","mtime":1675071992616},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport MonacoEditor from '@/tripartite/buildBigScreen/src/page/components/editor';\nimport layer from \"./group/layer\";\nimport top from \"./group/top\";\nimport imglist from \"./group/imglist\";\nimport contentmenu from \"./group/contentmenu\";\nimport codeedit from \"./group/code\";\nimport { dicOption } from '@/tripartite/buildBigScreen/src/option/config';\nimport init from '@/tripartite/buildBigScreen/src/mixins/';\nimport { uuid } from '@/tripartite/buildBigScreen/src/utils/utils';\nimport components from '@/tripartite/buildBigScreen/src/option/components';\nimport SketchRule from 'vue-sketch-ruler';\nimport { getList } from '@/tripartite/buildBigScreen/src/api/db';\nimport crypto from '@/tripartite/buildBigScreen/src/utils/crypto';\nimport report from '@/api/report.js';\nimport '@/tripartite/buildBigScreen/src/mock/';\nimport portal from \"@/api/portal.js\";\nexport default {\n  mixins: [init, components],\n  data: function data() {\n    return {\n      show: false,\n      keys: {\n        ctrl: false\n      },\n      dataRes: '',\n      db: '',\n      sql: '',\n      nav: [],\n      json: {},\n      DIC: {\n        sql: []\n      },\n      loading: '',\n      childProps: {\n        label: 'name',\n        value: 'index'\n      },\n      key: '',\n      menuFlag: true,\n      code: {\n        box: false,\n        type: '',\n        obj: ''\n      },\n      form: {},\n      dicOption: dicOption,\n      tabsActive: 0,\n      // 标尺\n      scale: 0.9,\n      //初始化标尺的缩放\n      startX: 0,\n      //x轴标尺开始的坐标数值\n      startY: 0,\n      lines: {\n        //初始化水平标尺上的参考线\n        h: [],\n        v: []\n      },\n      rendIndex: 0,\n      //重新渲染组件\n      shadow: {\n        x: 0,\n        y: 0\n      },\n      // 阴影大小\n      thick: 20,\n      //标尺的厚度\n      width: 0,\n      // 标尺宽,后面会初始化\n      height: 0,\n      // 标尺高,后面会初始化\n      isShowReferLine: true,\n      // 显示参考线\n      isImgOpen: true,\n      //眼镜打开\n      imgOpenData: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAbCAYAAAAOEM1uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAQNSURBVHja7JdvSON1HMdfP126/shSmaZ1ntuZbTLihOnSdJlPhIquB0VR1DZM9En0wCB3qCXKVOh86mmakdGDOqyHityBidYN1HPYZqbhOZprMGTOUk/9/XryWyxvek5NIu4Lg/H+fPj8Xt/P98/n8xUkSeK/PIT7gP8GoCAI8cTQAoWAHkgFRCAA3AKmgeBRA8VkOSZgMvAy8DZQCqQf4OcFRoDPgYmzAnwdaAAuxpFlCbgGfAR4ThUwYhcE4QngExnw71FWVuax2WwBk8mkSE9PV+7t7Ymrq6vbw8PD0uDgYO7CwsK5KPc14ENJkj497FtxAwqCYAK+kvcbANXV1U6Hw6HIyMh4GlAckJHwzMzMrM1my3a5XNoo01XgPUmSdk8MCLwEfAmoAPLz872jo6OrOTk5xVGBQ0tLS575+fnt7OzsRIPBcD4pKelctL2/v3+mtrbWLIpigixfA94BNk8C+JoMlyRn7WZvb68mISEhI+IQCASmKyoq0jweT25EU6lU4aGhoZnKykpzdNzl5eWbRqPxyWAwmCZL3wJvAHeOA/iCPMsHARwOx7jdbi+JXs7t7e3lrKys1LW1NVWsJXa73ZN6vb40WltfX3cbDIZ0r9ebKUv9wLvxAhYC1+V7je7u7rG6urrn9vu1tbWNNzU1lR90KgsLC5emp6cfB5TRejgc9mg0msyoTNYDXfEAjgFmQGxpaZlobm6OBbFrMpl+dTqd+YdcLztbW1ve5ORk7X6D3++f0ul0+aFQKAXYAF6RJOn6UQGDQBrgE0VRJQjCw7EAjUbj8tTUVN4hgLubm5u3lUrlhVjG+vr6ya6ursgWaJck6fJRAW8AzwNia2vrRGNjY8xltNvtEx0dHc8eRKfX62+73W418NB+m8/nm9LpdE+Fw+FHgD+AS/Fk8CJwI7IHe3t7x2pqau7agxsbG/NqtTp3a2tLGQtwcnJyvKSk5K7JhcPhnzQaTXYwGEyVpQ+AK8c5xd9EZt/e3v59Q0ND6f5LeXFx8cfy8vILfr9fHdEUCsVOX1/fhMViqdgfOxQKzRUUFKh9Pt+JTnHk76vyPZgcqR49PT3nExMTM/+x0XZ3fePj47/Mzc2RlZVFVVVVRkpKin5/3JWVFWdRUVFeIBCInN7v5NJ55ySV5EUZ8lEArVb728jIiDcvL++ZONqo0MDAwK2ampoyURQTZXlI7ob+PI1aXAR8AegiutVqdXZ2dt6zFs/OzrosFstjLpcr+iR3A+9LkrRzKs2CrGUCV4C3on3NZrPHarX+Xlxc/MARu5nLkiRdPbVuJsa4BDQCxjj6QRH4GvgY+PksOmqF3FG/KVcc9T066s+AH86y5Y8eOXI282XQyJtkRv6d/pvk/rPz/wT41wBibRrpeMs+PAAAAABJRU5ErkJggg==',\n      // 左上角图片\n      imgClose: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAPYSURBVHja7JVPTFRXFIe/+96gGRHEhQzBFMJKSKSkLTgtGxemSXcktohW2RBmTAjUClIYZ6Cxi+fQDgOCLJgJhqTSBAtLdjaxaSqQWnDSNp2U0I6FFh0SDdV0oMx7pwuZCUXjnyZNuvBsbnLvufe7555zfleJCP+1qReQfwVRSqWmqoFDIE3A+iZXQDbGlMmmNTatP5xPn/0ohOOgLgNtIB8DOlAKvAzsBTKBP4FF4Dvge1DrzwsBaAAuAJ8CxbpuezU/P397QcFLZGVlcf/+fRYXF1lc/G3VNJM/AJ8Dw8CdZ4QoQI4AIWBXaWkpQ0ND5v79+zW73Z5+n9XVVWZnb8rExIQ2MnKZWCz2M/Dhw1d4eiTngXafz2dmZ2ebPp9P6+vrl5qaI2p8fFyi0aheUlJiHj78tpaTs0sHJB6PW4HAJ3og0I2I+AHPkyAeu91uDA4OmrW1tRpAT09vsr29XXM4ciWZTJKXl2ctLCyoHTsy1ZUro+J0OjNSWR8ZGbFcLpeeSCTOAucfBykDpvr7+7c3NjamS+bevXvJ4uIS4vE7tra2tjW/32+7ffu21Ne7rJmZb7VIJKL27Nmjp0ADAwM0NjauAW+IyM2tkAGn8/WG69e/NjVNS20iHA6vd3Z2qrq6OtMwDFswGLROnz6dcffu3WRRUZEVCARwuVzbUv6WZVmVlZXa9PT0RRFp2gq56na7Dw0ODv6jGc6cOWNdu/Zl8saNb/RgMGi1tLSo7u5uaW5u1srLK8yDBw/aursD2ubmcbtPqnA4dFVE3twKuVBeXv7e5OSkabPZ0pGEQuG/WltbicV+0Xbv3m0LBnvWW1qatbNnvclLl4b0c+c+ErfblcoLa2trptPp1CORSEBEWrdCSoBpwzB2ejyedE6Wl5fNsrIyqaiokFAopBwOh/J4PKbf79/mcDiS0WiUnJwcWyoKr9erDMNYBg6ISOxx1dWg6/pAb2+vtZF8DWBqanr96NEalUgkpKCgQJaWljRN04jH43R1dcmpU6dsgBiGobxer3qoGnz2pD5pBfx1dXWaz+czi4qKNECtrKyYY2NjVjQa1fftK7aqq99hdHRUmpqaVEdHhzU/P58xPDycAN4Hws8iK28B/tzc3LJjx96lqqrKOnCggszMzLRmPHjwQM3MzFj19fX63NwcwDJQBUymK+ApEEDtBDkOnFBKvZafv9deWFhIdnYWKysr3Lr1K0tLvydE5CvgJ1AnQZqBi88DSV1aA0qAV4CCDRX+A1gAZoEfN/w/ALqAEyAjzwvZ8mc8KukblgGqD/gCZOyxkBd//P8G8vcAMK383pmr7aEAAAAASUVORK5CYII=',\n      dragSlide: false // 拖动滚动条标记\n\n    };\n  },\n  components: {\n    MonacoEditor: MonacoEditor,\n    imglist: imglist,\n    layer: layer,\n    codeedit: codeedit,\n    top: top,\n    contentmenu: contentmenu,\n    SketchRule: SketchRule\n  },\n  computed: {\n    isStatic: function isStatic() {\n      return this.activeObj.dataType == 0;\n    },\n    isApi: function isApi() {\n      return this.activeObj.dataType == 1;\n    },\n    isSql: function isSql() {\n      return this.activeObj.dataType == 2;\n    },\n    isFolder: function isFolder() {\n      return this.activeObj.children;\n    },\n    isActive: function isActive() {\n      return this.active.length !== 0;\n    },\n    isSelectActive: function isSelectActive() {\n      return this.active.length > 1;\n    },\n    childList: function childList() {\n      return this.list.filter(function (ele) {\n        if (['tabs'].includes(ele.component.prop)) {\n          return false;\n        }\n\n        return true;\n      });\n    },\n    activeComponent: function activeComponent() {\n      return this.activeObj.component || {};\n    },\n    activeOption: function activeOption() {\n      return this.activeObj.option || {};\n    },\n    activeObj: function activeObj() {\n      var _this = this;\n\n      var result; // console.log(this.validatenull, 'ttttttt')\n\n      if (this.validatenull(this.active)) {\n        return {};\n      } // console.log(this.active, 'rrrrrrrr')\n\n\n      this.active.forEach(function (ele) {\n        var item = _this.findnav(ele, true);\n\n        if (_this.active.length > 1) {\n          if (!result) result = [];\n          result.push(item.obj);\n        } else {\n          result = item.obj;\n        }\n      });\n      return result;\n    },\n\n    /* 标尺用的 */\n    palette: function palette() {\n      return {\n        bgColor: '#181b24',\n        // ruler bg color\n        longfgColor: '#BABBBC',\n        // ruler longer mark color\n        shortfgColor: '#9C9C9C',\n        // ruler shorter mark color\n        fontColor: '#DEDEDE',\n        // ruler font color\n        shadowColor: '#525252',\n        // ruler shadow color\n        lineColor: '#EB5648',\n        borderColor: '#B5B5B5',\n        cornerActiveColor: '#fff'\n      };\n    },\n    // 画布大小,一定要是computer里面,否则缩放页面会失效\n    canvasStyle: function canvasStyle() {\n      return {\n        width: window.innerWidth - 530 + 'px',\n        transform: \"scale(\".concat(this.scale, \")\")\n      };\n    }\n  },\n  watch: {\n    activeObj: {\n      handler: function handler(val) {\n        if (this.activeObj.sql && this.isSql) {\n          var mode = JSON.parse(crypto.decrypt(this.activeObj.sql));\n          this.db = mode.id;\n          this.sql = mode.sql;\n        } else {\n          this.db = '';\n          this.sql = '';\n        }\n      },\n      deep: true\n    },\n    menuFlag: function menuFlag() {\n      this.setResize();\n    },\n    overactive: function overactive(n, o) {\n      var _this2 = this;\n\n      ;\n      [o, n].forEach(function (ele, index) {\n        if (!ele) return;\n\n        _this2.setActive(ele, index === 1, 'setOverActive');\n      });\n    },\n    active: function active(n, o) {\n      var _this3 = this;\n\n      ;\n      [o, n].forEach(function (ele, index) {\n        ele.forEach(function (item) {\n          _this3.setActive(item, index === 1, 'setActive');\n        });\n      }); //隐藏右键菜单\n\n      this.$refs.contentmenu.hide(); // 初始化选项卡\n\n      this.tabsActive = '0';\n    }\n  },\n  created: function created() {\n    this.listen();\n    this.iniresize();\n    this.initSqlList();\n  },\n  mounted: function mounted() {\n    var _this4 = this;\n\n    this.initFun();\n    this.$nextTick(function () {\n      _this4.initSize();\n    });\n  },\n  methods: {\n    handleRefresh: function handleRefresh() {\n      return this.$refs.container.handleRefresh();\n    },\n    handleRes: function handleRes() {\n      var _this5 = this;\n\n      if (this.isSql) {\n        this.$set(this.activeObj, 'sql', crypto.encrypt(JSON.stringify({\n          id: this.db,\n          sql: this.sql\n        })));\n      }\n\n      report.dataSourceRefresh().then(function (res) {\n        if (!_this5.validatenull(res)) {\n          _this5.dataRes = JSON.stringify(res || {}, null, 4);\n        } else {\n          _this5.dataRes = '';\n        }\n\n        _this5.$message.success('数据刷新成功');\n      });\n    },\n    handleSql: function handleSql() {\n      this.show = true;\n      this.dataRes = '';\n    },\n    //获取外部数据源\n    initSqlList: function initSqlList() {\n      var _this6 = this;\n\n      portal.getDataSourcePageJson({\n        pageBean: {\n          page: 1,\n          pageSize: 50,\n          total: 0\n        }\n      }).then(function (res) {\n        var data = res.rows; // console.log(data, 'djfljfklsjflksjfsncsldnc')\n\n        _this6.DIC.sql = data.map(function (ele) {\n          return {\n            label: ele.name,\n            value: ele.id\n          };\n        });\n      }); // getList(1, 100).then(res => {\n      //   const data = res.data.data;\n      //   this.DIC.sql = data.records.map(ele => {\n      //     return {\n      //       label: ele.name,\n      //       value: ele.id\n      //     }\n      //   })\n      // });\n    },\n    codeClose: function codeClose(value) {\n      if (this.code.type === 'query') {\n        this.config.query = value;\n      } else {\n        this.activeObj[this.code.type] = value;\n      }\n    },\n    openCode: function openCode(type) {\n      this.code.type = type;\n\n      if (type === 'query') {\n        this.code.obj = this.config.query;\n      } else {\n        this.code.obj = this.activeObj[type];\n      }\n\n      this.code.box = true;\n    },\n    initFun: function initFun() {\n      var _this7 = this;\n\n      ;\n      ['setScale', 'setResize'].forEach(function (ele) {\n        _this7[ele] = _this7.$refs.container[ele];\n      });\n      ['handleAdd'].forEach(function (ele) {\n        _this7[ele] = _this7.$refs.top[ele];\n      });\n    },\n    // 右键菜单\n    handleContextMenu: function handleContextMenu(e) {\n      var _this8 = this;\n\n      var item = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n      if (!item.index) {\n        return;\n      }\n\n      if (!this.isSelectActive) {\n        this.active = [item.index];\n      }\n\n      setTimeout(function () {\n        _this8.$refs.contentmenu.show(e.clientX, e.clientY);\n      }, 0);\n    },\n    //监听键盘的按键\n    listen: function listen() {\n      var _this9 = this;\n\n      document.onkeydown = function (e) {\n        if (e.target.nodeName == 'TEXTAREA' || e.target.nodeName == 'INPUT') {\n          return;\n        } // 按下空格键\n\n\n        if (e.keyCode == 32) {\n          e.preventDefault();\n          _this9.keys.space = true;\n        } // 如果是delete按键,那么调用删除组件按钮\n\n\n        if (e.keyCode === 46) {\n          _this9.deleteMethod();\n        }\n\n        if (e.keyCode === 90) {\n          _this9.editorUndo();\n        }\n\n        if (e.keyCode === 89) {\n          _this9.editorRedo();\n        }\n\n        _this9.keys.ctrl = e.keyCode === 17;\n      };\n\n      document.onkeyup = function () {\n        _this9.keys.ctrl = false;\n      };\n    },\n    deleteMethod: function deleteMethod() {\n      var _this10 = this;\n\n      this.active.forEach(function (index) {\n        var params = _this10.findnav(index);\n\n        delete params.parent.splice(params.count, 1);\n      });\n      this.handleInitActive();\n    },\n    setActive: function setActive(val, result, fun) {\n      var obj = this.$refs.container.handleGetObj(val);\n      if (!this.validatenull(obj)) obj[0][fun](result);\n    },\n    //批量成组\n    handleFloder: function handleFloder() {\n      var _this11 = this;\n\n      var floder = {\n        title: '文件夹',\n        name: '文件夹',\n        index: uuid(),\n        children: []\n      };\n      this.active.forEach(function (index) {\n        var params = _this11.findnav(index);\n\n        floder.children.push(params.obj);\n        delete params.parent.splice(params.count, 1);\n      });\n      this.nav.push(floder);\n      this.handleInitActive();\n    },\n    //批量删除\n    handleDeleteSelect: function handleDeleteSelect() {\n      var _this12 = this;\n\n      this.$confirm(\"\\u662F\\u5426\\u6279\\u91CF\\u5220\\u9664\\u6240\\u9009\\u56FE\\u5C42?\", '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        _this12.deleteMethod();\n      });\n    },\n    vaildProp: function vaildProp(name, list) {\n      if (list) {\n        return list.includes(this.activeComponent.prop);\n      }\n\n      return this.dicOption[name].includes(this.activeComponent.prop);\n    },\n    formatTooltip: function formatTooltip(val) {\n      return parseInt(val);\n    },\n    //打开图库\n    handleOpenImg: function handleOpenImg(item, type) {\n      this.$refs.imglist.openImg(item, type);\n    },\n    //图库框回调赋值\n    handleSetimg: function handleSetimg(val, type) {\n      if (type === 'activeObj.data') {\n        this.activeObj.data = val;\n      }\n\n      if (type === 'activeObj.data.value') {\n        this.activeObj.data.value = val;\n      } else if (type === 'activeOption.backgroundImage') {\n        this.activeOption.backgroundImage = val;\n      } else if (type === 'activeOption.backgroundBorder') {\n        this.activeOption.backgroundBorder = val;\n      } else if (type === 'activeOption.empBackgroundBorder') {\n        this.activeOption.empBackgroundBorder = val;\n      } else if (type === 'config.backgroundImage') {\n        this.config.backgroundImage = val;\n      } else if (type === 'activeOption.symbol') {\n        this.activeOption.symbol = val;\n      }\n    },\n\n    /* **************************标尺方法开始******************************* */\n    // 滚轮触发\n    handleScroll: function handleScroll() {\n      var screensRect = this.$refs.screensRef.getBoundingClientRect();\n      var canvasRect = this.$refs.canvas.getBoundingClientRect(); // 标尺开始的刻度\n\n      var startX = (screensRect.left + this.thick - canvasRect.left) / this.scale;\n      var startY = (screensRect.top + this.thick - canvasRect.top) / this.scale;\n      this.startX = startX >> 0;\n      this.startY = startY >> 0;\n    },\n    // 控制缩放值\n    handleWheel: function handleWheel(e) {\n      var _this13 = this;\n\n      if (e.ctrlKey || e.metaKey) {\n        e.preventDefault();\n        var nextScale = parseFloat(Math.max(0.2, this.scale - e.deltaY / 500).toFixed(2));\n        this.scale = nextScale;\n      }\n\n      this.$nextTick(function () {\n        _this13.handleScroll();\n      });\n    },\n    // 初始化标尺数值\n    initSize: function initSize() {\n      var domW = this.$refs.wrapper; // console.log(this.$refs, 'eeeee')\n\n      var width = window.innerWidth - 530;\n      var height = window.innerHeight - 45;\n      domW.style.width = width + 'px';\n      domW.style.height = height + 'px';\n      this.width = width - this.thick;\n      this.height = height - this.thick; // 画布阴影部分\n\n      this.shadow = {\n        x: 0,\n        y: 0,\n        width: width,\n        height: height\n      }; // 滚动居中\n\n      var dom = this.$refs.containerRef.getBoundingClientRect();\n      this.$refs.screensRef.scrollLeft = dom.width / 2 - this.thick;\n      this.$refs.screensRef.scrollTop = dom.height / 2 - this.thick;\n    },\n    // resize\n    iniresize: function iniresize() {\n      var _this14 = this;\n\n      window.addEventListener('resize', function () {\n        var width = _this14.width;\n        var height = _this14.height;\n\n        _this14.initSize();\n\n        var rate = Math.min(_this14.width / width, _this14.height / height);\n        _this14.scale = rate > 1 ? rate * 0.5 : rate;\n        _this14.rendIndex++;\n      });\n    },\n    // 图片点击事件\n    imgClick: function imgClick() {\n      this.isShowReferLine = !this.isShowReferLine;\n    },\n    // 鼠标按下事件\n    dragMousedown: function dragMousedown(e) {\n      // 如果按下了空格键,且按下鼠标左键,那么鼠标变抓手,开启滚动条随鼠标拖动的操作\n      if (this.keys.space) {\n        this.dragSlide = true;\n        window.stardragEvent = e;\n        window.startSlideX = this.$refs.screensRef.scrollLeft;\n        window.startSlideY = this.$refs.screensRef.scrollTop;\n      }\n    },\n    //鼠标抬起操作\n    dragMouseup: function dragMouseup() {\n      this.dragSlide = false;\n    },\n    // 鼠标移动骚操作\n    dragMousemove: function dragMousemove(e) {\n      if (this.dragSlide) {\n        var x = e.clientX - window.stardragEvent.clientX;\n        var y = e.clientY - window.stardragEvent.clientY;\n        this.$refs.screensRef.scrollLeft = window.startSlideX - x;\n        this.$refs.screensRef.scrollTop = window.startSlideY - y;\n      }\n    }\n  }\n};",null]}