From 96035a6c698b50af971798c8cf839208ca518317 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期六, 24 八月 2024 12:07:46 +0800 Subject: [PATCH] 工单阈值样式优化 --- src/views/system/work-order/threshold/index.vue | 37 ++++++++++++++++++++++--------------- 1 files changed, 22 insertions(+), 15 deletions(-) diff --git a/src/views/system/work-order/threshold/index.vue b/src/views/system/work-order/threshold/index.vue index 848a2b4..0ab6263 100644 --- a/src/views/system/work-order/threshold/index.vue +++ b/src/views/system/work-order/threshold/index.vue @@ -15,7 +15,7 @@ <!-- </el-row>--> <el-row> <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> - <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px"> + <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px;color: #656565;"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">瑙嗛</div> <div> @@ -71,8 +71,8 @@ v-if="ifEditVideo" ></el-input> <span v-else>{{ item.value }}</span> - <span v-if="item.countType=='percent'">%</span> - <span v-if="item.countType=='second'">绉�</span> + <span class="unit" v-if="item.countType=='percent'">%</span> + <span class="unit" v-if="item.countType=='second'">绉�</span> </el-form-item> </el-form> </div> @@ -94,8 +94,8 @@ v-if="ifEditVideo" ></el-input> <span v-else>{{ item.valueAuto }}</span> - <span v-if="item.countType=='percent'">%</span> - <span v-if="item.countType=='second'">绉�</span> + <span class="unit" v-if="item.countType=='percent'">%</span> + <span class="unit" v-if="item.countType=='second'">绉�</span> </el-form-item> </el-form> </div> @@ -104,7 +104,7 @@ </el-card> </el-col> <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> - <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px"> + <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px;color: #656565;"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">浜鸿劯</div> <div> @@ -160,8 +160,8 @@ v-if="ifEditFace" ></el-input> <span v-else>{{ item.value }}</span> - <span v-if="item.countType=='percent'">%</span> - <span v-if="item.countType=='second'">绉�</span> + <span class="unit" v-if="item.countType=='percent'">%</span> + <span class="unit" v-if="item.countType=='second'">绉�</span> </el-form-item> </el-form> </div> @@ -183,8 +183,8 @@ v-if="ifEditFace" ></el-input> <span v-else>{{ item.valueAuto }}</span> - <span v-if="item.countType=='percent'">%</span> - <span v-if="item.countType=='second'">绉�</span> + <span class="unit" v-if="item.countType=='percent'">%</span> + <span class="unit" v-if="item.countType=='second'">绉�</span> </el-form-item > </el-form> @@ -194,7 +194,7 @@ </el-card></el-col > <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> - <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px"> + <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px;color: #656565;"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">杞﹁締</div> <div> @@ -250,8 +250,8 @@ v-if="ifEditCar" ></el-input> <span v-else>{{ item.value }}</span> - <span v-if="item.countType=='percent'">%</span> - <span v-if="item.countType=='second'">绉�</span> + <span class="unit" v-if="item.countType=='percent'">%</span> + <span class="unit" v-if="item.countType=='second'">绉�</span> </el-form-item> </el-form> </div> @@ -273,8 +273,8 @@ v-if="ifEditCar" ></el-input> <span v-else>{{ item.valueAuto }}</span> - <span v-if="item.countType=='percent'">%</span> - <span v-if="item.countType=='second'">绉�</span> + <span class="unit" v-if="item.countType=='percent'">%</span> + <span class="unit" v-if="item.countType=='second'">绉�</span> </el-form-item> </el-form> </div> @@ -778,4 +778,11 @@ ::v-deep .el-form-item { margin-bottom: 0px; /* 鏍规嵁闇�姹傝皟鏁磋繖涓�� */ } +::v-deep .el-form-item__label { + color: #8d8d8d; +} +.unit { + margin-left: 5px; + display: inline-block; +} </style> -- Gitblit v1.8.0