From 1a4493f0dd1a81d4fd021f48e47f7f3dc351dd33 Mon Sep 17 00:00:00 2001
From: 黄何裕 <1053952480@qq.com>
Date: 星期三, 17 七月 2024 16:30:20 +0800
Subject: [PATCH] 修改考核结果细明野米安

---
 src/views/system/check/result/detail/detail.vue |  224 ++++++++++++++++++++++++-------
 src/views/system/work-order/threshold/index.vue |  178 ++++++++++++-------------
 src/views/system/data-manage/index.vue          |    1 
 src/views/system/score/province/index.vue       |    2 
 4 files changed, 257 insertions(+), 148 deletions(-)

diff --git a/src/views/system/check/result/detail/detail.vue b/src/views/system/check/result/detail/detail.vue
index 293f590..abc3a64 100644
--- a/src/views/system/check/result/detail/detail.vue
+++ b/src/views/system/check/result/detail/detail.vue
@@ -1,26 +1,72 @@
 <template>
   <div class="app-container">
-
     <el-container>
       <el-main>
         <h2>鑰冩牳瑙勫垯</h2>
-        <el-table v-loading="loading" :data="checkRuleList" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" align="center"/>
-          <el-table-column label="瑙勫垯鍚嶇О" align="center" prop="checkRuleName"/>
-          <el-table-column label="瑙勫垯鏉冮噸" align="center" prop="weight"/>
-          <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+        <el-row :gutter="20">
+          <el-col
+            :xl="3"
+            :lg="3"
+            :md="6"
+            :sm="6"
+            :xs="12"
+            v-for="(item, index) in checkRuleList"
+            :key="index"
+            :style="item.name == '' ? 'display:none' : ''"
+            class="col-margin"
+          >
+            <el-card
+              style="
+                min-width: 150px;
+                width: 100%;
+                height: 150px;
+                text-align: center;
+                margin-bottom: 20px;
+              "
+            >
+              <div style="display: flex; flex-direction: row-reverse">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-edit"
+                  @click="handleRuleUpdate(item)"
+                  >淇敼
+                </el-button>
+              </div>
+              <div style="font-size: 14px;height: 50px; font-weight: bold;">{{ item.checkRuleName }}</div>
+              <div style="font-size: 14px;">瑙勫垯鏉冮噸锛歿{ item.weight }}</div>
+            </el-card>
+          </el-col>
+        </el-row>
+        <!-- <div></div>
+        <el-table
+          v-loading="loading"
+          :data="checkRuleList"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column
+            label="瑙勫垯鍚嶇О"
+            align="center"
+            prop="checkRuleName"
+          />
+          <el-table-column label="瑙勫垯鏉冮噸" align="center" prop="weight" />
+          <el-table-column
+            label="鎿嶄綔"
+            align="center"
+            class-name="small-padding fixed-width"
+          >
             <template slot-scope="scope">
               <el-button
                 size="mini"
                 type="text"
                 icon="el-icon-edit"
                 @click="handleRuleUpdate(scope.row)"
-              >淇敼
+                >淇敼
               </el-button>
             </template>
           </el-table-column>
-        </el-table>
-
+        </el-table> -->
       </el-main>
     </el-container>
 
@@ -35,29 +81,62 @@
               icon="el-icon-download"
               size="mini"
               @click="handleExport"
-            >瀵煎嚭
+              >瀵煎嚭
             </el-button>
           </el-col>
-          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+          >
             <el-form-item label="鑰冩牳鏃ユ湡" prop="name">
-              <el-date-picker v-model="date" format="yyyy-MM" value-format="yyyy-MM" type="month" placeholder="閫夋嫨鏃ユ湡"
-                              @change="dateChange">
+              <el-date-picker
+                v-model="date"
+                format="yyyy-MM"
+                value-format="yyyy-MM"
+                type="month"
+                placeholder="閫夋嫨鏃ユ湡"
+                @change="dateChange"
+              >
               </el-date-picker>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >鎼滅储</el-button
+              >
             </el-form-item>
           </el-form>
-
         </el-row>
 
-        <el-table v-loading="loading" :data="dataMap" @selection-change="handleSelectionChange">
-          <el-table-column label="鑰冩牳鏃ユ湡" align="center" prop="create_time" width="120px" fixed>
+        <el-table
+          v-loading="loading"
+          :data="dataMap"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            label="鑰冩牳鏃ユ湡"
+            align="center"
+            prop="create_time"
+            width="120px"
+            fixed
+          >
             <template slot-scope="scope">
-              <span>{{ scope.row.create_time.split('T')[0] }}</span>
+              <span>{{ scope.row.create_time.split("T")[0] }}</span>
             </template>
           </el-table-column>
-          <el-table-column label="鑰冩牳瀵硅薄" align="center" prop="dept_id" width="120px" fixed>
+          <el-table-column
+            label="鑰冩牳瀵硅薄"
+            align="center"
+            prop="dept_id"
+            width="120px"
+            fixed
+          >
             <template slot-scope="scope">
               <span>{{ translateDeptId(scope.row.dept_id) }}</span>
             </template>
@@ -89,13 +168,27 @@
     </el-container>
 
     <!-- 淇敼鑰冩牳鏉冮噸瀵硅瘽妗� -->
-    <el-dialog :title="title" :visible.sync="ruleOpen" width="600px" append-to-body>
+    <el-dialog
+      :title="title"
+      :visible.sync="ruleOpen"
+      width="600px"
+      append-to-body
+    >
       <el-form ref="form" :model="ruleForm" :rules="rules" label-width="80px">
         <el-form-item label="瑙勫垯鍚嶇О" prop="checkRuleName">
-          <el-input v-model="ruleForm.checkRuleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" disabled/>
+          <el-input
+            v-model="ruleForm.checkRuleName"
+            placeholder="璇疯緭鍏ヨ鍒欏悕绉�"
+            disabled
+          />
         </el-form-item>
         <el-form-item label="瑙勫垯鏉冮噸" prop="weight">
-          <el-input-number v-model="ruleForm.weight" :precision="1" :step="0.1" placeholder="璇疯緭鍏ヨ鍒欐潈閲�"/>
+          <el-input-number
+            v-model="ruleForm.weight"
+            :precision="1"
+            :step="0.1"
+            placeholder="璇疯緭鍏ヨ鍒欐潈閲�"
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -105,7 +198,12 @@
     </el-dialog>
 
     <!-- 淇敼鑰冩牳鎸囨爣瀵硅瘽妗� -->
-    <el-dialog :title="title" :visible.sync="indexOpen" width="600px" append-to-body>
+    <el-dialog
+      :title="title"
+      :visible.sync="indexOpen"
+      width="600px"
+      append-to-body
+    >
       <el-form ref="form" :model="indexForm" :rules="rules" label-width="150px">
         <el-form-item label="鑰冩牳鏃ユ湡" prop="create_time">
           <el-input v-model="formattedCreateTime" placeholder="" disabled>
@@ -113,7 +211,12 @@
         </el-form-item>
         <div v-for="item in tableData" :key="item.ruleIndex">
           <el-form-item :label="item.ruleName" :prop="item.ruleIndex">
-            <el-input-number v-model="indexForm[item.ruleIndex]" :precision="4" :step="0.1" placeholder="璇疯緭鍏ユ寚鏍�"></el-input-number>
+            <el-input-number
+              v-model="indexForm[item.ruleIndex]"
+              :precision="4"
+              :step="0.1"
+              placeholder="璇疯緭鍏ユ寚鏍�"
+            ></el-input-number>
           </el-form-item>
         </div>
       </el-form>
@@ -126,19 +229,24 @@
 </template>
 
 <script>
-
-import {listScore, getScoreIndex, delScore, addScore, updateScore} from "@/api/platform/check-score";
-import {updateWeight} from "@/api/platform/check-template";
-import {areaSelect} from '@/api/system/dept'
+import {
+  listScore,
+  getScoreIndex,
+  delScore,
+  addScore,
+  updateScore,
+} from "@/api/platform/check-score";
+import { updateWeight } from "@/api/platform/check-template";
+import { areaSelect } from "@/api/system/dept";
 
 export default {
   name: "CheckResult",
-  dicts: ['platform_audit_state'],
+  dicts: ["platform_audit_state"],
   data() {
     return {
       id: null,
       examineCategory: null,
-      date: '',
+      date: "",
       examineTag: null,
       deptId: null,
       areaList: [],
@@ -146,7 +254,7 @@
       dataMap: [],
       manualScoreOpen: false,
       manualScoreForm: {},
-      manualScoreTitle: '',
+      manualScoreTitle: "",
       // 閬僵灞�
       loading: true,
       // 閫変腑鏁扮粍
@@ -178,19 +286,21 @@
         date: null,
       },
       // 琛ㄥ崟鏍¢獙
-      rules: {}
+      rules: {},
     };
   },
   computed: {
     formattedCreateTime() {
       // 濡傛灉 create_time 瀛樺湪锛屽垯杩斿洖鏃ユ湡閮ㄥ垎锛屽惁鍒欒繑鍥炵┖瀛楃涓�
-      return this.indexForm.create_time ? this.indexForm.create_time.split('T')[0] : '';
+      return this.indexForm.create_time
+        ? this.indexForm.create_time.split("T")[0]
+        : "";
     },
   },
   created() {
     //鑰冩牳鎴愮哗璇︽儏璺宠浆鍙傛暟鎺ユ敹
     if (this.$route.query.id) {
-      this.queryParams.id = this.$route.query.id
+      this.queryParams.id = this.$route.query.id;
     }
     // 鑰冩牳绉垎鍒楄〃
     this.getList();
@@ -200,10 +310,10 @@
     /** 鏌ヨ鑰冩牳璁″垎鍒楄〃 */
     getList() {
       this.loading = true;
-      getScoreIndex(this.queryParams).then(response => {
+      getScoreIndex(this.queryParams).then((response) => {
         this.checkRuleList = response.data.checkRuleList;
         this.dataMap = response.data.scoreMap.dataMap;
-        this.tableData = response.data.scoreMap.tableData
+        this.tableData = response.data.scoreMap.tableData;
         this.loading = false;
       });
     },
@@ -224,18 +334,25 @@
       this.resetForm(formName);
     },
     translateDeptId(deptId) {
-      const department = this.areaList.find(dept => dept.id == deptId);
-      return department ? department.value : '鏈煡';
+      const department = this.areaList.find((dept) => dept.id == deptId);
+      return department ? department.value : "鏈煡";
     },
     // 鍖哄煙涓嬫媺鏁版嵁
     areaSelect() {
-      areaSelect().then(res => {
+      areaSelect().then((res) => {
         this.areaList = res.data;
-      })
+      });
     },
     /** 杩斿洖鎸夐挳 */
     goBack() {
-      const obj = { path: "/check/detail", query: { index: this.$route.query.deptId, examineTag: this.$route.query.examineTag, pageNum: this.$route.query.pageNum } };
+      const obj = {
+        path: "/check/detail",
+        query: {
+          index: this.$route.query.deptId,
+          examineTag: this.$route.query.examineTag,
+          pageNum: this.$route.query.pageNum,
+        },
+      };
       this.$tab.closeOpenPage(obj);
     },
     // 鍏抽棴褰撳墠tab椤电锛屾墦寮�鏂伴〉绛�
@@ -262,9 +379,9 @@
     },
     // 澶氶�夋閫変腑鏁版嵁
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length !== 1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 鏂板鎸夐挳鎿嶄綔 */
     handleAdd() {
@@ -288,10 +405,10 @@
     },
     /** 鎻愪氦鎸夐挳 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.ruleForm.id != null) {
-            updateWeight(this.ruleForm).then(response => {
+            updateWeight(this.ruleForm).then((response) => {
               this.$modal.msgSuccess("淇敼鎴愬姛");
               this.ruleOpen = false;
               this.getList();
@@ -302,21 +419,22 @@
     },
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
-      this.download('/check/score/export', {
-        ...this.queryParams
-      }, `鑰冩牳鎸囨爣_${new Date().getTime()}.xlsx`)
+      this.download(
+        "/check/score/export",
+        {
+          ...this.queryParams,
+        },
+        `鑰冩牳鎸囨爣_${new Date().getTime()}.xlsx`
+      );
     },
     handleSelect(key, keyPath) {
       console.log(key, keyPath);
     },
-  }
+  },
 };
 </script>
 <style scoped>
-
-
 .header-container h2 {
   margin-right: 10px; /* 鏍规嵁闇�瑕佽皟鏁存爣棰樺拰鑿滃崟涔嬮棿鐨勯棿璺� */
 }
-
 </style>
diff --git a/src/views/system/data-manage/index.vue b/src/views/system/data-manage/index.vue
index 7544896..db7bb1a 100644
--- a/src/views/system/data-manage/index.vue
+++ b/src/views/system/data-manage/index.vue
@@ -14,7 +14,6 @@
           </h3>
         </el-col>
       </el-row>
-
       <el-row :gutter="20">
         <el-col
           :xl="4"
diff --git a/src/views/system/score/province/index.vue b/src/views/system/score/province/index.vue
index 45602dc..b1cb3d2 100644
--- a/src/views/system/score/province/index.vue
+++ b/src/views/system/score/province/index.vue
@@ -76,7 +76,7 @@
       </template>
       </el-table-column>
       <el-table-column label="鍒嗗��" align="center" prop="score" />
-      <el-table-column label="鑰冩牳瑙勫垯" align="center" prop="ruleCategory">
+      <el-table-column label="" align="center" prop="ruleCategory">
         <template slot-scope="scope">
           <div v-if="scope.row.ruleCategory == 1">瑙嗛鍦ㄧ嚎鐜�</div>
           <div v-else-if="scope.row.ruleCategory == 2">瀛樺偍鏁呴殰</div>
diff --git a/src/views/system/work-order/threshold/index.vue b/src/views/system/work-order/threshold/index.vue
index 07815a9..7053ad8 100644
--- a/src/views/system/work-order/threshold/index.vue
+++ b/src/views/system/work-order/threshold/index.vue
@@ -14,8 +14,8 @@
     <!--      </el-col>-->
     <!--    </el-row>-->
     <el-row>
-      <el-col :span="8">
-        <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px">
+      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+        <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px">
           <div style="display: flex; justify-content: space-between">
             <div class="header鈥攖ext">瑙嗛</div>
             <div>
@@ -37,14 +37,22 @@
             style="
               margin: 20px;
               display: flex;
-              width: 350px;
+              width: 400px;
               justify-content: space-between;
             "
           >
             <div>
-              <span style="font-size: small">宸ュ崟闃堝��</span>
+              <div
+                style="
+                  font-size: small;
+                  display: flex;
+                  flex-direction: row-reverse;
+                  width: 172px;
+                "
+                >宸ュ崟闃堝��</div
+              >
               <div>
-                <el-form label-width="100px">
+                <el-form label-width="120px">
                   <el-form-item label="妯$硦鍒嗗�硷細">
                     <el-input
                       v-model="videoList.blur"
@@ -52,9 +60,7 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                      thresholdList[0].blur
-                    }}</span>
+                    <span v-else>{{ thresholdList[0].blur }}</span>
                   </el-form-item>
                   <el-form-item label="棰滆壊鍒嗗�硷細">
                     <el-input
@@ -63,9 +69,7 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                      thresholdList[0].color
-                    }}</span>
+                    <span v-else>{{ thresholdList[0].color }}</span>
                   </el-form-item>
                   <el-form-item label="浜害鍒嗗�硷細">
                     <el-input
@@ -74,9 +78,7 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].light
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].light }}</span>
                   </el-form-item>
                   <el-form-item label="閬尅鍒嗗�硷細">
                     <el-input
@@ -85,9 +87,7 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].shade
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].shade }}</span>
                   </el-form-item>
                   <el-form-item label="闆姳鍒嗗�硷細">
                     <el-input
@@ -96,9 +96,7 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].snow
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].snow }}</span>
                   </el-form-item>
                   <el-form-item label="鏉$汗鍒嗗�硷細">
                     <el-input
@@ -107,9 +105,7 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].stripe
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].stripe }}</span>
                   </el-form-item>
                   <el-form-item label="鏃犱俊鍙峰垎鍊硷細">
                     <el-input
@@ -118,9 +114,7 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].signal
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].signal }}</span>
                   </el-form-item>
                   <el-form-item label="鏍囨敞鏃堕棿宸�(绉�)锛�">
                     <el-input
@@ -129,9 +123,7 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].diffTime
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].diffTime }}</span>
                   </el-form-item>
                 </el-form>
               </div>
@@ -139,98 +131,78 @@
             <div>
               <span style="font-size: small">涓嬪彂闃堝��</span>
               <div>
-                <el-form
-                  ref="form"
-                  :model="thresholdList[0]"
-                  label-width="100px"
-                >
-                  <el-form-item label="妯$硦鍒嗗�硷細">
+                <el-form ref="form" :model="thresholdList[0]">
+                  <el-form-item label="">
                     <el-input
                       v-model="videoList.blur"
                       size="mini"
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                      thresholdList[0].blur
-                    }}</span>
+                    <span v-else>{{ thresholdList[0].blur }}</span>
                   </el-form-item>
-                  <el-form-item label="棰滆壊鍒嗗�硷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="videoList.color"
                       size="mini"
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                      thresholdList[0].color
-                    }}</span>
+                    <span v-else>{{ thresholdList[0].color }}</span>
                   </el-form-item>
-                  <el-form-item label="浜害鍒嗗�硷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="videoList.light"
                       size="mini"
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                      thresholdList[0].light
-                    }}</span>
+                    <span v-else>{{ thresholdList[0].light }}</span>
                   </el-form-item>
-                  <el-form-item label="閬尅鍒嗗�硷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="videoList.shade"
                       size="mini"
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].shade
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].shade }}</span>
                   </el-form-item>
-                  <el-form-item label="闆姳鍒嗗�硷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="videoList.snow"
                       size="mini"
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].snow
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].snow }}</span>
                   </el-form-item>
-                  <el-form-item label="鏉$汗鍒嗗�硷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="videoList.stripe"
                       size="mini"
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].stripe
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].stripe }}</span>
                   </el-form-item>
-                  <el-form-item label="鏃犱俊鍙峰垎鍊硷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="videoList.signal"
                       size="mini"
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].signal
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].signal }}</span>
                   </el-form-item>
-                  <el-form-item label="鏍囨敞鏃堕棿宸�(绉�)锛�">
+                  <el-form-item label="">
                     <el-input
                       v-model="videoList.difftime"
                       size="mini"
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{
-                        thresholdList[0].difftime
-                      }}</span>
+                    <span v-else>{{ thresholdList[0].difftime }}</span>
                   </el-form-item>
                 </el-form>
               </div>
@@ -238,8 +210,8 @@
           </div>
         </el-card>
       </el-col>
-      <el-col :span="8">
-        <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px">
+      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+        <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px">
           <div style="display: flex; justify-content: space-between">
             <div class="header鈥攖ext">浜鸿劯</div>
             <div>
@@ -252,7 +224,7 @@
                 v-if="!ifEdit"
                 >淇敼
               </el-button>
-              <el-button size="mini" type="primary" @click="a()" v-if="ifEdit"
+              <el-button size="mini" type="primary" @click="b()" v-if="ifEdit"
                 >淇濆瓨
               </el-button>
             </div>
@@ -261,14 +233,22 @@
             style="
               margin: 20px;
               display: flex;
-              width: 350px;
+              width: 400px;
               justify-content: space-between;
             "
           >
             <div>
-              <span style="font-size: small">宸ュ崟闃堝��</span>
+              <div
+                style="
+                  font-size: small;
+                  display: flex;
+                  flex-direction: row-reverse;
+                  width: 190px;
+                "
+                >宸ュ崟闃堝��</div
+              >
               <div>
-                <el-form label-width="100px">
+                <el-form label-width="140px">
                   <el-form-item label="鏃堕挓鍑嗙‘鐜囷細">
                     <el-input
                       v-model="faceList.clockPercent"
@@ -312,7 +292,9 @@
                       style="width: 100px"
                       v-if="ifEdit"
                     ></el-input>
-                    <span v-else>{{ thresholdList[1].lowScorePercent }}</span></el-form-item
+                    <span v-else>{{
+                      thresholdList[1].lowScorePercent
+                    }}</span></el-form-item
                   >
                   <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細">
                     <el-input
@@ -332,9 +314,8 @@
                 <el-form
                   ref="form"
                   :model="thresholdList[0]"
-                  label-width="100px"
                 >
-                  <el-form-item label="鏃堕挓鍑嗙‘鐜囷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[1].clockPercent"
                       size="mini"
@@ -345,7 +326,7 @@
                       thresholdList[1].clockPercent
                     }}</span></el-form-item
                   >
-                  <el-form-item label="鏁版嵁鍙婃椂鐜囷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].timelyPercent"
                       size="mini"
@@ -354,7 +335,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span></el-form-item
                   >
-                  <el-form-item label="涓嶅敮涓�鏁版嵁閲忥細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].nouniqueCount"
                       size="mini"
@@ -363,7 +344,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span></el-form-item
                   >
-                  <el-form-item label="寤烘ā澶辫触鐜囷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].failPercent"
                       size="mini"
@@ -372,7 +353,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span></el-form-item
                   >
-                  <el-form-item label="骞冲潎浜鸿劯浣庤瘎鍒嗙巼锛�">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].lowScorePercent"
                       size="mini"
@@ -381,7 +362,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span></el-form-item
                   >
-                  <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].continueNoDataCount"
                       size="mini"
@@ -396,8 +377,8 @@
           </div>
         </el-card></el-col
       >
-      <el-col :span="8">
-        <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px">
+      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+        <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px">
           <div style="display: flex; justify-content: space-between">
             <div class="header鈥攖ext">杞﹁締</div>
             <div>
@@ -419,17 +400,25 @@
             style="
               margin: 20px;
               display: flex;
-              width: 350px;
+              width: 400px;
               justify-content: space-between;
             "
           >
             <div>
-              <span style="font-size: small">宸ュ崟闃堝��</span>
+              <div
+                style="
+                  font-size: small;
+                  display: flex;
+                  flex-direction: row-reverse;
+                  width: 232px;
+                "
+                >宸ュ崟闃堝��</div
+              >
               <div>
                 <el-form
                   ref="form"
                   :model="thresholdList[0]"
-                  label-width="120px"
+                  label-width="180px"
                 >
                   <el-form-item label="鏃堕挓鍑嗙‘鐜囷細">
                     <el-input
@@ -494,9 +483,8 @@
                 <el-form
                   ref="form"
                   :model="thresholdList[0]"
-                  label-width="120px"
                 >
-                  <el-form-item label="鏃堕挓鍑嗙‘鐜囷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].clockPercent"
                       size="mini"
@@ -505,7 +493,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span>
                   </el-form-item>
-                  <el-form-item label="鏁版嵁鍙婃椂鐜囷細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].timelyPercent"
                       size="mini"
@@ -514,7 +502,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span>
                   </el-form-item>
-                  <el-form-item label="涓嶅敮涓�鏁版嵁閲忥細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].nouniqueCount"
                       size="mini"
@@ -523,7 +511,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span>
                   </el-form-item>
-                  <el-form-item label="杞︾墝鏈瘑鍒噺锛�">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].dayNoNumberCount"
                       size="mini"
@@ -532,7 +520,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span>
                   </el-form-item>
-                  <el-form-item label="杞﹁締鍏」灞炴�т笉瀹屾暣閲忥細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].noIntegrityCount"
                       size="mini"
@@ -541,7 +529,7 @@
                     ></el-input>
                     <span v-else>{{ 10 }}</span>
                   </el-form-item>
-                  <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細">
+                  <el-form-item label="">
                     <el-input
                       v-model="thresholdList[0].continueNoDataCount"
                       size="mini"
@@ -1216,6 +1204,10 @@
   methods: {
     a() {
       this.ifEdit = true;
+    },
+    b(){
+      console.log(1111111);
+      this.ifEdit = false;
       console.log(this.ifEdit);
     },
     showContent(row) {
@@ -1272,7 +1264,7 @@
       this.loading = true;
       listThreshold(this.queryParams).then((response) => {
         this.thresholdList = response.rows;
-        this.videoList = thresholdList[0];
+        this.videoList = this.thresholdList[0];
         this.total = response.total;
         this.loading = false;
       });

--
Gitblit v1.8.0