修改元模型模块

src/views/metaModel/knowledgeModel/EditRowTable.vue

 <template>
-  <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
-    <ModelTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
-    <BasicTable @register="registerTable" class="w-3/4 xl:w-4/5" :searchInfo="searchInfo">
+  <PageWrapper style="height: 100%">
+    <Row>
+      <Col :span="24" style="height: 800px">
+        <Card>
+          <BasicTable @register="registerTable" minheight:600px style="height: 800px">
             <template #toolbar>
               <a-button type="primary" @click="handleCreateFile">新建文件夹</a-button>
               <a-button type="primary" @click="handleCreateModel">新建元模型</a-button>
             </template>
-      <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'action'">
-          <TableAction
-            :actions="[
-              {
-                // icon: 'clarity:note-edit-line',
-                label: '编辑',
-                onClick: handleEdit.bind(null, record),
-              },
-              {
-                color: 'error',
-                label: '删除',
-                popConfirm: {
-                  title: '是否确认删除',
-                  placement: 'left',
-                  confirm: handleDelete.bind(null, record),
-                },
-              },
-              {
-                label: '移动',
-                onClick: handleMove.bind(null, record),
-              },
-            ]"
-          />
+          </BasicTable>
+        </Card>
+      </Col>
+    </Row>
+    <Row>
+      <Col :span="24" style="height: 800px">
+        <Card>
+          <BasicTable @register="registerTable" class="height" style="height: 800px">
+            <template #toolbar>
+              <a-button type="primary" @click="handleCreateFile">新建文件夹</a-button>
+              <a-button type="primary" @click="handleCreateModel">新建元模型</a-button>
             </template>
+          </BasicTable>
+        </Card>
+      </Col>
+    </Row>
+    <Row>
+      <Col :span="24" style="height: 800px">
+        <Card>
+          <BasicTable @register="registerTable" class="height" minheight:600px style="height: 800px">
+            <template #toolbar>
+              <a-button type="primary" @click="handleCreateFile">新建文件夹</a-button>
+              <a-button type="primary" @click="handleCreateModel">新建元模型</a-button>
             </template>
           </BasicTable>
+        </Card>
+      </Col>
+    </Row>
     <ModelModal @register="registerModal" @success="handleSuccess" />
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-import { reactive, onMounted, ref } from 'vue';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { PageWrapper } from '@/components/Page';
-import ModelTree from './ModelTree.vue';
-import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import ModelModal from './modelModal.vue';
-import { columns, searchFormSchema } from './model.data';
-import { useGo } from '@/hooks/web/usePage';
-import { useRoute, onBeforeRouteLeave } from 'vue-router';
-import { useFilterStore } from '@/store/modules/filterData';
-import { TreeData } from '@/views/metaModel/knowledgeModel/modelData';
+  import { reactive, onMounted, ref } from 'vue';
+  import { BasicTable, useTable } from '@/components/Table';
+  import { PageWrapper } from '@/components/Page';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { useModal } from '@/components/Modal';
+  import ModelModal from './modelModal.vue';
+  import { columns, searchFormSchema } from './editModel.data';
+  import { useGo } from '@/hooks/web/usePage';
+  import { useRoute, onBeforeRouteLeave } from 'vue-router';
+  import { useFilterStore } from '@/store/modules/filterData';
+  import { editTableData } from '@/views/metaModel/knowledgeModel/modelData';
+  import { Col, Row, Card } from 'ant-design-vue';
 
-defineOptions({ name: 'AccountManagement' });
-const { createMessage } = useMessage();
-const filterStore = useFilterStore();
-const route = useRoute();
-const go = useGo();
-const [registerModal, { openModal }] = useModal();
-const [registerAddUserModal, { openModal: addUserModal }] = useModal();
-const [registerMoveUser, { openModal: openMoveUserModal }] = useModal();
-const searchInfo = reactive<Recordable>({});
-const tableData = ref([]);
-const [
+  defineOptions({ name: 'AccountManagement' });
+  const { createMessage } = useMessage();
+  const filterStore = useFilterStore();
+  const route = useRoute();
+  const go = useGo();
+  const [registerModal, { openModal }] = useModal();
+  const [registerAddUserModal, { openModal: addUserModal }] = useModal();
+  const [registerMoveUser, { openModal: openMoveUserModal }] = useModal();
+  const searchInfo = reactive<Recordable>({});
+  const tableData = ref([]);
+  const [
     registerTable,
     { reload, updateTableDataRecord, getSearchInfo, getForm, getRowSelection },
-] = useTable({
+  ] = useTable({
     title: '',
     api: async (params) => {
       console.log('params:', params);
@@ -85,17 +88,16 @@ const [
     },
     rowKey: 'businessId',
     columns,
-  rowSelection: true,
+    rowSelection: false,
     formConfig: {
       labelWidth: 120,
       schemas: searchFormSchema,
       autoSubmitOnEnter: true,
-    resetFunc: () => {
-      searchInfo.modelId = '';
     },
-  },
-  useSearchForm: true,
+    useSearchForm: false,
     showTableSetting: false,
+    showIndexColumn: false,
+    pagination: false,
     bordered: true,
     handleSearchInfoFn(info) {
       return info;
@@ -105,50 +107,50 @@ const [
       title: '操作',
       dataIndex: 'action',
     },
-});
+  });
 
-/** 新增元模型*/
-function handleCreateModel() {
+  /** 新增元模型*/
+  function handleCreateModel() {
     openModal(true, {
       isUpdate: false,
     });
-}
+  }
 
-/** 新增文件夹*/
-function handleCreateFile() {
+  /** 新增文件夹*/
+  function handleCreateFile() {
     openModal(true, {
       isUpdate: false,
     });
-}
+  }
 
-/** 移动按钮*/
-function handleMove(record: Recordable) {
+  /** 移动按钮*/
+  function handleMove(record: Recordable) {
     openMoveUserModal(true, {
       record,
       isMove: true,
     });
-}
+  }
 
-/** 编辑按钮*/
-function handleEdit(record: Recordable) {
+  /** 编辑按钮*/
+  function handleEdit(record: Recordable) {
     openModal(true, {
       record,
       isUpdate: true,
     });
-}
+  }
 
-/** 删除按钮*/
-function handleDelete(record: Recordable) {
+  /** 删除按钮*/
+  function handleDelete(record: Recordable) {
     tableData.value.splice(
       tableData.value.findIndex((item) => item.businessId === record.businessId),
       1,
     );
     createMessage.success('删除成功!');
     reload();
-}
+  }
 
-/** 新增/编辑成功*/
-function handleSuccess({ isUpdate, values }) {
+  /** 新增/编辑成功*/
+  function handleSuccess({ isUpdate, values }) {
     if (isUpdate) {
       // 注意：updateTableDataRecord要求表格的rowKey属性为string并且存在于每一行的record的keys中
       //修改表单的值
@@ -158,10 +160,10 @@ function handleSuccess({ isUpdate, values }) {
       tableData.value.push(values);
       reload();
     }
-}
+  }
 
-/** 移动*/
-function handleMoveSuccess({ isMove, values }) {
+  /** 移动*/
+  function handleMoveSuccess({ isMove, values }) {
     const rowSelection = getRowSelection().selectedRowKeys;
     if (rowSelection.length > 0) {
       //批量移动
@@ -173,35 +175,22 @@ function handleMoveSuccess({ isMove, values }) {
       const result = updateTableDataRecord(values.businessId, values);
     }
     reload();
-}
+  }
 
-/** 部门树的select*/
-function handleSelect(modelId = '') {
+  /** 部门树的select*/
+  function handleSelect(modelId = '') {
     searchInfo.modelId = modelId;
     reload();
-}
+  }
 
-function handleView(record: Recordable) {
+  function handleView(record: Recordable) {
     go('/system/account_detail/' + record.id);
-}
+  }
 
-onMounted(() => {
-  tableData.value = TreeData;
-  const path = route.path;
-  if (filterStore.getSearchParams[path]) {
-    if (JSON.parse(filterStore.getSearchParams[path] !== {})) {
-      const params = JSON.parse(filterStore.getSearchParams[path]);
-      getForm().setFieldsValue({
-        page: params.page,
-        pageSize: params.pageSize,
-        username: params.username,
-        flag: params.flag,
+  onMounted(() => {
+    tableData.value = editTableData;
   });
-      searchInfo.institutionId = params.institutionId;
-    }
-  }
-});
-onBeforeRouteLeave((to, from, next) => {
+  onBeforeRouteLeave((to, from, next) => {
     const params = Object.assign({}, getSearchInfo(), getForm().getFieldsValue());
     filterStore.setSearchParams({
       path: from.path,
@@ -210,5 +199,15 @@ onBeforeRouteLeave((to, from, next) => {
       },
     });
     next(); // 允许导航
-});
+  });
 </script>
+
+<style>
+  .height {
+    .ant-table-container {
+      .ant-table-body {
+        min-height: 1000px;
+      }
+    }
+  }
+</style>