From c58f5968a44557e961851a6cfca3e3f62034cac9 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Wed, 3 Jul 2024 17:29:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=97=E6=AE=B5=E4=BF=A1=E6=81=AF=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/labelfieldinfo/index.vue | 114 ++++++++++++++--------
 1 file changed, 74 insertions(+), 40 deletions(-)

diff --git a/src/views/manage/labelfieldinfo/index.vue b/src/views/manage/labelfieldinfo/index.vue
index fcefa55..ff194f3 100644
--- a/src/views/manage/labelfieldinfo/index.vue
+++ b/src/views/manage/labelfieldinfo/index.vue
@@ -3,6 +3,11 @@
     <el-row :gutter="20">
       <el-col :span="5" :xs="24">
         <div class="left" ref="box">
+          <!-- <div :class="itemid=='' ? 'all' : 'all'" @click="allclick"> -->
+          <div class="all" @click="allclick">
+
+            全部
+          </div>
           <el-collapse
             v-model="activeNames"
             @change="handleChange"
@@ -14,7 +19,11 @@
                 {{ item.taskTypeName }}
                 <!-- {{item}} -->
               </template>
-              <el-table :data="item.taskPartitionDictList" style="width: 100%" :show-header="false"   >
+              <el-table
+                :data="item.taskPartitionDictList"
+                style="width: 100%"
+                :show-header="false"
+              >
                 <el-table-column prop="" label="">
                   <template slot-scope="scope">
                     <!-- <div
@@ -22,7 +31,10 @@
                       v-for="(aitem, aindex) in scope.row.items"
                       :key="aindex"
                     > -->
-                    <div @click="clickitem(scope.row)" :class="itemid == scope.row.id ? 'allactive' : 'collitem'" highlight-current-row>
+                    <div
+                      @click="clickitem(scope.row)"
+                      :class="itemid == scope.row.id ? 'allactive' : 'collitem'"
+                    >
                       {{ scope.row.taskPartitionName }}
                     </div>
                     <!-- </div> -->
@@ -138,6 +150,12 @@
             @selection-change="handleSelectionChange"
           >
             <el-table-column type="selection" width="55" align="center" />
+            <el-table-column
+              label="任务细分"
+              align="center"
+              prop="taskPartitionDictName"
+              :show-overflow-tooltip="true"
+            />
             <el-table-column label="字段名称" align="center" prop="fieldName" />
             <el-table-column label="字段编码" align="center" prop="fieldCode" />
             <el-table-column label="字段类型" align="center" prop="fieldType">
@@ -149,19 +167,14 @@
               </template>
             </el-table-column>
             <el-table-column label="字段排序" align="center" prop="fieldSort" />
-            <el-table-column
+            <!-- <el-table-column
               label="字段备注信息"
               align="center"
               prop="fieldRemark"
               :show-overflow-tooltip="true"
-            />
+            /> -->
 
-            <el-table-column
-              label="任务细分"
-              align="center"
-              prop="taskPartitionDictName"
-              :show-overflow-tooltip="true"
-            />
+           
             <el-table-column
               label="操作"
               align="center"
@@ -696,7 +709,7 @@
 </template>
 
 <script>
-import { listLabelfieldinfo, getLabelfieldinfo, delLabelfieldinfo, addLabelfieldinfo, updateLabelfieldinfo,taskTypeGrouping } from "@/api/manage/labelfieldinfo";
+import { listLabelfieldinfo, getLabelfieldinfo, delLabelfieldinfo, addLabelfieldinfo, updateLabelfieldinfo, taskTypeGrouping } from "@/api/manage/labelfieldinfo";
 import { listPartition } from "@/api/system/partition";
 import { getAgencytype } from "@/api/system/agency";
 import { listTaskType } from "@/api/system/taskType";
@@ -706,9 +719,9 @@ export default {
   name: "Labelfieldinfo",
   data() {
     return {
-      itemid:null,
+      itemid: null,
 
-      list:[],
+      list: [],
       // listdata: {
       //   list: [
       //     {
@@ -927,7 +940,7 @@ export default {
         // ],
 
       },
-      currentRow:null,
+      currentRow: null,
     };
   },
   created() {
@@ -942,12 +955,18 @@ export default {
 
   },
   methods: {
+    // 全部点击事件
+    allclick() {
+      this.itemid = ''
+      this.queryParams.taskPartitionDictId=null
+      this.getList();
+    },
     // 左侧点击事件
-    clickitem(row){
-      console.log(row,'row');
-      this.queryParams.taskPartitionDictId=row.id
+    clickitem(row) {
+      console.log(row, 'row');
+      this.queryParams.taskPartitionDictId = row.id
       this.itemid = this.queryParams.taskPartitionDictId;
-    this.getList();
+      this.getList();
 
 
 
@@ -981,15 +1000,13 @@ export default {
     getListleft() {
       this.loading = true;
       taskTypeGrouping().then(response => {
-        console.log(response,'response')
+        console.log(response, 'response')
         this.list = response.data;
-              this.list.forEach(e => {
-        this.activeNames.push(e.taskTypeId);
-        console.log(this.activeNames, 'this.activeNames')
+        this.list.forEach(e => {
+          this.activeNames.push(e.taskTypeId);
+          console.log(this.activeNames, 'this.activeNames')
 
-      })
-        // this.totaltype = response.total;
-        // this.loading = false;
+        })
       });
     },
 
@@ -1175,13 +1192,13 @@ export default {
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;
-      this.queryParams.taskPartitionDictId=null;
+      this.queryParams.taskPartitionDictId = null;
       this.getList();
       // this.getListleft()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.itemid=null;
+      this.itemid = null;
 
       this.resetForm("queryForm");
       this.handleQuery();
@@ -1343,42 +1360,59 @@ export default {
 <style lang="scss" scoped>
 /* 设置被点击行的背景颜色 */
 
-
 // ::v-deep .el-table__body tr.current-row>td{
 //     background-color: #92cbf1!important;
 //      color: #fff;
 //   }
- ::v-deep .el-collapse-item__header{
+::v-deep .el-collapse-item__header {
   font-size: 15px;
-    font-weight: 600;
- }
+  font-weight: 600;
+}
 ::v-deep .el-collapse-item__wrap {
   border-bottom: none;
 }
 
-::v-deep table td.el-table__cell:last-child {
-  // border-bottom: 1px solid #dfe6ec;
-  border-bottom: none;
-  }
-  ::v-deep .el-table::before{
-    height: 0px !important;
-  }
+
+::v-deep .el-table::before {
+  height: 0px !important;
+}
 .left {
   height: calc(100vh - 119px);
   overflow-y: auto;
   overflow-x: hidden;
+  ::v-deep table td.el-table__cell:last-child {
+  // border-bottom: 1px solid #dfe6ec;
+  border-bottom: none;
+}
+  .clickall {
+    // width: 167px;
+    height: 48px;
+    line-height: 48px;
+    background: #e8f4ff;
+
+    /* background: red; */
+    font-size: 15px;
+    font-weight: 600;
+  }
+  .all {
+    // width: 167px;
+    height: 48px;
+    line-height: 48px;
+    /* background: red; */
+    font-size: 15px;
+    font-weight: 600;
+  }
   .collitem {
     // width: 100%;
     // height: 45px;
     // padding: 10px;
     margin-left: 15px;
   }
-  .allactive{
+  .allactive {
     width: 100%;
     height: 45px;
     padding: 10px;
     background: #e8f4ff;
-
   }
 }
 ::v-deep .el-dialog__body {