新增隐藏属性

@@ -34,3 +34,19 @@ export function delCourse(id) {
     method: 'DELETE',
   })
 }
+
+// 显示
+export function displayCourse(id) {
+  return request({
+    url: `/core/course/display/${id}`,
+    method: 'put',
+  })
+}
+
+// 隐藏
+export function hideCourse(id) {
+  return request({
+    url: `/core/course/hide/${id}`,
+    method: 'put',
+  })
+}

@@ -43,9 +43,13 @@ export default {
     sortName: '排序',
     unitName: '单元类别',
     dialogGroup: '系列',
+    visibleName: '状态',
     tableControlsName: '操作',
-    controlsDelName: '删除',
     controlsEditName: '编辑',
+    controlsDelName: '删除',
+    controlsDisplayName: '显示',
+    controlsHideName: '隐藏',
+
     // 新增
     dialogTitleAdd: '新增',
     dialogTitleEdit: '修改',
@@ -90,10 +94,13 @@ export default {
     buildName: '搭建',
     caseName: '有无案例',
     packName: '是否打包',
+    visibleName: '状态',
 	  tableSortName: '排序',
     tableControlsName: '操作',
-    controlsDelName: '删除',
     controlsEditName: '编辑',
+    controlsDelName: '删除',
+    controlsDisplayName: '显示',
+    controlsHideName: '隐藏',    
     controlsAddName: '新增课程',
     placeholder: '课程、套件、系列名称搜索',
     // 新增

@@ -15,6 +15,12 @@
                 />
               </el-form-item>
               <el-form-item label="">
+                <el-button type="success" icon="Edit" :disabled="multiple" @click="handleBatchDisplay">批量显示</el-button>
+              </el-form-item>
+              <el-form-item label="">
+                <el-button type="success" icon="Edit" :disabled="multiple" @click="handleBatchHide">批量隐藏</el-button>
+              </el-form-item>
+              <el-form-item label="">
                 <el-button type="primary" icon="Search" @click="btn_search">查询</el-button>
               </el-form-item>
             </el-form>
@@ -39,6 +45,9 @@
             :cell-style="{textAlign:'center'}"
             border
           >
+            <el-table-column type="selection"
+                             width="50"
+                             align="center" />
             <el-table-column :label="$t('course.indexName')" type="index" width="80" />
             <el-table-column :label="$t('course.courseName')" prop="name" />
             <el-table-column :label="$t('course.entiretyName')" prop="entiretyName" />
@@ -53,18 +62,31 @@
                 ></dict-tag>
               </template>
             </el-table-column>
+            <el-table-column :label="$t('course.visibleName')" prop="isVisible" />
             <el-table-column :label="$t('course.tableControlsName')" class-name="small-padding fixed-width">
               <template #default="{ row }">
                 <el-button
                   link
                   type="text"
+                  @click="handleEdit(row)"
+                >{{ $t('course.controlsEditName') }}</el-button>
+                <el-button
+                  link
+                  type="text"
                   @click="handleDel(row)"
                 >{{ $t('course.controlsDelName') }}</el-button>
                 <el-button
                   link
                   type="text"
-                  @click="handleEdit(row)"
-                >{{ $t('course.controlsEditName') }}</el-button>
+                  @click="handleDisplay(row)"
+                  v-if="row.isVisible === 0"
+                >{{ $t('course.controlsDisplayName') }}</el-button>
+                <el-button
+                  link
+                  type="text"
+                  @click="handleHide(row)"
+                  v-if="row.isVisible === 1"
+                >{{ $t('course.controlsHideName') }}</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -174,7 +196,7 @@
 <script setup name="ruleManager">
 import { useTableHeight } from '@/hooks/useTableHeight'
 // 导入api接口
-import { getCourseList, addCourse, editCourse, delCourse } from '@/api/legao/course'
+import { getCourseList, addCourse, editCourse, delCourse, displayCourse, hideCourse} from '@/api/legao/course'
 import { getEntiretyists } from '@/api/legao/kit'
 import { reactive, toRefs } from 'vue';
 const { windowSize } = useTableHeight('max-height')
@@ -299,6 +321,28 @@ function handleDel(row) {
   });
 }
 
+function handleDisplay(row) {
+  proxy.$modal.confirm(`确认显示该课程吗？`).then(() => {
+    return displayCourse(row.id);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess(res.msg);
+  }).finally(() => {
+
+  });
+}
+
+function handleHide(row) {
+  proxy.$modal.confirm(`确认隐藏该课程吗？隐藏后APP端将不可见。`).then(() => {
+    return hideCourse(row.id);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess(res.msg);
+  }).finally(() => {
+
+  });
+}
+
 function submitForm(type) {
   const data = {
     ...showForm.value.form,

@@ -29,6 +29,7 @@
             <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.tableControlsName')" class-name="small-padding fixed-width">
               <template #default="{ row }">
                 <el-button
@@ -41,6 +42,11 @@
                   type="text"
                   @click="handleEdit(row)"
                 >{{ $t('kit.controlsEditName') }}</el-button>
+                <el-button
+                  link
+                  type="text"
+                  @click="handleEdit(row)"
+                >{{ $t('kit.controlsVisibleName') }}</el-button>
               </template>
             </el-table-column>
           </el-table>