字段信息管理

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"
@@ -942,6 +955,12 @@ export default {
 
   },
   methods: {
+    // 全部点击事件
+    allclick() {
+      this.itemid = ''
+      this.queryParams.taskPartitionDictId=null
+      this.getList();
+    },
     // 左侧点击事件
     clickitem(row) {
       console.log(row, 'row');
@@ -988,8 +1007,6 @@ export default {
           console.log(this.activeNames, 'this.activeNames')
 
         })
-        // this.totaltype = response.total;
-        // this.loading = false;
       });
     },
 
@@ -1343,7 +1360,6 @@ export default {
 <style lang="scss" scoped>
 /* 设置被点击行的背景颜色 */
 
-
 // ::v-deep .el-table__body tr.current-row>td{
 //     background-color: #92cbf1!important;
 //      color: #fff;
@@ -1356,10 +1372,7 @@ export default {
   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;
 }
@@ -1367,6 +1380,28 @@ export default {
   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;
@@ -1378,7 +1413,6 @@ export default {
     height: 45px;
     padding: 10px;
     background: #e8f4ff;
-
   }
 }
 ::v-deep .el-dialog__body {