rev:设备监控优化

acs2/nladmin-ui/src/views/system/monitor/device/index.vue

@@ -1,11 +1,11 @@
 <template>
   <div style="overflow: hidden">
-    <el-select v-model="value" :placeholder="$t('auto.common.please')" @change="initStageData(value)">
+    <el-select v-model="stage_code" :placeholder="$t('auto.common.please')" @change="changeStage">
       <el-option
-        v-for="item in stageParam"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value"
+        v-for="item in Stages"
+        :key="item.stage_code"
+        :label="item.stage_name"
+        :value="item.stage_code"
       />
     </el-select>
     <el-row>
@@ -233,6 +233,7 @@ import '@logicflow/extension/lib/style/index.css'
 import { LogicFlow } from '@logicflow/core'
 import { registerCustomElement } from '@/views/system/logicflow/editor/components/node'
 import i18n from '@/i18n'
+import { selectStageList } from '@/api/acs/stage/stage'
 
 let data = {}
 let lf = ''
@@ -257,14 +258,7 @@ export default {
       dialogFormVisible8: false,
       dialogFormVisible9: false,
       dialogFormVisible10: false,
-      stageParam: [{// 舞台参数
-        value: 'age',
-        label: '一楼监控'
-      }, {
-        value: 'stage_code',
-        label: '二楼监控'
-      }],
-      value: 'age',
+      Stages: [],
       stage_code: '',
       form: {
         device_code: '',
@@ -287,6 +281,11 @@ export default {
       msgLeft: '200px'
     }
   },
+  created() {
+    selectStageList().then(data => {
+      this.Stages = data
+    })
+  },
   mounted() {
     this.init()
   },
@@ -361,13 +360,9 @@ export default {
       lf.render(data)
       this.initStageData()
     },
-    initStageData(var1) {
+    changeStage(var1) {
       // 获取舞台数据
       this.stage_code = var1
-      if (!this.stage_code) {
-        // 可以在这里设置一个默认的stage_code，或者直接返回
-        this.stage_code = 'age'
-      }
       crudStage.getNewStageDataByCode(this.stage_code).then(res => { // 通过舞台编码获取舞台数据并且赋值到lf对象
         data = JSON.parse(res.stage_data)
         lf.render(data)