1 line
7.1 KiB
JSON
1 line
7.1 KiB
JSON
{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\acs\\stage\\editor\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\acs\\stage\\editor\\index.vue","mtime":1732871026666},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1732872825017},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1732872825835}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport draggable from 'vuedraggable'\r\nimport crudStage from '@/api/acs/stage/stage'\r\nimport actorCrud from '@/api/acs/stage/actor'\r\nimport deviceCrud from '@/api/acs/device/device'\r\nimport del from '@/assets/acs/del_new.png'\r\nimport crud from '@/mixins/crud'\r\n\r\nexport default {\r\n name: 'StageEditor',\r\n // 注册draggable组件\r\n components: {\r\n draggable\r\n },\r\n mixins: [crud],\r\n data() {\r\n return {\r\n oldIndex: '',\r\n del: del,\r\n newIndex: '',\r\n imgUrl: '1',\r\n stage_code: '',\r\n saveLoading: false,\r\n drag: false,\r\n // 定义要被拖拽对象的数组\r\n\r\n dialogFormVisible: false,\r\n drawFormSet: false,\r\n arr1: [\r\n { id: 1, name: 'agv', img1: 'AGV' },\r\n { id: 2, name: 'bcr', img1: 'BCR' },\r\n { id: 3, name: 'ddg', img1: 'DDJ' },\r\n { id: 4, name: '常温', img1: '常温' },\r\n { id: 5, name: 'ssj', img1: 'SSJ' },\r\n { id: 6, name: '滚筒', img1: '滚筒输送机' },\r\n { id: 7, name: '机械手', img1: '机械手' },\r\n { id: 8, name: '叠盘机', img1: '叠盘机' },\r\n { id: 9, name: '墙面横', img1: '墙面横' },\r\n { id: 10, name: '墙面竖', img1: '墙面竖' },\r\n { id: 11, name: '区域横', img1: '区域横' },\r\n { id: 12, name: '区域竖', img1: '区域竖' },\r\n { id: 13, name: '专机', img1: '专机' }\r\n ],\r\n arr2: [],\r\n stageSelectList: [],\r\n deviceList: [],\r\n form: {\r\n index: 0,\r\n device_code: '',\r\n angle: 0\r\n },\r\n grid_width: 1000,\r\n grid_length: 500\r\n }\r\n },\r\n created() {\r\n this.initArr2()\r\n this.$nextTick(() => {\r\n // 初始化设备下拉框\r\n deviceCrud.selectDeviceList().then(data => {\r\n this.deviceList = data\r\n })\r\n // 初始化舞台下拉框\r\n crudStage.selectStageList().then(data => {\r\n this.stageSelectList = data\r\n })\r\n })\r\n },\r\n methods: {\r\n click(index) {\r\n const clickObj = this.arr2[index]\r\n if (!clickObj.img2 || clickObj.img2 === '1') {\r\n return\r\n }\r\n this.dialogFormVisible = true\r\n this.form.angle = clickObj.angle\r\n this.form.index = clickObj.index\r\n this.form.device_code = clickObj.device_code\r\n },\r\n changeStage(stage_code) {\r\n actorCrud.queryStageActor(stage_code).then(data => {\r\n if (data.detail.length > 0) {\r\n this.grid_width = data.form.grid_width\r\n this.grid_length = data.form.grid_length\r\n this.initArr2()\r\n for (const i of data.detail) {\r\n const index = i.index\r\n this.arr2.splice(index, 1, i)\r\n }\r\n } else {\r\n this.initArr2()\r\n }\r\n }).catch(err => {\r\n console.log(err.response.data.message)\r\n })\r\n },\r\n delImg(index) {\r\n const clickObj = this.arr2[index]\r\n if (!clickObj.img2 || clickObj.img2 === '1') {\r\n return\r\n }\r\n this.arr2[index].img2 = '1'\r\n this.arr2[index].device_code = ''\r\n this.arr2[index].angle = 0\r\n },\r\n dialogSave() {\r\n const obj = this.arr2[this.form.index]\r\n obj.angle = this.form.angle\r\n obj.device_code = this.form.device_code\r\n this.dialogFormVisible = false\r\n },\r\n mouseOver(index, id) {\r\n // 根据坐标可以在这做弹出\r\n if (this.arr2[index].img2) {\r\n }\r\n },\r\n\r\n // 开始拖拽事件\r\n onStart(e) {\r\n this.drag = true\r\n },\r\n onMove(e, originalEvent) {\r\n this.oldIndex = e.draggedContext.index\r\n this.newIndex = e.relatedContext.index\r\n return false\r\n },\r\n // 拖拽结束事件\r\n onEnd(e) {\r\n // https://www.w3school.com.cn/jsref/jsref_splice.asp\r\n // 删除列表2新的位置的元素，并且用列表1的元素代替\r\n this.arr2[this.newIndex].img2 = this.arr1[this.oldIndex].img1\r\n },\r\n saveAll() {\r\n this.saveLoading = true\r\n const dataObj = {}\r\n dataObj.stage_code = this.stage_code\r\n const list = []\r\n for (const item of this.arr2) {\r\n if (item.img2 !== '1') {\r\n list.push(item)\r\n }\r\n }\r\n dataObj.list = list\r\n dataObj.grid_width = this.grid_width\r\n dataObj.grid_length = this.grid_length\r\n\r\n actorCrud.saveData(dataObj).then(res => {\r\n this.notify('保存成功', 'success')\r\n this.saveLoading = false\r\n }).catch(err => {\r\n this.saveLoading = false\r\n console.log(err)\r\n })\r\n },\r\n initArr2() {\r\n this.arr2 = []\r\n for (let i = 0; i < this.grid_length; i++) {\r\n const a = { 'id': i, 'name': '', device_code: '', img: '', index: i, img2: '1', angle: '0' }\r\n this.arr2.push(a)\r\n }\r\n },\r\n set() {\r\n const clickObj = this.arr2[index]\r\n if (!clickObj.img2 || clickObj.img2 === '1') {\r\n return\r\n }\r\n this.dialogFormVisible = true\r\n this.form.angle = clickObj.angle\r\n this.form.index = clickObj.index\r\n this.form.device_code = clickObj.device_code\r\n },\r\n handleGridNum(value) {\r\n this.grid_length = value\r\n this.initArr2()\r\n },\r\n handleChange(value) {\r\n this.initArr2()\r\n }\r\n }\r\n}\r\n",null]} |