From 9e5caf43d7059cd5b28703b138e95b7f4df94699 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期五, 27 九月 2024 17:00:42 +0800
Subject: [PATCH] 首页图表
---
src/views/system/work-order/threshold/index.vue | 42 +++++++++++++++++++++++++-----------------
1 files changed, 25 insertions(+), 17 deletions(-)
diff --git a/src/views/system/work-order/threshold/index.vue b/src/views/system/work-order/threshold/index.vue
index 848a2b4..feb4b44 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: 350px; 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: 350px; 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: 350px; margin-right: 20px;color: #656565;">
<div style="display: flex; justify-content: space-between">
<div class="header鈥攖ext">杞﹁締</div>
<div>
@@ -230,13 +230,13 @@
font-size: small;
display: flex;
flex-direction: row-reverse;
- width: 232px;
+ width: 206px;
"
>
宸ュ崟闃堝��
</div>
<div>
- <el-form ref="form" label-width="180px">
+ <el-form ref="form" label-width="160px">
<el-form-item
v-for="(item, index) in thresholdList.car"
:label="item.name + '锛�'"
@@ -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>
@@ -774,8 +774,16 @@
.header鈥攖ext {
font-weight: bold;
+ font-size: large;
}
::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