物理模型页面

src/views/metaModel/physicsModel/AreaTable.vue

@@ -2,7 +2,10 @@
     <BasicTable @register="registerTable4" class="height">
       <template #toolbar>
         <a-input style="width: 200px;margin-right: auto" default-value="分区信息" allowClear></a-input>
-        <a-button type="primary" @click="handleCreateFile">展示</a-button>
+        <Radio.Group v-model:value="show">
+          <Radio.Button value="true">展示</Radio.Button>
+          <Radio.Button value="false">不展示</Radio.Button>
+        </Radio.Group>
         <a-button type="primary" @click="addProperty()">添加属性</a-button>
       </template>
       <template #bodyCell="{ column, record }">
@@ -27,19 +30,14 @@
 <script lang="ts" setup>
 import { reactive,unref,onDeactivated,onMounted,ref } from 'vue';
 import { BasicTable, useTable, TableAction } from '@/components/Table';
-import {getAccountList, deleteUser,exportUserList} from '@/api/system/user/user';
-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 './editModel.data';
 import { useGo } from '@/hooks/web/usePage';
 import { useRoute,onBeforeRouteLeave } from 'vue-router';
 import { useFilterStore } from '@/store/modules/filterData';
-import {editTableData,editBucketData,editAreaData,editColumnData} from "@/views/metaModel/physicsModel/modelData";
-import {router} from "@/router";
-import AddTypeModal from './addTypeModal.vue';
+import {editAreaData} from "@/views/metaModel/physicsModel/modelData";
+import { Button, Radio } from 'ant-design-vue';
 
 defineOptions({ name: 'AccountManagement' });
 const { createMessage } = useMessage();
@@ -51,10 +49,10 @@ const [registerAddUserModal, { openModal:addUserModal }] = useModal();
 const [registerMoveUser, { openModal: openMoveUserModal }] = useModal();
 const searchInfo = reactive<Recordable>({});
 const areaTableData = ref([])
-  const [registerTable4, { reload, updateTableDataRecord4, getSearchInfo4,getForm4,getRowSelection4 }] = useTable({
+const show = ref(true); // 默认展示内容
+  const [registerTable4, { reload }] = useTable({
     title: '',
     api: async (params) => {
-      console.log('params:',params)
       const response = {
         pageNu: "1",
         pageSize: "10",
@@ -64,27 +62,16 @@ const areaTableData = ref([])
         message:'',
         data: [],
       };
-      //过滤data中的数据，取出等于params.deptId的数据
-      var data = []
       //按照部门筛选 如果有进行过滤相应部门的  没有就赋值全部
       var data = [];
       data = areaTableData.value.filter((item) => item.businessId !== 100);
       return { ...response, data: data };
     },
     columns,
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
-      autoSubmitOnEnter: true,
-    },
-    useSearchForm: false,
     showTableSetting: false,
     showIndexColumn: false,
     pagination: false,
     bordered: true,
-    handleSearchInfoFn(info) {
-      return info;
-    },
     actionColumn: {
       width: 150,
       title: '操作',
@@ -92,58 +79,14 @@ const areaTableData = ref([])
     },
   });
 
-/** 新增元模型*/
-function handleCreateModel() {
-  openModal(true, {
-    isUpdate: false,
-  });
-}
-
-/** 新增文件夹*/
-function handleCreateFile() {
-  openModal(true, {
-    isUpdate: false,
-  });
-}
-
-/** 编辑按钮*/
-function handleEdit(record: Recordable) {
-  openModal(true, {
-    record,
-    isUpdate: true,
-  });
-}
-
-/** 保存*/
-function save() {
-  createMessage.success('保存成功!')
-}
-
-/** 添加类别*/
-function handleCreateType() {
-  openModal(true, {
-
-  });
-}
-
-/** 取消*/
-function cancel() {
-  go('/metaModel/physicsModel/index');
-}
 
 /** 删除按钮*/
 function handleDelete(record: Recordable) {
   createMessage.success('删除成功!');
 }
 
-
-/** 新增/编辑成功*/
-function handleSuccess({ isUpdate, values }) {
-
-}
-
 /**新增属性*/
-function addProperty(type) {
+function addProperty() {
     const data = {
       "businessId" : '',
       "name" : "",
@@ -154,12 +97,13 @@ function addProperty(type) {
       "type": '1',
     }
   areaTableData.value.push(data)
-    reload()
+  reload()
 }
 
 onMounted(() => {
   areaTableData.value = editAreaData
 });
+
 // 页面左侧点击返回链接时的操作
 function goBack() {
   // 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页

src/views/metaModel/physicsModel/BucketTable.vue

@@ -2,7 +2,10 @@
     <BasicTable @register="registerTable4" class="height">
       <template #toolbar>
         <a-input style="width: 200px;margin-right: auto" default-value="分桶信息" allowClear></a-input>
-        <a-button type="primary" @click="handleCreateFile">展示</a-button>
+        <Radio.Group v-model:value="show">
+          <Radio.Button value="true">展示</Radio.Button>
+          <Radio.Button value="false">不展示</Radio.Button>
+        </Radio.Group>
         <a-button type="primary" @click="addProperty()">添加属性</a-button>
       </template>
       <template #bodyCell="{ column, record }">
@@ -27,19 +30,14 @@
 <script lang="ts" setup>
 import { reactive,unref,onDeactivated,onMounted,ref } from 'vue';
 import { BasicTable, useTable, TableAction } from '@/components/Table';
-import {getAccountList, deleteUser,exportUserList} from '@/api/system/user/user';
-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 './editModel.data';
 import { useGo } from '@/hooks/web/usePage';
 import { useRoute,onBeforeRouteLeave } from 'vue-router';
 import { useFilterStore } from '@/store/modules/filterData';
-import {editTableData,editBucketData,editAreaData,editColumnData} from "@/views/metaModel/physicsModel/modelData";
-import {router} from "@/router";
-import AddTypeModal from './addTypeModal.vue';
+import {editBucketData} from "@/views/metaModel/physicsModel/modelData";
+import { Button, Radio } from 'ant-design-vue';
 
 defineOptions({ name: 'AccountManagement' });
 const { createMessage } = useMessage();
@@ -51,10 +49,10 @@ const [registerAddUserModal, { openModal:addUserModal }] = useModal();
 const [registerMoveUser, { openModal: openMoveUserModal }] = useModal();
 const searchInfo = reactive<Recordable>({});
 const bucketTableData = ref([])
-  const [registerTable4, { reload, updateTableDataRecord4, getSearchInfo4,getForm4,getRowSelection4 }] = useTable({
+const show = ref(true); // 默认展示内容
+  const [registerTable4, { reload }] = useTable({
     title: '',
     api: async (params) => {
-      console.log('params:',params)
       const response = {
         pageNu: "1",
         pageSize: "10",
@@ -64,27 +62,16 @@ const bucketTableData = ref([])
         message:'',
         data: [],
       };
-      //过滤data中的数据，取出等于params.deptId的数据
       var data = []
       //按照部门筛选 如果有进行过滤相应部门的  没有就赋值全部
-      var data = [];
       data = bucketTableData.value.filter((item) => item.businessId !== 100);
       return { ...response, data: data };
     },
     columns,
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
-      autoSubmitOnEnter: true,
-    },
-    useSearchForm: false,
     showTableSetting: false,
     showIndexColumn: false,
     pagination: false,
     bordered: true,
-    handleSearchInfoFn(info) {
-      return info;
-    },
     actionColumn: {
       width: 150,
       title: '操作',
@@ -92,44 +79,6 @@ const bucketTableData = ref([])
     },
   });
 
-/** 新增元模型*/
-function handleCreateModel() {
-  openModal(true, {
-    isUpdate: false,
-  });
-}
-
-/** 新增文件夹*/
-function handleCreateFile() {
-  openModal(true, {
-    isUpdate: false,
-  });
-}
-
-/** 编辑按钮*/
-function handleEdit(record: Recordable) {
-  openModal(true, {
-    record,
-    isUpdate: true,
-  });
-}
-
-/** 保存*/
-function save() {
-  createMessage.success('保存成功!')
-}
-
-/** 添加类别*/
-function handleCreateType() {
-  openModal(true, {
-
-  });
-}
-
-/** 取消*/
-function cancel() {
-  go('/metaModel/physicsModel/index');
-}
 
 /** 删除按钮*/
 function handleDelete(record: Recordable) {
@@ -137,13 +86,8 @@ function handleDelete(record: Recordable) {
 }
 
 
-/** 新增/编辑成功*/
-function handleSuccess({ isUpdate, values }) {
-
-}
-
 /**新增属性*/
-function addProperty(type) {
+function addProperty() {
     const data = {
       "businessId" : '',
       "name" : "",
@@ -154,12 +98,13 @@ function addProperty(type) {
       "type": '1',
     }
   bucketTableData.value.push(data)
-    reload()
+  reload()
 }
 
 onMounted(() => {
   bucketTableData.value = editBucketData
 });
+
 // 页面左侧点击返回链接时的操作
 function goBack() {
   // 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页

src/views/metaModel/physicsModel/ColumnTable.vue

@@ -2,7 +2,10 @@
     <BasicTable @register="registerTable4" class="height">
       <template #toolbar>
         <a-input style="width: 200px;margin-right: auto" default-value="列信息" allowClear></a-input>
-        <a-button type="primary" @click="handleCreateFile">展示</a-button>
+        <Radio.Group v-model:value="show">
+          <Radio.Button value="true">展示</Radio.Button>
+          <Radio.Button value="false">不展示</Radio.Button>
+        </Radio.Group>
         <a-button type="primary" @click="addProperty()">添加属性</a-button>
       </template>
       <template #bodyCell="{ column, record }">
@@ -27,20 +30,14 @@
 <script lang="ts" setup>
 import { reactive,unref,onDeactivated,onMounted,ref } from 'vue';
 import { BasicTable, useTable, TableAction } from '@/components/Table';
-import {getAccountList, deleteUser,exportUserList} from '@/api/system/user/user';
-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 './editModel.data';
 import { useGo } from '@/hooks/web/usePage';
 import { useRoute,onBeforeRouteLeave } from 'vue-router';
 import { useFilterStore } from '@/store/modules/filterData';
-import {editTableData,editBucketData,editAreaData,editColumnData} from "@/views/metaModel/physicsModel/modelData";
-import {router} from "@/router";
-import AddTypeModal from './addTypeModal.vue';
-
+import {editColumnData} from "@/views/metaModel/physicsModel/modelData";
+import { Button, Radio } from 'ant-design-vue';
 defineOptions({ name: 'AccountManagement' });
 const { createMessage } = useMessage();
 const filterStore = useFilterStore();
@@ -50,14 +47,11 @@ const [registerModal, { openModal }] = useModal();
 const [registerAddUserModal, { openModal:addUserModal }] = useModal();
 const [registerMoveUser, { openModal: openMoveUserModal }] = useModal();
 const searchInfo = reactive<Recordable>({});
-const tableData = ref([])
-const bucketTableData = ref([])
-const areaTableData = ref([])
 const columnTableData = ref([])
-  const [registerTable4, { reload, updateTableDataRecord4, getSearchInfo4,getForm4,getRowSelection4 }] = useTable({
+const show = ref(true); // 默认展示内容
+  const [registerTable4, { reload }] = useTable({
     title: '',
     api: async (params) => {
-      console.log('params:',params)
       const response = {
         pageNu: "1",
         pageSize: "10",
@@ -67,27 +61,16 @@ const columnTableData = ref([])
         message:'',
         data: [],
       };
-      //过滤data中的数据，取出等于params.deptId的数据
-      var data = []
       //按照部门筛选 如果有进行过滤相应部门的  没有就赋值全部
       var data = [];
       data = columnTableData.value.filter((item) => item.businessId !== 100);
       return { ...response, data: data };
     },
     columns,
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
-      autoSubmitOnEnter: true,
-    },
-    useSearchForm: false,
     showTableSetting: false,
     showIndexColumn: false,
     pagination: false,
     bordered: true,
-    handleSearchInfoFn(info) {
-      return info;
-    },
     actionColumn: {
       width: 150,
       title: '操作',
@@ -136,7 +119,6 @@ function cancel() {
 
 /** 删除按钮*/
 function handleDelete(record: Recordable) {
-  tableData.value.splice(tableData.value.findIndex(item => item.businessId === record.businessId), 1);
   createMessage.success('删除成功!');
 }
 
@@ -147,7 +129,7 @@ function handleSuccess({ isUpdate, values }) {
 }
 
 /**新增属性*/
-function addProperty(type) {
+function addProperty() {
     const data = {
       "businessId" : '',
       "name" : "",

src/views/metaModel/physicsModel/EditRowTable.vue

@@ -18,7 +18,7 @@
         </div>
       </div>
     </template>
-    <Table @register="registerTableModal" @success="handleSuccess" />
+    <Table @register="registerTableModal" @success="handleSuccess"/>
     <AreaTable @register="registerAreaTableModal" @success="handleSuccess" />
     <ColumnTable @register="registerColumnTableModal" @success="handleSuccess" />
     <BucketTable @register="registerBucketTableModal" @success="handleSuccess" />
@@ -125,7 +125,7 @@ function goBack() {
 .height {
   .ant-table-container {
     .ant-table-body {
-      min-height: 800px;
+      min-height: 600px;
     }
   }
 }

src/views/metaModel/physicsModel/Table.vue

@@ -2,7 +2,10 @@
     <BasicTable @register="registerTable4" class="height">
       <template #toolbar>
         <a-input style="width: 200px;margin-right: auto" default-value="表信息" allowClear></a-input>
-        <a-button type="primary" @click="handleCreateFile">展示</a-button>
+        <Radio.Group v-model="show">
+          <Radio.Button value="true" >展示</Radio.Button>
+          <Radio.Button value="false">不展示</Radio.Button>
+        </Radio.Group>
         <a-button type="primary" @click="addProperty()">添加属性</a-button>
       </template>
       <template #bodyCell="{ column, record }">
@@ -27,20 +30,14 @@
 <script lang="ts" setup>
 import { reactive,unref,onDeactivated,onMounted,ref } from 'vue';
 import { BasicTable, useTable, TableAction } from '@/components/Table';
-import {getAccountList, deleteUser,exportUserList} from '@/api/system/user/user';
-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 './editModel.data';
 import { useGo } from '@/hooks/web/usePage';
 import { useRoute,onBeforeRouteLeave } from 'vue-router';
 import { useFilterStore } from '@/store/modules/filterData';
-import {editTableData,editBucketData,editAreaData,editColumnData} from "@/views/metaModel/physicsModel/modelData";
-import {router} from "@/router";
-import AddTypeModal from './addTypeModal.vue';
-
+import {editTableData} from "@/views/metaModel/physicsModel/modelData";
+import { Button, Radio } from 'ant-design-vue';
 defineOptions({ name: 'AccountManagement' });
 const { createMessage } = useMessage();
 const filterStore = useFilterStore();
@@ -51,10 +48,10 @@ const [registerAddUserModal, { openModal:addUserModal }] = useModal();
 const [registerMoveUser, { openModal: openMoveUserModal }] = useModal();
 const searchInfo = reactive<Recordable>({});
 const tableData = ref([])
-  const [registerTable4, { reload, updateTableDataRecord4, getSearchInfo4,getForm4,getRowSelection4 }] = useTable({
+const show = ref(true); // 默认展示内容
+  const [registerTable4, { reload }] = useTable({
     title: '',
     api: async (params) => {
-      console.log('params:',params)
       const response = {
         pageNu: "1",
         pageSize: "10",
@@ -64,27 +61,16 @@ const tableData = ref([])
         message:'',
         data: [],
       };
-      //过滤data中的数据，取出等于params.deptId的数据
-      var data = []
       //按照部门筛选 如果有进行过滤相应部门的  没有就赋值全部
       var data = [];
       data = tableData.value.filter((item) => item.businessId !== 100);
       return { ...response, data: data };
     },
     columns,
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
-      autoSubmitOnEnter: true,
-    },
-    useSearchForm: false,
     showTableSetting: false,
     showIndexColumn: false,
     pagination: false,
     bordered: true,
-    handleSearchInfoFn(info) {
-      return info;
-    },
     actionColumn: {
       width: 150,
       title: '操作',
@@ -92,59 +78,14 @@ const tableData = ref([])
     },
   });
 
-/** 新增元模型*/
-function handleCreateModel() {
-  openModal(true, {
-    isUpdate: false,
-  });
-}
-
-/** 新增文件夹*/
-function handleCreateFile() {
-  openModal(true, {
-    isUpdate: false,
-  });
-}
-
-/** 编辑按钮*/
-function handleEdit(record: Recordable) {
-  openModal(true, {
-    record,
-    isUpdate: true,
-  });
-}
-
-/** 保存*/
-function save() {
-  createMessage.success('保存成功!')
-}
-
-/** 添加类别*/
-function handleCreateType() {
-  openModal(true, {
-
-  });
-}
-
-/** 取消*/
-function cancel() {
-  go('/metaModel/physicsModel/index');
-}
-
 /** 删除按钮*/
 function handleDelete(record: Recordable) {
-  tableData.value.splice(tableData.value.findIndex(item => item.businessId === record.businessId), 1);
   createMessage.success('删除成功!');
 }
 
 
-/** 新增/编辑成功*/
-function handleSuccess({ isUpdate, values }) {
-
-}
-
 /**新增属性*/
-function addProperty(type) {
+function addProperty() {
     const data = {
       "businessId" : '',
       "name" : "",
@@ -155,7 +96,7 @@ function addProperty(type) {
       "type": '1',
     }
   tableData.value.push(data)
-    reload()
+  reload()
 }
 
 onMounted(() => {
@@ -166,4 +107,5 @@ function goBack() {
   // 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页
   go('/metaModel/physicsModel/index');
 }
+
 </script>