1 line
32 KiB
JSON
1 line
32 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\\system\\monitor\\device\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\system\\monitor\\device\\index.vue","mtime":1732871026791},{"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 crudStage from '@/api/logicflow/stage'\r\nimport bgMonitor from '@/assets/images/bg_monitor.jpg'\r\nimport deviceCrud from '@/api/acs/device/device'\r\nimport { getDeviceByCodes } from '@/api/acs/device/deviceStageMonitor'\r\nimport '@logicflow/core/dist/style/index.css'\r\nimport '@logicflow/extension/lib/style/index.css'\r\nimport { LogicFlow } from '@logicflow/core'\r\nimport { registerCustomElement } from '@/views/system/logicflow/editor/components/node'\r\nimport i18n from '@/i18n'\r\nimport { selectStageList } from '@/api/acs/stage/stage'\r\n\r\nlet data = {}\r\nlet lf = ''\r\nexport default {\r\n name: 'MonitorDevice',\r\n data() {\r\n return {\r\n // stageParam: 'stage_code', // 舞台参数\r\n dialogDeviceMsgVisible: false, // 显示设备信息的dialog\r\n device_code: null,\r\n tops: '20vh', // 初始top\r\n stageSelectList: [],\r\n arr: [], // 显示数组\r\n dialogFormVisible: false,\r\n dialogFormVisible1: false,\r\n dialogFormVisible2: false,\r\n dialogFormVisible3: false,\r\n dialogFormVisible4: false,\r\n dialogFormVisible5: false,\r\n dialogFormVisible6: false,\r\n dialogFormVisible7: false,\r\n dialogFormVisible8: false,\r\n dialogFormVisible9: false,\r\n dialogFormVisible10: false,\r\n Stages: [],\r\n stage_code: 'stage_code',\r\n stage_name: '二楼监控',\r\n form: {\r\n device_code: '',\r\n hasGoodStatus: null,\r\n barcode: '',\r\n hand_barcode: '',\r\n hand_material_barcode: '',\r\n suspended: null,\r\n material_type: '',\r\n requireSucess: '',\r\n fullrequireSucess: '',\r\n is_disable: '',\r\n applySucess: '',\r\n toCommand: null,\r\n prohibitInWarehouse: false,\r\n prohibitOutWarehouse: false,\r\n stopReceiveTask: false\r\n },\r\n allDeviceMsg: [],\r\n msgTop: '200px',\r\n msgLeft: '200px',\r\n language: 'zh'\r\n }\r\n },\r\n created() {\r\n this.getStages()\r\n this.language = localStorage.getItem('lang')\r\n },\r\n mounted() {\r\n this.init()\r\n },\r\n beforeDestroy() {\r\n // js提供的clearInterval方法用来清除定时器\r\n console.log('定时器销毁')\r\n clearInterval(this.timer)\r\n },\r\n methods: {\r\n // 流程图初始化\r\n init() {\r\n // 初始化配置\r\n lf = new LogicFlow({\r\n overlapMode: 1,\r\n container: document.querySelector('#container'), // 容器\r\n // 画布配置\r\n // width: window.innerWidth, // 宽度\r\n height: window.innerHeight, // 高度\r\n grid: { // 不用格子直接显示，使用背景\r\n visible: false,\r\n type: 'mesh',\r\n size: 5\r\n },\r\n background: {\r\n // backgroundImage: 'url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2QwZDBkMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDBkMGQwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=\")',\r\n // backgroundRepeat: 'repeat'\r\n backgroundImage: 'url(' + bgMonitor + ')',\r\n backgroundSize: '100% 100%',\r\n backgroundRepeat: 'no-repeat'\r\n },\r\n isSilentMode: true,\r\n adjustEdge: false,\r\n adjustEdgeMiddle: false,\r\n adjustEdgeStartAndEnd: false,\r\n adjustNodePosition: false,\r\n hideAnchors: true,\r\n nodeTextEdit: false,\r\n edgeTextEdit: false\r\n })\r\n lf.setTheme(\r\n {\r\n baseEdge: { strokeWidth: 1 },\r\n baseNode: { strokeWidth: 1 },\r\n nodeText: { overflowMode: 'autoWrap', lineHeight: 1.5 },\r\n edgeText: { overflowMode: 'autoWrap', lineHeight: 1.5 }\r\n }\r\n )\r\n // 注册自定义元素\r\n registerCustomElement(lf)\r\n // 删除默认的右键菜单\r\n lf.extension.menu.setMenuConfig({\r\n nodeMenu: false\r\n })\r\n lf.on('node:click', (data) => { // 鼠标点击节点\r\n console.log('data: ', data)\r\n // 展开显示设备信息\r\n if (data.data.type !== 'pro-rect' && data.data.type !== 'pro-circle' && data.data.type !== 'triangle' && data.data.type !== 'rect-radius') {\r\n if (data.data.properties.device) {\r\n this.moveShow(data.data) // 传递节点数据，用来获取id做比对\r\n this.dialogDeviceMsgVisible = true\r\n this.device_code = data.data.properties.device\r\n this.tops = data.e.y + 'px'\r\n document.getElementsByClassName('el-dialog')[0].style.marginLeft = data.e.x + 'px'\r\n }\r\n }\r\n })\r\n lf.on('node:contextmenu', (data) => { // 右键编辑\r\n if (data.data.type !== 'pro-rect' && data.data.type !== 'pro-circle' && data.data.type !== 'triangle' && data.data.type !== 'rect-radius') {\r\n if (data.data.properties.device) {\r\n this.editDevice(data.data.id) // 编辑\r\n }\r\n }\r\n })\r\n // 开始渲染\r\n lf.render(data)\r\n this.initStageData()\r\n this.changeStage(this.stage_code)\r\n },\r\n getStages() {\r\n selectStageList().then(data => {\r\n for (let i = 0; i < data.length; i++) {\r\n if (i18n.locale === 'en') {\r\n const tempObject = {\r\n 'stage_name': data[i].en_stage_name,\r\n 'stage_code': data[i].stage_code\r\n }\r\n this.Stages.push(tempObject)\r\n }\r\n if (i18n.locale === 'zh') {\r\n const tempObject = {\r\n 'stage_name': data[i].zh_stage_name,\r\n 'stage_code': data[i].stage_code\r\n }\r\n this.Stages.push(tempObject)\r\n }\r\n if (i18n.locale === 'in') {\r\n const tempObject = {\r\n 'stage_name': data[i].in_stage_name,\r\n 'stage_code': data[i].stage_code\r\n }\r\n this.Stages.push(tempObject)\r\n }\r\n /* const tempObject = {\r\n 'stage_name': data[i].in_stage_name,\r\n 'stage_code': data[i].stage_code\r\n }\r\n this.Stages.push(tempObject) */\r\n }\r\n console.log(this.Stages)\r\n })\r\n },\r\n changeStage(var1) {\r\n // 获取舞台数据\r\n this.stage_code = var1\r\n crudStage.getNewStageDataByCode(this.stage_code).then(res => { // 通过舞台编码获取舞台数据并且赋值到lf对象\r\n data = JSON.parse(res.stage_data)\r\n lf.render(data)\r\n this.initStatus() // 初始化状态\r\n })\r\n this.timer = setInterval(() => { // 定时刷新设备的状态信息\r\n console.log('定时器启动')\r\n this.initStatus()\r\n }, 2000)\r\n },\r\n editDevice(id) {\r\n let item = ''\r\n for (const i in this.allDeviceMsg) { // 查找点击节点的id\r\n if (id === this.allDeviceMsg[i].id) {\r\n item = this.allDeviceMsg[i]\r\n break // 匹对完退出\r\n }\r\n }\r\n const clickObj = item\r\n console.log('clickObj.data', clickObj.data)\r\n if (!item.data) {\r\n return\r\n }\r\n if (!clickObj.data.is_click) {\r\n return\r\n }\r\n if (clickObj.data.device_type === 'scanner') { // 扫码器\r\n this.dialogFormVisible1 = true\r\n } else {\r\n console.log(clickObj.data.driver_type)\r\n if (clickObj.data.driver_type === 'standard_ordinary_site') {\r\n this.dialogFormVisible3 = true\r\n } else if (clickObj.data.driver_type === 'hailiang_packer_station') {\r\n this.dialogFormVisible4 = true\r\n } else if (clickObj.data.driver_type === 'hailiang_xj_plc_test') {\r\n this.$refs.child1.setForm(clickObj)\r\n } else if (clickObj.data.driver_type === 'slit_two_manipulator') {\r\n this.dialogFormVisible4 = true\r\n } else if (clickObj.data.driver_type === 'siemens_conveyor') {\r\n this.dialogFormVisible7 = true\r\n } else if (clickObj.data.driver_type === 'siemens_conveyor_ckk') {\r\n this.dialogFormVisible7 = true\r\n } else if (clickObj.data.driver_type === 'standard_conveyor_control_with_scanner') {\r\n this.dialogFormVisible6 = true\r\n } else if (clickObj.data.driver_type === 'standard_stacker') {\r\n this.dialogFormVisible8 = true\r\n } else if (clickObj.data.driver_type === 'pull_head_manipulator') {\r\n this.dialogFormVisible9 = true\r\n } else if (clickObj.data.driver_type === 'conveyor_with_scanner_weight') {\r\n this.dialogFormVisible10 = true\r\n } else {\r\n this.dialogFormVisible = true\r\n }\r\n }\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 this.form.hasGoodStatus = clickObj.data.hasGoods\r\n this.form.material_type = clickObj.data.material_type\r\n this.form.requireSucess = clickObj.data.requireSucess\r\n this.form.fullrequireSucess = clickObj.data.fullrequireSucess\r\n this.form.is_disable = clickObj.data.is_disable1\r\n this.form.applySucess = clickObj.data.applySucess\r\n this.form.barcode = clickObj.data.barcode\r\n this.form.hand_barcode = clickObj.data.hand_barcode\r\n this.form.prohibitInWarehouse = clickObj.data.prohibitInWarehouse\r\n this.form.prohibitOutWarehouse = clickObj.data.prohibitOutWarehouse\r\n this.form.stopReceiveTask = clickObj.data.stopReceiveTask\r\n this.form.toCommand = null\r\n },\r\n moveShow(nodeData) { // 点击之后显示出来的数据----只需要设备信息\r\n let item = ''\r\n for (const i in this.allDeviceMsg) { // 查找点击节点的id\r\n if (nodeData.id === this.allDeviceMsg[i].id) {\r\n item = this.allDeviceMsg[i]\r\n break // 匹对完退出\r\n }\r\n }\r\n this.arr = [] // 清空\r\n if (item.device_code && item.data) {\r\n console.log('item', item)\r\n /* let tempDeviceName = ''\r\n if (this.language === 'zh') {\r\n tempDeviceName = item.data.zh_device_name\r\n }\r\n if (this.language === 'en') {\r\n tempDeviceName = item.data.en_device_name\r\n }\r\n if (this.language === 'in') {\r\n tempDeviceName = item.data.in_device_name\r\n } */\r\n this.arr = [\r\n { name: i18n.t('monitor.click.equipment_number'), value: item.device_code },\r\n { name: i18n.t('monitor.click.device_name'), value: item.device_name }\r\n ]\r\n const data = item.data\r\n for (const val in data) {\r\n if (val === 'isOnline' || val === 'isError' || val === 'hasGoods') {\r\n continue\r\n }\r\n if (val === 'message' && data.isError === true) {\r\n const obj = { name: i18n.t('monitor.click.device_information'), value: data[val] }\r\n this.arr.push(obj)\r\n }\r\n\r\n if (val === 'message' && data.isError === 'false') {\r\n const obj = { name: i18n.t('monitor.click.exception_message'), value: data[val] }\r\n this.arr.push(obj)\r\n }\r\n\r\n if (val === 'move') {\r\n const obj = { name: i18n.t('monitor.click.photoelectric_signal'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'mode') {\r\n const obj = { name: i18n.t('monitor.click.mode'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'error') {\r\n const obj = { name: i18n.t('monitor.click.alarm'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'ip') {\r\n const obj = { name: 'IP', value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'number') {\r\n const obj = { name: i18n.t('monitor.click.pallet_quantity'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'inst_message') {\r\n const obj = { name: i18n.t('monitor.click.instruction_information'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'message') {\r\n const obj = { name: i18n.t('monitor.click.note_information'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'inst_message') {\r\n const obj = { name: i18n.t('monitor.click.current_instruction_message'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'last_inst_message') {\r\n const obj = { name: i18n.t('monitor.click.last_instruction_message'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'container_type') {\r\n const obj = { name: i18n.t('monitor.click.pallet_type'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'barcode') {\r\n const obj = { name: i18n.t('monitor.click.barcode'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'barcode_length') {\r\n const obj = { name: i18n.t('monitor.click.barcode_length'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'last_container') {\r\n const obj = { name: i18n.t('monitor.click.last_container'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'instruction_code') {\r\n const obj = { name: i18n.t('monitor.click.current_instruction_message'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'task_code') {\r\n const obj = { name: i18n.t('monitor.click.task_number'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'last_instruction_code') {\r\n const obj = { name: i18n.t('monitor.click.last_instruction_message'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'action') {\r\n const obj = { name: i18n.t('monitor.click.action_signal'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'io_action') {\r\n const obj = { name: i18n.t('monitor.click.clearance_signal'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'material') {\r\n const obj = { name: i18n.t('monitor.click.materiel'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'batch') {\r\n const obj = { name: i18n.t('monitor.click.lot'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'requestSucess') {\r\n const obj = { name: i18n.t('monitor.click.request_task'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'applySucess') {\r\n const obj = { name: i18n.t('monitor.click.request_order'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'requireApplyLabelingSuccess') {\r\n const obj = { name: i18n.t('monitor.click.apply_labeling'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'requireApplyLaStrangulationSuccess') {\r\n const obj = { name: i18n.t('monitor.click.apply_for_bundling'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'status') {\r\n const obj = { name: i18n.t('monitor.click.device_status'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'weight') {\r\n const obj = { name: i18n.t('monitor.click.weight'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'move_1') {\r\n const obj = { name: i18n.t('monitor.click.front_station_photoelectric_signal'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'open') {\r\n const obj = { name: i18n.t('monitor.click.open'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'close') {\r\n const obj = { name: i18n.t('monitor.click.close'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'phase') {\r\n const obj = { name: i18n.t('monitor.click.AGV_phase'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'phase_name') {\r\n const obj = { name: i18n.t('monitor.click.description_of_the_AGV_phase'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'option') {\r\n const obj = { name: i18n.t('monitor.click.AGV_action'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'agv_power') {\r\n const obj = { name: i18n.t('monitor.click.AGV_power'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'move_2') {\r\n const obj = { name: i18n.t('monitor.click.post-station_photoelectric_signal'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'action_1') {\r\n const obj = { name: i18n.t('monitor.click.front_station_action_signal'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'action_2') {\r\n const obj = { name: i18n.t('monitor.click.back_station_action_signal'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'walk_y') {\r\n const obj = { name: i18n.t('monitor.click.walk_y'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'task1') {\r\n const obj = { name: i18n.t('monitor.click.previous_station_task'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'task2') {\r\n const obj = { name: i18n.t('monitor.click.back_station_task'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'task') {\r\n const obj = { name: i18n.t('monitor.click.task_number'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'last_task') {\r\n const obj = { name: i18n.t('monitor.click.last_mission_number'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'is_disable') {\r\n const obj = { name: i18n.t('monitor.click.disable'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'temperature') {\r\n const obj = { name: i18n.t('monitor.click.current_temperature'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'finish') {\r\n const obj = { name: i18n.t('monitor.click.oven_finish'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'countdown_house') {\r\n const obj = { name: i18n.t('monitor.click.house'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'countdown_min') {\r\n const obj = { name: i18n.t('monitor.click.minutes'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'countdown_sec') {\r\n const obj = { name: i18n.t('monitor.click.seconds'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'door') {\r\n const obj = { name: i18n.t('monitor.click.gate_state'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'notCreateTaskMessage') {\r\n const obj = { name: i18n.t('monitor.click.task_creation_failure'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'notCreateInstMessage') {\r\n const obj = { name: i18n.t('monitor.click.failed_to_create_instruction'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'feedMessage') {\r\n const obj = { name: i18n.t('monitor.click.no_electrical_signal_feedback_cause'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'requireSucess') {\r\n const obj = { name: i18n.t('monitor.click.request_success_flag'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'requireActionSucess') {\r\n const obj = { name: i18n.t('monitor.click.delivery_completed'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'applySucess') {\r\n const obj = { name: 'applySucess', value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'out_finish') {\r\n const obj = { name: i18n.t('monitor.click.delivery_completed'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'inventory_qty') {\r\n const obj = { name: i18n.t('monitor.click.inventory_quantity'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'hand_barcode') {\r\n const obj = { name: i18n.t('monitor.click.Complement_information'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'hand_barcode1') {\r\n const obj = { name: i18n.t('monitor.click.the_subvolume_number'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'x') {\r\n const obj = { name: 'X', value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'y') {\r\n const obj = { name: 'Y', value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'angle') {\r\n const obj = { name: i18n.t('monitor.click.angle'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'electricity') {\r\n const obj = { name: i18n.t('monitor.click.electric_quantity'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'status_name') {\r\n const obj = { name: i18n.t('monitor.click.status'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'fault') {\r\n const obj = { name: i18n.t('monitor.click.abnormal'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'map_id') {\r\n const obj = { name: i18n.t('monitor.click.floor'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'power') {\r\n const obj = { name: i18n.t('monitor.click.electric_quantity'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'pallet') {\r\n const obj = { name: i18n.t('monitor.click.tray'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'load') {\r\n const obj = { name: i18n.t('monitor.click.loading_or_not'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'alarm') {\r\n const obj = { name: i18n.t('monitor.click.alarm'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'task_id') {\r\n const obj = { name: i18n.t('monitor.click.task_number'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'command') {\r\n const obj = { name: i18n.t('monitor.click.command'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'material_barcode') {\r\n const obj = { name: i18n.t('monitor.click.the_subvolume_number'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'inst_message') {\r\n const obj = { name: i18n.t('monitor.click.Current_command_information'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'errors') {\r\n const obj = { name: i18n.t('monitor.click.Core_error_identifier'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'upload_scene_status') {\r\n const obj = { name: i18n.t('monitor.click.Whether_to_push_the_scenario_waybill'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'procBusiness') {\r\n const obj = { name: i18n.t('monitor.click.Whether_it_is_being_executed'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'connection_status') {\r\n const obj = { name: i18n.t('monitor.click.Connection_status'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'dispatchable_status') {\r\n const obj = { name: i18n.t('monitor.click.Whether_the_order_can_be_accepted'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'current_map_invalid') {\r\n const obj = { name: i18n.t('monitor.click.Whether_or_not_in_the_scene'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'disconnect') {\r\n const obj = {\r\n name: i18n.t('monitor.click.Whether_or_not_the_connection_is_disconnected'),\r\n value: data[val]\r\n }\r\n this.arr.push(obj)\r\n } else if (val === 'low_battery') {\r\n const obj = { name: i18n.t('monitor.click.The_state_of_the_robots_battery_level'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'suspended') {\r\n const obj = { name: i18n.t('monitor.click.The_status_of_the_waybill'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'unconfirmed_reloc') {\r\n const obj = { name: i18n.t('monitor.click.positioning_confirmation'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'unlock') {\r\n const obj = { name: i18n.t('monitor.click.control'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'qty') {\r\n const obj = { name: i18n.t('monitor.click.number_of_air_shafts'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'type') {\r\n const obj = { name: i18n.t('opc.table_title.type'), value: data[val] }\r\n this.arr.push(obj)\r\n } else if (val === 'agv_task_type') {\r\n const obj = { name: i18n.t('monitor.click.agv_task_type'), value: data[val] }\r\n this.arr.push(obj)\r\n }\r\n }\r\n }\r\n // console.log('arr:', this.arr)\r\n },\r\n initStatus() { // 初始化所有节点的设备信息，通过节点id对应设备编号\r\n let resion = {}\r\n resion = lf.getGraphData().nodes.map(item => ({ id: item.id, device_code: item.properties.device }))\r\n getDeviceByCodes(resion).then(res => {\r\n console.log(res)\r\n this.allDeviceMsg = res // 拿到所有节点的设备数据\r\n // console.log('initStatus-res', res)\r\n // 实时设置状态信息\r\n for (var item of res) { // 循环并且设置属性值\r\n if (item.data !== undefined) {\r\n if (item.data.isOnline !== undefined) {\r\n lf.setProperties(item.id, {\r\n isOnline: item.data.isOnline\r\n })\r\n }\r\n if (item.data.hasGoods !== undefined) {\r\n lf.setProperties(item.id, {\r\n hasGoods: item.data.hasGoods\r\n })\r\n }\r\n if (item.data.isError !== undefined) {\r\n lf.setProperties(item.id, {\r\n isError: item.data.isError\r\n })\r\n }\r\n }\r\n }\r\n // 设置动态实时显示设备信息\r\n const { nodes } = lf.getSelectElements() // 获取选中的节点\r\n // console.log(nodes)\r\n if (nodes.length === 1) { // 因为是定时器，没有选中则不用实时更新显示数据\r\n this.moveShow(nodes[0]) // 监控模式下不可能托选，因此就只有一个数据\r\n }\r\n })\r\n },\r\n dialogSave() {\r\n deviceCrud.changeDeviceStatus(this.form).then(() => {\r\n this.$notify({ title: '操作成功', message: '', type: 'success' })\r\n this.dialogFormVisible = false\r\n this.dialogFormVisible3 = false\r\n this.dialogFormVisible4 = false\r\n this.dialogFormVisible5 = false\r\n this.dialogFormVisible6 = false\r\n this.dialogFormVisible7 = false\r\n this.dialogFormVisible8 = false\r\n this.dialogFormVisible9 = false\r\n this.dialogFormVisible10 = false\r\n this.initStageData()\r\n }).catch(err => {\r\n this.dialogFormVisible = false\r\n this.dialogFormVisible3 = false\r\n this.dialogFormVisible4 = false\r\n this.dialogFormVisible5 = false\r\n this.dialogFormVisible7 = false\r\n this.dialogFormVisible8 = false\r\n this.dialogFormVisible9 = false\r\n this.dialogFormVisible10 = false\r\n console.log(err.response.data.message)\r\n })\r\n },\r\n saveBarcode() {\r\n deviceCrud.saveBarcode(this.form).then(() => {\r\n this.notify('操作成功', 'success')\r\n this.dialogFormVisible1 = false\r\n this.initStageData()\r\n }).catch(err => {\r\n this.dialogFormVisible1 = false\r\n console.log(err.response.data.message)\r\n })\r\n },\r\n initStageData() {\r\n // 获取舞台编码\r\n if (this.stage_code !== '') {\r\n crudStage.getNewStageDataByCode(this.stage_code).then(res => { // 通过舞台编码获取舞台数据并且赋值到lf对象\r\n data = JSON.parse(res.stage_data)\r\n lf.render(data)\r\n this.initStatus() // 初始化状态\r\n })\r\n }\r\n // this.timer = setInterval(() => { // 定时刷新设备的状态信息\r\n // console.log('定时器启动')\r\n // this.initStatus()\r\n // }, 2000)\r\n }\r\n }\r\n}\r\n",null]} |