no message

@@ -49,3 +49,35 @@ export function delEntirety(id) {
     method: 'DELETE',
   })
 }
+
+// 显示
+export function displayEntirety(id) {
+  return request({
+    url: `/core/entirety/display/${id}`,
+    method: 'put',
+  })
+}
+
+// 批量显示
+export function batchDisplayEntirety(ids) {
+  return request({
+    url: `/core/entirety/batch/display/${ids}`,
+    method: 'put',
+  })
+}
+
+// 隐藏
+export function hideEntirety(id) {
+  return request({
+    url: `/core/entirety/hide/${id}`,
+    method: 'put',
+  })
+}
+
+// 批量隐藏
+export function batchHideEntirety(ids) {
+  return request({
+    url: `/core/entirety/batch/hide/${ids}`,
+    method: 'put',
+  })
+}

@@ -15,10 +15,10 @@
                 />
               </el-form-item>
               <el-form-item label="">
-                <el-button type="primary" icon="Plus" :disabled="multiple" @click="handleBatchDisplay">批量显示</el-button>
+                <el-button type="success" icon="Edit" :disabled="multiple" @click="handleBatchHide">批量隐藏</el-button>
               </el-form-item>
               <el-form-item label="">
-                <el-button type="success" icon="Edit" :disabled="multiple" @click="handleBatchHide">批量隐藏</el-button>
+                <el-button type="primary" icon="Plus" :disabled="multiple" @click="handleBatchDisplay">批量显示</el-button>
               </el-form-item>
               <el-form-item label="">
                 <el-button type="primary" icon="Search" @click="btn_search">查询</el-button>
@@ -80,12 +80,14 @@
                   link
                   type="text"
                   @click="handleDisplay(row)"
+                  :style="{ color:'#00FF00' }"
                   v-if="!row.visible"
                 >{{ $t('course.controlsDisplayName') }}</el-button>
                 <el-button
                   link
                   type="text"
                   @click="handleHide(row)"
+                  :style="{ color:'#FF0000' }"
                   v-if="row.visible"
                 >{{ $t('course.controlsHideName') }}</el-button>
               </template>
@@ -344,7 +346,7 @@ function handleDisplay(row) {
 
 function handleBatchDisplay(row) {
   const courseIds = row.id || ids.value;
-  proxy.$modal.confirm(`确认显示这些课程吗？`).then(() => {
+  proxy.$modal.confirm(`您已选择`+courseIds.length+`项内容，确认执行批量显示操作吗？`).then(() => {
     return batchDisplayCourse(courseIds);
   }).then(() => {
     getList();
@@ -367,7 +369,7 @@ function handleHide(row) {
 
 function handleBatchHide(row) {
   const courseIds = row.id || ids.value;
-  proxy.$modal.confirm(`确认隐藏这些课程吗？隐藏后APP端将不可见。`).then(() => {
+  proxy.$modal.confirm(`您已选择`+courseIds.length+`项内容，确认执行批量隐藏操作吗？`).then(() => {
     return batchHideCourse(courseIds);
   }).then(() => {
     getList();

@@ -6,6 +6,12 @@
           <!-- 列表操作 -->
           <el-row :gutter="10" class="mb8"  justify="end">
             <el-col :span="1.5">
+              <el-button type="success" icon="Edit" :disabled="multiple" @click="handleBatchHide">批量隐藏</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button type="primary" icon="Plus" :disabled="multiple" @click="handleBatchDisplay">批量显示</el-button>
+            </el-col>
+            <el-col :span="1.5">
               <el-button
                 type="primary"
                 plain
@@ -24,12 +30,16 @@
             :header-cell-style="{textAlign:'center'}"
             :cell-style="{textAlign:'center'}"
             border
+            @selection-change="handleSelectionChange"
           >
+            <el-table-column type="selection"
+                             width="50"
+                             align="center" />
             <el-table-column :label="$t('kit.indexName')" type="index" width="80" />
             <el-table-column :label="$t('kit.groupName')" prop="name" />
             <el-table-column :label="$t('kit.buildingBlockName')" prop="buildingBlockName" />
             <el-table-column :label="$t('kit.sortName')" prop="sort" />
-            <el-table-column :label="$t('kit.visibleName')" prop="isVisible" />
+            <el-table-column :label="$t('kit.visibleName')" prop="display" />
             <el-table-column :label="$t('kit.tableControlsName')" class-name="small-padding fixed-width">
               <template #default="{ row }">
                 <el-button
@@ -45,8 +55,17 @@
                 <el-button
                   link
                   type="text"
-                  @click="handleEdit(row)"
-                >{{ $t('kit.controlsVisibleName') }}</el-button>
+                  @click="handleDisplay(row)"
+                  :style="{ color:'#00FF00' }"
+                  v-if="!row.visible"
+                >{{ $t('kit.controlsDisplayName') }}</el-button>
+                <el-button
+                  link
+                  type="text"
+                  @click="handleHide(row)"
+                  :style="{ color:'#FF0000' }"
+                  v-if="row.visible"
+                >{{ $t('kit.controlsHideName') }}</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -94,7 +113,7 @@
 <script setup name="ruleManager">
 import { useTableHeight } from '@/hooks/useTableHeight'
 // 导入api接口
-import { getEntiretyist, addEntirety, editEntirety, delEntirety,getBuildingBlockLists } from '@/api/legao/kit'
+import { getEntiretyist, addEntirety, editEntirety, delEntirety, getBuildingBlockLists, displayEntirety, batchDisplayEntirety, hideEntirety, batchHideEntirety } from '@/api/legao/kit'
 import { reactive, toRefs } from 'vue';
 const { windowSize } = useTableHeight('max-height')
 const props = {
@@ -131,7 +150,9 @@ const data = reactive({
     buildingBlockId: [{ required: true, message: "系列不能为空", trigger: "blur" }]
   }
 })
-
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
 const { status, queryParams, total, list, showForm, rules, kitLists } = toRefs(data)
 
 
@@ -216,4 +237,58 @@ function getKitLists() {
     kitLists.value = res?.data || []
   })
 }
+
+
+/** 选择条数  */
+function handleSelectionChange (selection) {
+  ids.value = selection.map(item => item.id);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+function handleDisplay(row) {
+  proxy.$modal.confirm(`确认显示该套件吗？`).then(() => {
+    return displayEntirety(row.id);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess(res.msg);
+  }).finally(() => {
+
+  });
+}
+
+function handleBatchDisplay(row) {
+  const entiretyIds = row.id || ids.value;
+  proxy.$modal.confirm(`您已选择`+entiretyIds.length+`项内容，确认执行批量显示操作吗？`).then(() => {
+    return batchDisplayEntirety(entiretyIds);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess(res.msg);
+  }).finally(() => {
+
+  });
+}
+
+function handleHide(row) {
+  proxy.$modal.confirm(`确认隐藏该套件吗？隐藏后APP端将不可见。`).then(() => {
+    return hideEntirety(row.id);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess(res.msg);
+  }).finally(() => {
+
+  });
+}
+
+function handleBatchHide(row) {
+  const entiretyIds = row.id || ids.value;
+  proxy.$modal.confirm(`您已选择`+entiretyIds.length+`项内容，确认执行批量隐藏操作吗？`).then(() => {
+    return batchHideEntirety(entiretyIds);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess(res.msg);
+  }).finally(() => {
+
+  });
+}
 </script>