逻辑模型设计-ER图-修改

src/views/dataWarehousePlanning/logicalModel/modelDetail/ERchart/index.vue

 <template>
   <PageWrapper title="实体关系图" contentBackground headerSticky>
     <template #extra>
-      <RadioButtonGroup :options="options" v-model:value="selectRadio" />
+      <RadioButtonGroup v-if="!isEdit" :options="options" v-model:value="selectRadio" />
       <a-button type="primary">刷新</a-button>
       <a-button type="primary">全屏</a-button>
+      <a-button type="primary" v-if="isEdit">保存坐标</a-button>
     </template>
     <template #footer>
       <div style="display: flex">
@@ -22,8 +23,9 @@
   import { PageWrapper } from '@/components/Page';
   import { RadioButtonGroup } from '@/components/Form';
   import { BasicTree } from '@/components/Tree';
-  import { ref } from 'vue';
+  import {defineProps, ref} from 'vue';
   import { chartTreeData } from './chart.data';
+  import {useRoute} from "vue-router";
 
   // const options = [
   //   {
@@ -35,6 +37,9 @@
   //     value: '当前模型实体',
   //   },
   // ];
+
+  const route = useRoute();
+  const isEdit = route.query.isEdit;
   const selectRadio = ref('全部实体');
   const options = ['全部实体', '当前模型实体'];
 </script>

src/views/dataWarehousePlanning/logicalModel/modelDetail/entityTable.vue

@@ -4,7 +4,13 @@
     <BasicTable @register="registerTable" :searchInfo="searchInfo">
       <template #toolbar>
         <a-button type="primary" v-if="editFlag" @click="handleChart">编辑ER图</a-button>
-        <a-button type="primary" :disabled="getRowSelection().selectedRowKeys <=0" v-if="editFlag" @click="handleDelete">批量删除</a-button>
+        <a-button
+          type="primary"
+          :disabled="getRowSelection().selectedRowKeys <= 0"
+          v-if="editFlag"
+          @click="handleDelete"
+          >批量删除</a-button
+        >
         <a-button type="primary" v-if="editFlag" @click="handleEntityModel">新建实体</a-button>
       </template>
       <template #bodyCell="{ column, record }">
@@ -45,7 +51,7 @@
 <script lang="ts" setup>
   import { reactive, onMounted, ref, defineProps } from 'vue';
   import { BasicTable, useTable, TableAction } from '@/components/Table';
-  import {useRoute, onBeforeRouteLeave, useRouter} from 'vue-router';
+  import { useRoute, onBeforeRouteLeave, useRouter } from 'vue-router';
   import { entityColumns, entityFormSchema } from './model.data';
   import { useFilterStore } from '@/store/modules/filterData';
   import { TreeData } from '@/views/dataWarehousePlanning/logicalModel/modelData';
@@ -53,6 +59,7 @@
   import EntityModel from './entityModel.vue';
   import { useModal } from '@/components/Modal';
   import { useMessage } from '@/hooks/web/useMessage';
+
   const { push } = useRouter();
 
   defineOptions({ name: 'AccountManagement' });
@@ -153,6 +160,9 @@
   function handleChart() {
     push({
       path: '/dataWarehousePlanning/logicalModel/ERchart',
+      query: {
+        isEdit: true,
+      },
     });
   }
 

src/views/dataWarehousePlanning/logicalModel/modelDetail/versionComparison/index.vue

@@ -26,8 +26,8 @@
 </template>
 
 <script lang="ts" setup>
-  import { reactive, onMounted, ref, nextTick } from 'vue';
-  import { Descriptions, Tabs, Select } from 'ant-design-vue';
+  import { reactive, ref } from 'vue';
+  import { Select } from 'ant-design-vue';
   import { PageWrapper } from '@/components/Page';
   import Detail from './detail.vue';
   import { useRouter } from 'vue-router';