From 43afe36ba83f9171dce3c3ce42db980ee2e7b65b Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期四, 05 九月 2024 20:23:07 +0800
Subject: [PATCH] 数据中心详情样式优化

---
 src/views/system/check/result/detail/detail.vue |   66 +++++++++++++++++++++++---------
 1 files changed, 47 insertions(+), 19 deletions(-)

diff --git a/src/views/system/check/result/detail/detail.vue b/src/views/system/check/result/detail/detail.vue
index c3cf1d4..bbc321e 100644
--- a/src/views/system/check/result/detail/detail.vue
+++ b/src/views/system/check/result/detail/detail.vue
@@ -1,5 +1,12 @@
 <template>
-  <div class="app-container">
+  <div style="padding: 0px 10px">
+      <div >
+        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"
+               >
+          <el-menu-item index="0">鐪佸巺鑰冩牳</el-menu-item>
+          <el-menu-item index="1">鍖哄幙鑰冩牳</el-menu-item>
+        </el-menu>
+      </div>
     <el-container>
       <el-main>
         <h2>鑰冩牳瑙勫垯</h2>
@@ -30,6 +37,7 @@
                   type="text"
                   icon="el-icon-edit"
                   @click="handleRuleUpdate(item)"
+                  v-hasPermi="['check:template:edit']"
                   >淇敼
                 </el-button>
               </div>
@@ -91,19 +99,18 @@
             :inline="true"
             v-show="showSearch"
           >
-            <el-form-item label="鑰冩牳鏃ユ湡" prop="name">
-              <el-date-picker
-                v-model="queryParams.date"
-                format="yyyy-MM"
-                value-format="yyyy-MM"
-                type="month"
-                placeholder="閫夋嫨鏃ユ湡"
-                @change="dateChange"
-              >
-              </el-date-picker>
-            </el-form-item>
-            <!-- 瀛ｅ害閫夋嫨 -->
-            <el-form-item>
+<!--            <el-form-item label="鑰冩牳鏈堝害" prop="name">-->
+<!--              <el-date-picker-->
+<!--                v-model="queryParams.date"-->
+<!--                format="yyyy-MM"-->
+<!--                value-format="yyyy-MM"-->
+<!--                type="month"-->
+<!--                placeholder="閫夋嫨鏃ユ湡"-->
+<!--                @change="dateChange"-->
+<!--              >-->
+<!--              </el-date-picker>-->
+<!--            </el-form-item>-->
+            <el-form-item label="鑰冩牳鏃堕棿">
               <el-date-picker
                 :clearable="false"
                 v-model="queryParams.quarter"
@@ -157,6 +164,17 @@
               <span>{{ translateDeptId(scope.row.dept_id) }}</span>
             </template>
           </el-table-column>
+          <el-table-column
+            label="鑰冩牳鏍囩"
+            align="center"
+            prop="dept_id"
+            width="120px"
+            fixed
+          >
+            <template slot-scope="scope">
+              {{ scope.row.examine_tag === 0 ? '鐪佸巺鑰冩牳' : '鍖哄幙鑰冩牳' }}
+            </template>
+          </el-table-column>
           <template v-for="item in tableData">
             <el-table-column
               :key="item.ruleName"
@@ -165,7 +183,7 @@
               width="180px"
             >
               <template slot-scope="scope">
-                <span>{{ scope.row[item.ruleIndex] }}</span>
+                <span>{{ scope.row[item.ruleIndex] * 100 + '%' }}</span>
               </template>
             </el-table-column>
           </template>
@@ -326,7 +344,8 @@
       queryParams: {
         id: null,
         date: null,
-        quarter: null
+        quarter: null,
+        examineTag: null
       },
       // 琛ㄥ崟鏍￠獙
       rules: {},
@@ -345,6 +364,9 @@
     if (this.$route.query.id) {
       this.queryParams.id = this.$route.query.id;
     }
+    let examineTag = this.$route.query.examineTag;
+    this.activeIndex = examineTag;
+    this.queryParams.examineTag = examineTag;
     // 鑰冩牳绉垎鍒楄〃
     this.getList();
     this.areaSelect();
@@ -442,6 +464,15 @@
       this.indexOpen = true;
       this.title = "淇敼鑰冩牳鎸囨爣";
     },
+    /** 瀵艰埅鍒囨崲 */
+    handleSelect(key) {
+      this.activeIndex = key;
+      this.queryParams.examineTag = key;
+      // 鑰冩牳绉垎鍒楄〃
+      this.getList();
+
+
+    },
     /** 淇敼鎸夐挳鎿嶄綔 */
     handleRuleUpdate(row) {
       this.reset("ruleForm");
@@ -472,9 +503,6 @@
         },
         `鑰冩牳鎸囨爣_${new Date().getTime()}.xlsx`
       );
-    },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
     },
   },
 };

--
Gitblit v1.8.0