-修改破锁管理

ui/src/views/apply/lock/index.vue

@@ -4,15 +4,18 @@
         <el-tab-pane label="EU" name="first">
           <lock-eu item="1" typename="" v-if="isFirst"></lock-eu>
         </el-tab-pane>
-        <el-tab-pane label="XX" name="second">
+        <el-tab-pane label="AEU" name="second">
           <lock-xx item="2" typename="" v-if="isSecond"></lock-xx>
         </el-tab-pane>
-        <el-tab-pane label="XX" name="third">
+        <el-tab-pane label="PGU" name="third">
           <lock-xx item="3" typename="" v-if="isThird"></lock-xx>
         </el-tab-pane>
-        <el-tab-pane label="XX" name="fourth">
+        <el-tab-pane label="SCTU" name="fourth">
           <lock-xx item="4" typename="" v-if="isFourth"></lock-xx>
         </el-tab-pane>
+        <el-tab-pane label="SUB" name="fifth">
+          <lock-xx item="5" typename="" v-if="isFifth"></lock-xx>
+        </el-tab-pane>
       </el-tabs>
     </div>
 </template>
@@ -31,6 +34,7 @@ export default {
       isSecond: false,
       isThird: false,
       isFourth: false,
+      isFifth: false,
     }
   },
   methods: {
@@ -55,6 +59,12 @@ export default {
         this.isSecond = false
         this.isThird = false
         this.isFourth = true
+      }else if (tab.name === 'fifth') {
+        this.isFirst = false
+        this.isSecond = false
+        this.isThird = false
+        this.isFourth = false
+        this.isFifth = true
       }
     }
   }

ui/src/views/apply/lock/lock-eu.vue

@@ -2,25 +2,25 @@
   <div class="app-container" :style="`height:${height}px`">
     <table>
       <tr>
-        <th colspan="10">
+        <th :colspan="colspan">
           <span style="font-size: 22px">蒸汽裂解装置锁开&锁关摆放看板（EU）</span><br/>
           <span style="font-size: 18px">LO&LC display board of Steam Cracker plant(EU)</span>
         </th>
       </tr>
       <tr>
-        <td v-for="(item,index) in data">
+        <td v-for="(item) in data">
           <el-popover
-            placement="top"
+            placement="bottom"
             trigger="click">
             <el-button type="info" round @click="changeColor(1)">状态1</el-button>
-            <el-button type="danger" round @click="changeColor(2)">状态2</el-button>
+            <el-button type="danger" round @click="changeColor(4)">状态2</el-button>
             <el-button type="warning" round @click="changeColor(3)">状态3</el-button>
-            <el-button type="success" round @click="changeColor(4)">状态4</el-button>
-            <el-button slot="reference" type="text" size="100%" @click="openDialog(index)"
-                       :class="status1.includes(index) ? 'grey' : (status2.includes(index) ? 'red':(status3.includes(index) ? 'yellow':'green'))">
-              <i class="el-icon-timer" v-if="status1.includes(index)"/>
-              <i class="el-icon-lock" v-else-if="status2.includes(index)"/>
-              <i class="el-icon-circle-close" v-else-if="status3.includes(index)"/>
+            <el-button type="success" round @click="changeColor(2)">状态4</el-button>
+            <el-button slot="reference" type="text" size="100%" @click="openDialog(item.id)"
+                       :class="status1.includes(item.id) ? 'grey' : (status2.includes(item.id) ? 'green':(status3.includes(item.id) ? 'yellow':'red'))">
+              <i class="el-icon-timer" v-if="status1.includes(item.id)"/>
+              <i class="el-icon-lock" v-else-if="status2.includes(item.id)"/>
+              <i class="el-icon-circle-close" v-else-if="status3.includes(item.id)"/>
               <i class="el-icon-unlock" v-else/>
               <br/>
               <span>{{ item.code }}</span>
@@ -48,7 +48,7 @@ export default {
         {id: 7, code: '编号00007'},
         {id: 8, code: '编号00008'},
         {id: 9, code: '编号00009'},
-        {id: 10, code: '编号00010'}
+        {id: 0, code: '编号00010'}
       ],
       index: null,
       status1: [1, 0],
@@ -57,6 +57,7 @@ export default {
       status4: [2, 7, 8, 9],
       visible: false,
       height: document.body.clientHeight - 155,
+      colspan:10
     }
   },
   created() {