|
|
|
@ -175,24 +175,24 @@
|
|
|
|
|
<el-col span="24">
|
|
|
|
|
<div style="float: right">
|
|
|
|
|
<td>
|
|
|
|
|
<div style="background-color: red;width: 10px;height: 10px;"></div>
|
|
|
|
|
<div style="background-color: #F56C6C;width: 10px;height: 10px;"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span style="color:red"><pre>未扫码 </pre></span>
|
|
|
|
|
<span style="color: #6d6d6d;"><pre>未扫码 </pre></span>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div style="background-color: orange;width: 10px;height: 10px;"></div>
|
|
|
|
|
<div style="background-color: #E6A23C;width: 10px;height: 10px;"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span style="color:orange"><pre>部分扫码 </pre></span>
|
|
|
|
|
<span style="color: #6d6d6d;"><pre>部分扫码 </pre></span>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<td>
|
|
|
|
|
<div style="background-color: green;width: 10px;height: 10px;"></div>
|
|
|
|
|
<div style="background-color: #67C23A;width: 10px;height: 10px;"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span style="color:green"><pre>已完全扫码</pre></span>
|
|
|
|
|
<span style="color: #6d6d6d;"><pre>已完全扫码</pre></span>
|
|
|
|
|
</td>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
@ -1011,11 +1011,11 @@ export default {
|
|
|
|
|
const progress = row.scanActCount / row.count;
|
|
|
|
|
|
|
|
|
|
if (row.scanActCount == null || row.scanActCount == 0) {
|
|
|
|
|
rowBackground.color = 'red'; // 进度小于50%为红色
|
|
|
|
|
rowBackground.color = '#F56C6C'; // 进度小于50%为红色
|
|
|
|
|
} else if (progress < 1.0) {
|
|
|
|
|
rowBackground.color = 'orange'; // 进度在50%到100%之间为橙色
|
|
|
|
|
rowBackground.color = '#E6A23C'; // 进度在50%到100%之间为橙色
|
|
|
|
|
} else {
|
|
|
|
|
rowBackground.color = 'green'; // 进度达到或超过100%为绿色
|
|
|
|
|
rowBackground.color = '#56a717'; // 进度达到或超过100%为绿色
|
|
|
|
|
}
|
|
|
|
|
rowBackground.height = '38px'
|
|
|
|
|
return rowBackground
|
|
|
|
|