文章管理优化

jeecgboot-vue3-master/src/views/cms/admin/articel/CmsArticle.api.ts

@@ -23,10 +23,8 @@ export const getExportUrl = Api.exportXls;
  */
 export const getImportUrl = Api.importExcel;
 
-
 export const updateStatus = (params) => defHttp.post({url: Api.operationStatus, params});
 
-
 /**
  * 列表接口
  * @param params

jeecgboot-vue3-master/src/views/cms/admin/articel/CmsArticleList.vue

@@ -8,11 +8,53 @@
         </a-button>
         <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出
         </a-button>
+        <!--  <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+          <a-dropdown v-if="selectedRowKeys.length > 0">
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item key="1" @click="batchHandleDelete">
+                    <Icon icon="ant-design:delete-outlined"></Icon>
+                    删除
+                  </a-menu-item>
+                </a-menu>
+              </template>
+              <a-button>批量操作
+                <Icon icon="mdi:chevron-down"></Icon>
+              </a-button>
+          </a-dropdown>-->
       </template>
       <!--操作栏-->
       <template #action="{ record }">
         <!--        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>-->
         <TableAction :actions="getTableAction(record)"/>
+        <!--<TableAction
+          :stopButtonPropagation="true"
+          :actions="[
+                {
+                  label: '1',
+                  // type: 'link',
+                  size: 'small',
+                  icon: 'ant-design:plus-circle-outlined',
+                  onClick: add.bind(null, record),
+                },
+                {
+                  label: '2',
+                  // type: 'link',
+                  size: 'small',
+                  icon: 'fa6-regular:pen-to-square',
+                  onClick: editor.bind(null, record),
+                },
+                {
+                  label: '3',
+                  // color: 'error',
+                  icon: 'ic:outline-delete-outline',
+                  popConfirm: {
+                    title: '确定删除该数据吗？',
+                    confirm: del.bind(null, record),
+                  },
+                },
+              ]"
+        />-->
       </template>
       <!--字段回显插槽-->
       <template #htmlSlot="{text}">
@@ -36,8 +78,10 @@
 
 <script lang="ts" name="cms-cmsArticle" setup>
 import {ref} from 'vue';
+import {BasicTable, TableAction} from '/@/components/Table';
 import {useModal} from '/@/components/Modal';
 import {useListPage} from '/@/hooks/system/useListPage'
+import CmsArticleModal from './components/CmsArticleModal.vue'
 import {columns, searchFormSchema} from './CmsArticle.data';
 import {
   batchDelete,
@@ -47,6 +91,8 @@
   list,
   updateStatus
 } from './CmsArticle.api';
+// import {updateStatus} from './CmsArticle.api';
+import {Update} from "/@/views/topic/Topic.api";
 // import { downloadFile } from '/@/utils/common/renderUtils';
 const checkedKeys = ref<Array<string | number>>([]);
 //注册model
@@ -67,7 +113,7 @@
       fieldMapToTime: [],
     },
     actionColumn: {
-        width: 120,
+      width: 180,
       fixed: 'right'
     },
   },
@@ -104,6 +150,12 @@
   });
 }
 
+function update2(record: Recordable, isopen) {
+  record.isopen = isopen;
+  updateStatus(record)
+  reload()
+}
+
 /**
  * 详情
  */
@@ -115,12 +167,6 @@
   });
 }
 
-  function operationStatus(record: Recordable, isopen) {
-    record.isopen = isopen;
-    updateStatus(record)
-    reload()
-  }
-
 /**
  * 删除事件
  */
@@ -159,16 +205,16 @@
       }
     }
   ];
-    if (record.status == "0") {
+  if (record.status == "1") {
     actions.unshift({
-        label: '发布',
-        onClick: operationStatus.bind(null, record, "1"),
+      label: '取消发布',
+      onClick: update2.bind(null, record, "0"),
     });
   }
-    if (record.status == "1") {
+  if (record.status == "0") {
     actions.unshift({
-        label: '取消发布',
-        onClick: operationStatus.bind(null, record, "0"),
+      label: '发布',
+      onClick: update2.bind("1", record, "1"),
     });
   }
   return actions;