feat: 新增全部生效，全部失效按钮一同存在

src/views/datamanager/alertformdata/components/default/Default.vue

@@ -7,10 +7,9 @@
     <div class="table-list">
       <div v-if="showActionBar" class="action-bar">
         <span class="num-text">已选{{ chooseNum }}项</span>
-        <el-button v-if="!cancelHideFlag" :class="isActiveHide ? 'btn-active' : 'btn-normal'"
-          @click="handleHideAll">全部失效</el-button>
-        <el-button v-if="cancelHideFlag" :class="isActiveCancelHide ? 'btn-active' : 'btn-normal'"
+        <el-button :class="isActiveCancelHide ? 'btn-active' : 'btn-normal'"
           @click="handleCancelHideAll">全部生效</el-button>
+        <el-button :class="isActiveHide ? 'btn-active' : 'btn-normal'" @click="handleHideAll">全部失效</el-button>
         <el-button :class="isActiveDelete ? 'btn-active' : 'btn-normal'" @click="handleDeleteAll">删除</el-button>
         <el-button v-if="!cancelUrgentFlag" :class="isActiveUrgent ? 'btn-active' : 'btn-normal'"
           @click="handleUrgentAll">标记加急</el-button>
@@ -62,7 +61,7 @@ const tableData = ref([]);
 const showActionBar = ref(false);
 const chooseNum = ref(0);
 const chooseId = ref<number[]>([]);
-const cancelHideFlag = ref(true);   // true取消隐藏 / false全部隐藏
+// const cancelHideFlag = ref(true);   // true取消隐藏 / false全部隐藏
 const cancelUrgentFlag = ref(true); // true取消加急 / false全部加急
 const isActiveHide = ref(false);
 const isActiveCancelHide = ref(false);
@@ -96,13 +95,13 @@ const handleReset = (queryForm) => {
 // 多选
 const handlePop = (selection) => {
   chooseId.value = [];
-  cancelHideFlag.value = true;
+  // cancelHideFlag.value = true;
   cancelUrgentFlag.value = true;
   selection.forEach((item) => {
     if (chooseId.value.indexOf(item.id) === -1)
       chooseId.value.push(item.id);
     // 只要有一个item.isHide === false 说明多选的这些选项不是全都隐藏/失效，不用变成“取消隐藏”/全部生效
-    if (item.isHide === false) cancelHideFlag.value = false;
+    // if (item.isHide === false) cancelHideFlag.value = false;
     // 只要有一个item.priority === 0 说明不是全都加急状态，不用变成“取消加急”
     if (item.priority === 0) cancelUrgentFlag.value = false;
   });

src/views/datamanager/alertformdata/components/show/Show.vue

@@ -10,10 +10,9 @@
     <div class="table-list">
       <div v-if="showActionBar" class="action-bar">
         <span class="num-text">已选{{ chooseNum }}项</span>
-        <el-button v-if="!cancelHideFlag" :class="isActiveHide ? 'btn-active' : 'btn-normal'"
-          @click="handleHideAll">全部失效</el-button>
-        <el-button v-if="cancelHideFlag" :class="isActiveCancelHide ? 'btn-active' : 'btn-normal'"
+        <el-button :class="isActiveCancelHide ? 'btn-active' : 'btn-normal'"
           @click="handleCancelHideAll">全部生效</el-button>
+        <el-button :class="isActiveHide ? 'btn-active' : 'btn-normal'" @click="handleHideAll">全部失效</el-button>
         <el-button :class="isActiveDelete ? 'btn-active' : 'btn-normal'" @click="handleDeleteAll">删除</el-button>
         <span class="close-btn" @click="handleSelectNone"></span>
       </div>
@@ -58,7 +57,7 @@ const tableData = ref([]);
 const showActionBar = ref(false);
 const chooseNum = ref(0);
 const chooseId = ref<number[]>([]);
-const cancelHideFlag = ref(true);   // true取消隐藏 / false全部隐藏
+// const cancelHideFlag = ref(true);   // true取消隐藏 / false全部隐藏
 const isActiveHide = ref(false);
 const isActiveCancelHide = ref(false);
 const isActiveDelete = ref(false);
@@ -92,12 +91,12 @@ const handleReset = (queryForm) => {
 // 多选
 const handlePop = (selection) => {
   chooseId.value = [];
-  cancelHideFlag.value = true;
+  // cancelHideFlag.value = true;
   selection.forEach((item) => {
     if (chooseId.value.indexOf(item.id) === -1)
       chooseId.value.push(item.id);
     // 只要有一个item.isHide === false 说明多选的这些选项不是全都隐藏/失效，不用变成“取消隐藏”/全部生效
-    if (item.isHide === false) cancelHideFlag.value = false;
+    // if (item.isHide === false) cancelHideFlag.value = false;
   });
   chooseNum.value = selection.length;
   showActionBar.value = chooseNum.value > 0 ? true : false;