人员库 案件库提示框

src/views/AllPersonnelBase/AllPersonnelBase.vue

@@ -92,28 +92,27 @@
       </div>
     </div>
     <!--四 -->
-    <div class="tag">
-      <el-tag
-        style="width: 100%; color: #666666; "
-        v-show="isShowTip"
-      >
-        <span v-html="'&nbsp;&nbsp;'"></span>
-        <i
-          class="el-icon-info"
-          style="color: #055fe7; font-size: 15px"
-        ></i>
-        已选择
-        <span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
-        <!-- <span v-html="'&nbsp;&nbsp;'"></span> -->
-        <!-- ​服务调用总计:<span v-html="'&nbsp;&nbsp;'"></span>36.4万 -->
-        <el-link
-          type="primary"
-          :underline="false"
-          style="margin-left: 1.25rem"
-          @click="toggleSelection()"
-        >清除</el-link>
-      </el-tag>
-    </div>
+    <el-tag
+      style="width: 100%; color: #666666;margin-bottom:1rem "
+      v-show="isShowTip"
+    >
+      <span v-html="'&nbsp;&nbsp;'"></span>
+      <i
+        class="el-icon-info"
+        style="color: #055fe7; font-size: 15px"
+      ></i>
+      已选择
+      <span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
+      <!-- <span v-html="'&nbsp;&nbsp;'"></span> -->
+      <!-- ​服务调用总计:<span v-html="'&nbsp;&nbsp;'"></span>36.4万 -->
+      <el-link
+        type="primary"
+        :underline="false"
+        style="margin-left: 1.25rem"
+        @click="toggleSelection()"
+      >清除</el-link>
+    </el-tag>
+
     <!-- 五 -->
     <el-table
       :max-height="height"
@@ -855,6 +854,7 @@ export default {
     batch () {
       this.disabled = !this.disabled;
       this.selectBoo = !this.selectBoo;
+      this.isShowTip = !this.isShowTip;
       this.toggleSelection();
       // this.$set(this.multipleSelection, [])
     },
@@ -879,11 +879,11 @@ export default {
     handleSelectionChange (val) {
       this.multipleSelection = val;
       console.log(this.multipleSelection);
-      if (this.multipleSelection.length) {
-        this.isShowTip = true;
-      } else {
-        this.isShowTip = false;
-      }
+      // if (this.multipleSelection.length) {
+      //   this.isShowTip = true;
+      // } else {
+      //   this.isShowTip = false;
+      // }
     },
     /**
      * @description: pageSize 改变时会触发
@@ -1020,9 +1020,6 @@ export default {
 .delSelection /deep/ .el-table-column--selection .cell {
   display: none;
 }
-.tag {
-  height: 40px;
-}
 // 滚动条的宽度
 /deep/ .el-table__body-wrapper::-webkit-scrollbar {
   width: 6px; // 横向滚动条

src/views/AllPersonnelBase/qbalk.vue

@@ -751,6 +751,7 @@ export default {
     batch () {
       this.disabled = !this.disabled
       this.selectBoo = !this.selectBoo;
+      this.isShowTip = !this.isShowTip;
       this.toggleSelection()
     },
     /**
@@ -770,11 +771,11 @@ export default {
     handleSelectionChange (val) {
       this.multipleSelection = val;
       console.log(this.multipleSelection);
-      if (this.multipleSelection.length) {
-        this.isShowTip = true;
-      } else {
-        this.isShowTip = false;
-      }
+      // if (this.multipleSelection.length) {
+      //   this.isShowTip = true;
+      // } else {
+      //   this.isShowTip = false;
+      // }
     },
     /**
      * @description: pageSize 改变时会触发