添加巡检框

ruoyi-ui/package.json

@@ -39,7 +39,7 @@
     "@riophae/vue-treeselect": "0.4.0",
     "axios": "0.28.1",
     "clipboard": "2.0.8",
-    "core-js": "3.37.1",
+    "core-js": "^3.41.0",
     "dplayer": "^1.27.1",
     "echarts": "5.4.0",
     "echarts-liquidfill": "^3.1.0",

ruoyi-ui/src/api/board/index.js

@@ -1,2 +1,11 @@
 import request from '@/utils/request'
 
+
+export function baseBusbarInfolist(query) {
+  return request({
+    url: '/ems/base/baseBusbarInfo/baseBusbarInfolist',
+    method: 'get',
+    timeout:1000*60,
+    data: query
+  })
+}

ruoyi-ui/src/views/board/index.vue

@@ -112,6 +112,7 @@
 
       <div class="prodLine"></div>
       <div class="station" v-for="(i,k) in stationList"
+           @click="openInspectionModel"
            :style="`top: ${i.top}%;left: ${i.left}%;background-color: ${k === 4 ?'#2979e8':'#234271'}`"></div>
 
       <div class="video1">
@@ -124,6 +125,23 @@
       <!--      <div class="safe">已安全运行 <span style="color: #4667d0;font-size: 1.2vw;padding: 0 0.3vw"> 382 </span> 天</div>-->
       <div class="time">{{ parseTime(new Date(), '{y}.{m}.{d} {h}:{i}:{s} 周{a}') }}</div>
     </div>
+
+    <el-dialog :visible.sync="InspectionVisible" title="巡检">
+      <el-table :data="InspectionData">
+        <el-table-column property="date" label="别名" width="150" />
+        <el-table-column property="name" label="距离" width="100" />
+        <el-table-column property="name" label="是否旋转" width="100" />
+        <el-table-column property="name" label="P" width="50" />
+        <el-table-column property="name" label="T" width="50" />
+        <el-table-column property="name" label="Z" width="50" />
+        <el-table-column  label="操作" >
+          <template slot-scope="scope">
+          <el-button type="primary" @click="inspection(scope.row)">巡检</el-button>
+          <el-button type="success">完成</el-button>
+        </template>
+      </el-table-column>
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 
@@ -132,6 +150,7 @@ import Chart from '@/components/Charts/Chart'
 import vueSeamlessScroll from 'vue-seamless-scroll'
 // import Monitor from './monitor/monitor'
 import Monitor1 from './monitor/monitor2'
+import {baseBusbarInfolist} from "@/api/board";
 
 export default {
   data() {
@@ -325,7 +344,9 @@ export default {
       ],
       AlarmInfo: [],
       DeviceInfo: {},
-      TemParam: {}
+      TemParam: {},
+      InspectionVisible:false,
+      InspectionData:[]
     }
   },
   components: {
@@ -638,6 +659,16 @@ export default {
         console.log('WebSocket 连接已关闭');
       };
 
+    },
+    openInspectionModel(e){
+      console.log("openInspectionModel");
+      this.InspectionVisible = true
+      console.log(this.InspectionVisible);
+      baseBusbarInfolist({cabinetCode:e}).then(e=>{
+        console.log(e)
+      })
+    },
+    inspection(e){
     }
   }
 }