数据治理 逻辑模型-返回按钮

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

 <template>
-  <PageWrapper title="实体关系图" contentBackground headerSticky>
+  <PageWrapper title="实体关系图" contentBackground headerSticky @back="handleGoBack">
     <template #extra>
       <RadioButtonGroup v-if="!isEdit" :options="options" v-model:value="selectRadio" />
       <a-button type="primary">刷新</a-button>
@@ -23,9 +23,9 @@
   import { PageWrapper } from '@/components/Page';
   import { RadioButtonGroup } from '@/components/Form';
   import { BasicTree } from '@/components/Tree';
-  import {defineProps, ref} from 'vue';
+  import { defineProps, ref } from 'vue';
   import { chartTreeData } from './chart.data';
-  import {useRoute} from "vue-router";
+  import { useRoute, useRouter } from 'vue-router';
 
   // const options = [
   //   {
@@ -39,9 +39,14 @@
   // ];
 
   const route = useRoute();
+  const router = useRouter();
   const isEdit = route.query.isEdit;
   const selectRadio = ref('全部实体');
   const options = ['全部实体', '当前模型实体'];
+
+  function handleGoBack() {
+    router.go(-1);
+  }
 </script>
 
 <style scoped>

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

 <template>
-  <PageWrapper :title="infoData.name" contentBackground headerSticky>
+  <PageWrapper :title="infoData.name" contentBackground headerSticky @back="handleGoBack">
     <template #extra>
       <a-button v-if="!isEdit" type="primary" @click="handleEdit">编辑</a-button>
       <a-button v-if="isEdit" type="primary" @click="handleSubmit">保存</a-button>
@@ -47,19 +47,20 @@
 
 <script lang="ts" setup>
   import { PageWrapper } from '@/components/Page';
-  import { useRoute } from 'vue-router';
+  import { useRoute, useRouter } from 'vue-router';
   import Property from './propertyTabel.vue';
   import EntityConnection from './entityConnectionTable.vue';
   import BasicForm from '@/components/Form/src/BasicForm.vue';
   import { useForm } from '@/components/Form';
-  import { TreeSelect } from 'ant-design-vue';
-  import { Descriptions } from 'ant-design-vue';
+  import { TreeSelect, Descriptions } from 'ant-design-vue';
   import {
     entityFormSchema,
     treeData,
   } from '@/views/dataWarehousePlanning/logicalModel/modelDetail/entityDetail/enetity.data';
   import { onMounted, ref } from 'vue';
 
+  const router = useRouter();
+
   const route = useRoute();
   let infoData = route.query;
   const isEdit = ref(false);
@@ -75,6 +76,10 @@
   function handleCancel() {
     isEdit.value = false;
   }
+
+  function handleGoBack() {
+    router.go(-1);
+  }
   //初始化表单
   const [registerForm, { setFieldsValue, getFieldsValue, updateSchema, resetFields, validate }] =
     useForm({

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

 <template>
-  <PageWrapper :title="modelName" contentBackground headerSticky>
+  <PageWrapper :title="modelName" contentBackground headerSticky @back="handleGoBack">
     <template #extra>
       <a-button type="primary" v-if="!editFlag" :disabled="!info" @click="handleTurnModel"
         >转物理模型</a-button
@@ -14,7 +14,9 @@
       <a-button type="primary" v-if="editFlag" @click="handleWaitUpload">{{
         isUpload ? '取消待发布' : '设为待发布'
       }}</a-button>
-      <a-button type="primary" v-if="editFlag" :disabled="!isUpload" @click="handleUpload">发布</a-button>
+      <a-button type="primary" v-if="editFlag" :disabled="!isUpload" @click="handleUpload"
+        >发布</a-button
+      >
       <a-button type="primary" v-if="editFlag" @click="handleSave">保存</a-button>
       <a-button type="primary" v-if="editFlag" @click="handleCancel">取消</a-button>
     </template>
@@ -123,6 +125,7 @@
   import VersionDetailModel from './versionModel.vue';
   import { useMessage } from '@/hooks/web/useMessage';
 
+  const router = useRouter();
   const { createMessage, createConfirm } = useMessage();
   const [turnPhysicalModal, { openModal: turnPhysical }] = useModal();
   const [versionDetailModal, { openModal: versionDetail }] = useModal();
@@ -316,6 +319,9 @@
   }
   // 回退
   function handleBack() {}
+  function handleGoBack() {
+    router.go(-1);
+  }
   // 退出查看
   function handleExitLook() {
     setVersionFlag(false);

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

 <template>
-  <PageWrapper title="版本对比" contentBackground headerSticky>
+  <PageWrapper title="版本对比" contentBackground fixedHeight>
     <template #extra>
       <a-button type="primary" @click="handleCancel">取消对比</a-button>
       <a-button type="primary" @click="handleExit">退出对比</a-button>

src/views/dataWarehousePlanning/logicalModel/versionManage/index.vue

 <template>
-  <div>
+  <PageWrapper dense title="物理模型转换记录" contentBackground headerSticky @back="handleGoBack">
     <BasicTable @register="registerTable" :searchInfo="searchInfo">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
@@ -15,12 +15,12 @@
       </template>
     </BasicTable>
     <VersionDetail @register="versionDetailModal" @success="" />
-  </div>
+  </PageWrapper>
 </template>
 <script lang="ts" setup>
   import { reactive, onMounted, ref } from 'vue';
   import { BasicTable, useTable, TableAction } from '@/components/Table';
-  import { useRoute, onBeforeRouteLeave } from 'vue-router';
+  import { useRoute, onBeforeRouteLeave, useRouter } from 'vue-router';
   import { useFilterStore } from '@/store/modules/filterData';
   import { TreeData } from '@/views/dataWarehousePlanning/logicalModel/modelData';
   import { useModal } from '@/components/Modal';
@@ -30,14 +30,16 @@
   } from '@/views/dataWarehousePlanning/logicalModel/versionManage/version.data';
   import { versionData } from '@/views/dataWarehousePlanning/logicalModel/versionManage/versionData';
   import VersionDetail from './versionDetailModel.vue';
+  import PageWrapper from '@/components/Page/src/PageWrapper.vue';
 
+  const router = useRouter();
   defineOptions({ name: 'AccountManagement' });
   const filterStore = useFilterStore();
   const route = useRoute();
   const searchInfo = reactive<Recordable>({});
   const tableData = ref([]);
   // 模态框
-  const [ versionDetailModal, { openModal }] = useModal();
+  const [versionDetailModal, { openModal }] = useModal();
   // 版本详情
   function handleVersionDetailModel(record: RecordType) {
     openModal(true, {
@@ -87,6 +89,10 @@
     },
   });
 
+  function handleGoBack() {
+    router.go(-1);
+  }
+
   onMounted(() => {
     tableData.value = TreeData;
     const path = route.path;