工单阈值样式优化

xiangpei

2024-08-24 96035a6c698b50af971798c8cf839208ca518317

工单阈值样式优化

 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—text">视频</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—text">人脸</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—text">车辆</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>