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/work-order/threshold/index.vue |  178 ++++++++++++++++++++++++++++-------------------------------
 1 files changed, 85 insertions(+), 93 deletions(-)

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