|
@@ -6,7 +6,7 @@
|
|
|
</el-tooltip>
|
|
|
</el-row>
|
|
|
<vue-draggable-resizable v-drag
|
|
|
- w="auto" h="auto" :draggable="dragMove" style="background-color:#fff;padding: 0px 20px">
|
|
|
+ w="auto" h="auto" :draggable="dragMove" style="background-color:#fff;padding: 0px 20px">
|
|
|
<div class="zoom" @wheel.prevent="handleTableWheel($event)" ref="branch">
|
|
|
<table v-if="!loading&&data.length>0">
|
|
|
<tr>
|
|
@@ -15,13 +15,20 @@
|
|
|
<th colspan="25">
|
|
|
<span style="font-size: 40px">蒸汽裂解装置锁开&锁关摆放看板</span><br/>
|
|
|
</th>
|
|
|
- <th colspan="5">
|
|
|
- <el-tag type="success" style="font-size: 20px;margin: 0px 10px;background-color: #67C23A" size="medium"
|
|
|
- effect="dark">已挂锁
|
|
|
- </el-tag>
|
|
|
- <el-tag type="danger" style="font-size: 20px;margin: 0px 10px;" size="medium" effect="dark">已拆锁
|
|
|
- </el-tag>
|
|
|
- <el-tag type="info" style="font-size: 20px;margin: 0px 10px;" size="medium" effect="dark">已删除</el-tag>
|
|
|
+ <th>
|
|
|
+ <el-tag class="fwAndbg" size="medium" style="font-size: 12px;margin: 5px 10px;">LO-已挂锁</el-tag>
|
|
|
+ </th>
|
|
|
+ <th >
|
|
|
+ <el-tag class="frAndbg" size="medium" style="font-size: 12px;margin: 5px 10px;">LO-已拆锁</el-tag>
|
|
|
+ </th>
|
|
|
+ <th >
|
|
|
+ <el-tag class="fwAndbr" size="medium" style="font-size: 12px;margin: 5px 10px;">LC-已挂锁</el-tag>
|
|
|
+ </th>
|
|
|
+ <th >
|
|
|
+ <el-tag class="fgAndbr" size="medium" style="font-size: 12px;margin: 5px 10px;">LC-已拆锁</el-tag>
|
|
|
+ </th>
|
|
|
+ <th >
|
|
|
+ <el-tag class="grey" size="medium" style="font-size: 12px;margin: 0px 10px;">已删除</el-tag>
|
|
|
</th>
|
|
|
</tr>
|
|
|
<tr v-for="(list) in data">
|
|
@@ -36,7 +43,9 @@
|
|
|
<div v-if="item.lockCode!=null">
|
|
|
<span style="color: #fff;">{{ item.lockCode.substring(0, item.lockCode.indexOf('-')) }}</span>
|
|
|
<br><br>
|
|
|
- <span style="color: #fff;">{{ item.lockCode.substring(item.lockCode.indexOf('-'), item.lockCode.length) }}</span></div>
|
|
|
+ <span style="color: #fff;">{{
|
|
|
+ item.lockCode.substring(item.lockCode.indexOf('-'), item.lockCode.length)
|
|
|
+ }}</span></div>
|
|
|
</el-button>
|
|
|
</td>
|
|
|
</tr>
|
|
@@ -500,6 +509,11 @@ el-button {
|
|
|
height: auto;
|
|
|
}
|
|
|
|
|
|
+.default{
|
|
|
+ color: #fff;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
.fff {
|
|
|
background-color: #fff;
|
|
|
}
|