Yangwl
/
lanju-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

设备看板样式调整

Browse Source
master
guoshuang 4 months ago
parent dd0bbf0737
commit ef74d016a8
1 changed files with 46 additions and 44 deletions
Show Stats Download Patch File Download Diff File

90
src/views/kanban/spectaculars/index.vue
Unescape Escape View File

@ -48,18 +48,18 @@
<div class="box">
<div class="title">点检待检数</div>
<div class="number">
<span class="number1">
<div class="number1">
{{ equipmentinfo.spotInspectionPendCheck || "0" }}
</span>
</div>
</div>
</div>
<div class="box">
<div class="title">巡检待检数</div>
<div class="number">
<span class="number1" style="color: #ff4d4f">
<div class="number1" style="color: #ff4d4f">
{{ equipmentinfo.inspectionPendCheck || "0" }}
</span>
</div>
</div>
</div>
</div>
@ -69,17 +69,17 @@
<div class="box">
<div class="title">点检完成数</div>
<div class="number">
<span class="number1">
<div class="number1">
{{ equipmentinfo.spotInspectionFinish || "0" }}
</span>
</div>
</div>
</div>
<div class="box">
<div class="title">巡检完成数</div>
<div class="number">
<span class="number1" style="color: #ff4d4f">
<div class="number1" style="color: #ff4d4f">
{{ equipmentinfo.inspectionFinish || "0" }}
</span>
</div>
</div>
</div>
</div>
@ -89,18 +89,18 @@
<div class="box">
<div class="title">点检完成率</div>
<div class="number">
<span class="number1">
{{ equipmentinfo.spotInspectionFinishRate || "0" }}
</span>
<div class="number1">
{{ (equipmentinfo.spotInspectionFinishRate || "0")+'%' }}
</div>
<span class="name1"> </span>
</div>
</div>
<div class="box">
<div class="title">巡检完成率</div>
<div class="number">
<span class="number1" style="color: #ff4d4f">
{{ equipmentinfo.inspectionFinishRate || "0" }}
</span>
<div class="number1" style="color: #ff4d4f">
{{ (equipmentinfo.inspectionFinishRate || "0") +'%'}}
</div>
</div>
</div>
</div>
@ -203,7 +203,7 @@
<td style="width: 12%">{{ n.equipmentCode||'--' }}</td>
<td style="width: 15%">{{ n.equipmentName||'--' }}</td>
<td style="width: 13%">{{ n.workFaultDesc||'--' }}</td>
<td style="width: 10%">{{ n.workPersonName||'--' }}</td>
<td style="width: 10%">{{ n.workPerson||'--' }}</td>
<!-- <td style="width: 15%">{{ n.equipmentName }}</td>
<td style="width: 15%">{{ n.equipmentName }}</td> -->
<td style="width: 13%">{{ n.workReason||'--' }}</td>
@ -285,14 +285,14 @@
<tr style="height: 44px">
<td style="width: 8%">序号</td>
<td style="width: 15%">工单号</td>
<td style="width: 8%">工单状态</td>
<td style="width: 12%">计划名称</td>
<td style="width: 7%">工单状态</td>
<!-- <td style="width: 12%">计划名称</td> -->
<td style="width: 8%">车间</td>
<td style="width: 12%">产线</td>
<td style="width: 8%">设备编码</td>
<td style="width: 12%">设备名称</td>
<td style="width: 7%">设备编码</td>
<td style="width: 16%">设备名称</td>
<!-- <td style="width: 12%">创建时间</td> -->
<td style="width: 8%">点检时间</td>
<td style="width: 18%">点检时间</td>
<td style="width: 12%">点检人</td>
</tr>
</thead>
@ -309,15 +309,15 @@
>
<td style="width: 8%">{{ index + 1 }}</td>
<td style="width: 15%">{{ n.orderCode||'--' }}</td>
<td style="width: 8%">{{ getOrderStatus(n.orderStatus)||'--' }}</td>
<td style="width: 12%">{{ n.planName||'--' }}</td>
<td style="width: 8%">{{ n.workCenterName||'--' }}</td>
<td style="width: 7%">{{ getOrderStatus(n.orderStatus)||'--' }}</td>
<!-- <td style="width: 12%">{{ n.planName||'--' }}</td> -->
<td style="width: 8%">{{ n.planWorkshop||'--' }}</td>
<td style="width: 12%">{{ n.planProdLine||'--' }}</td>
<td style="width: 8%">{{ n.equipmentCode||'--' }}</td>
<td style="width: 12%">{{ n.equipmentName||'--' }}</td>
<td style="width: 7%">{{ n.equipmentCode||'--' }}</td>
<td style="width: 16%">{{ n.equipmentName||'--' }}</td>
<!-- <td style="width: 12%">{{ n.equipmentName }}</td> -->
<td style="width: 8%">{{ n.orderStart||'--' }}</td>
<td style="width: 12%">{{ n.planPersonName||'--' }}</td>
<td style="width: 18%">{{ (n.orderStart||'--')}}</td>
<td style="width: 12%">{{ (n.planPerson||'--')}}</td>
</tr>
</tbody>
</table>
@ -389,14 +389,14 @@
<tr style="height: 44px">
<td style="width: 8%">序号</td>
<td style="width: 15%">工单号</td>
<td style="width: 8%">工单状态</td>
<td style="width: 12%">计划名称</td>
<td style="width: 7%">工单状态</td>
<!-- <td style="width: 12%">计划名称</td> -->
<td style="width: 8%">车间</td>
<td style="width: 12%">产线</td>
<td style="width: 8%">设备编码</td>
<td style="width: 12%">设备名称</td>
<td style="width: 7%">设备编码</td>
<td style="width: 16%">设备名称</td>
<!-- <td style="width: 12%">创建时间</td> -->
<td style="width: 8%">巡检时间</td>
<td style="width: 18%">巡检时间</td>
<td style="width: 12%">巡检人</td>
</tr>
</thead>
@ -413,15 +413,15 @@
>
<td style="width: 8%">{{ index + 1 }}</td>
<td style="width: 15%">{{ n.orderCode||'--' }}</td>
<td style="width: 8%">{{ getOrderStatus(n.orderStatus)||'--' }}</td>
<td style="width: 12%">{{ n.planName||'--' }}</td>
<td style="width: 8%">{{ n.workCenterName||'--' }}</td>
<td style="width: 7%">{{ getOrderStatus(n.orderStatus)||'--' }}</td>
<!-- <td style="width: 12%">{{ n.planName||'--' }}</td> -->
<td style="width: 8%">{{ n.planWorkshop||'--' }}</td>
<td style="width: 12%">{{ n.planProdLine ||'--'}}</td>
<td style="width: 8%">{{ n.equipmentCode||'--' }}</td>
<td style="width: 12%">{{ n.equipmentName||'--' }}</td>
<td style="width: 7%">{{ n.equipmentCode||'--' }}</td>
<td style="width: 16%">{{ n.equipmentName||'--' }}</td>
<!-- <td style="width: 12%">{{ n.equipmentName }}</td> -->
<td style="width: 8%">{{ n.orderStart||'--' }}</td>
<td style="width: 12%">{{ n.planPersonName ||'--'}}</td>
<td style="width: 18%">{{ (n.orderStart||'--') }}</td>
<td style="width: 12%">{{(n.planPerson||'--')}}</td>
</tr>
</tbody>
</table>
@ -934,14 +934,16 @@ export default {
display: flex;
.number {
margin: auto;
text-align: center;
.number1 {
font-size: 60px;
font-size: 40px;
font-weight: 500;
color: #66ffff;
}
.name1 {
font-size: 32px;
font-size: 25px;
font-weight: 400;
color: #ffffff;
}
@ -955,10 +957,10 @@ export default {
}
}
.title {
width: 140px;
width: 100px;
height: 40px;
color: #ffffff;
font-size: 27px;
font-size: 20px;
margin: auto 5px;
}
}
@ -1011,7 +1013,7 @@ export default {
width: 100%;
td {
font-size: 19px;
font-size: 15px;
font-family: NotoSansHans-Medium, NotoSansHans;
font-weight: 500;
color: #ffffff;

Write Preview
Loading…
Cancel
Save