修改菜单切换问题

lihua
Showing 6 changed files with 58 additions and 18 deletions
src/api/modules/dataDelivery.ts
src/router/modules/dataDelivery.ts
src/router/modules/dataSmartContract.ts
src/views/data_asset/registerCatalogDetail.vue
src/views/data_service/detail_serviceApi.vue
src/views/homeIndex.vue
--- a/src/api/modules/dataDelivery.ts
View file @ae32401
+++ b/src/api/modules/dataDelivery.ts
View file @ae32401
@@ -72,3 +72,9 @@ export const distributeContract = (params) => request({
  method: 'post',
  data: params
 })
+/** 获取数据使用对应的策略信息 */
+export const getContractStrategy = (useGuid ) => request({
+  url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/contract-use/get-policy?useGuid=${useGuid}`,
+  method: 'get'
+});
\ No newline at end of file
--- a/src/router/modules/dataDelivery.ts
View file @ae32401
+++ b/src/router/modules/dataDelivery.ts
View file @ae32401
@@ -5,7 +5,7 @@ function Layout() {
 const routes: RouteRecordRaw[] = [
  {
-    path: '/data-asset/data-delivery',
+    path: '/data-delivery/delivery-manage',
    component: Layout,
    meta: {
      title: '数据交付',
@@ -26,7 +26,7 @@ const routes: RouteRecordRaw[] = [
    ],
  },
  {
-    path: '/data-asset/data-usage',
+    path: '/data-use/usage-manage',
    component: Layout,
    meta: {
      title: '数据使用',
@@ -80,11 +80,16 @@ const routes: RouteRecordRaw[] = [
        name: 'usageApiDetail',
        component: () => import('@/views/data_service/detail_serviceApi.vue'),
        meta: {
-          title: '详情-',
+          title: 'API详情-',
          sidebar: false,
          breadcrumb: false,
          cache: true,
          reuse: true
+        },
+        beforeEnter: (to, from) => {
+          if (to.query.guid) {
+            to.meta.title = `API详情-${to.query.apiName}`;
+          }
        }
      },
      {
--- a/src/router/modules/dataSmartContract.ts
View file @ae32401
+++ b/src/router/modules/dataSmartContract.ts
View file @ae32401
@@ -4,7 +4,7 @@ function Layout() {
 }
 const routes: RouteRecordRaw[] = [
  {
-    path: '/data-smart-contract/strategy-management',
+    path: '/data-smart-contract-common/strategy-management',
    component: Layout,
    meta: {
      title: '策略管理',
@@ -24,7 +24,7 @@ const routes: RouteRecordRaw[] = [
    }]
  },
  {
-    path: '/data-smart-contract/contract-template',
+    path: '/data-smart-contract-common/contract-template',
    component: Layout,
    meta: {
      title: '合约模板',
@@ -138,7 +138,7 @@ const routes: RouteRecordRaw[] = [
    }]
  },
  {
-    path: '/data-smart-contract/contract-log-manage',
+    path: '/data-smart-contract-common/contract-log-manage',
    component: Layout,
    meta: {
      title: '合约日志管理',
@@ -158,7 +158,7 @@ const routes: RouteRecordRaw[] = [
    }]
  },
  {
-    path: '/data-smart-contract/exec-cnt-index',
+    path: '/data-smart-contract-common/exec-cnt-index',
    component: Layout,
    meta: {
      title: '合约履行监测',
@@ -178,7 +178,7 @@ const routes: RouteRecordRaw[] = [
    }]
  },
  {
-    path: '/data-smart-contract/action-log-manage',
+    path: '/data-smart-contract-common/action-log-manage',
    component: Layout,
    meta: {
      title: '日志管理',
--- a/src/views/data_asset/registerCatalogDetail.vue
View file @ae32401
+++ b/src/views/data_asset/registerCatalogDetail.vue
View file @ae32401
@@ -31,7 +31,8 @@ import useDataAssetStore from "@/store/modules/dataAsset";
 import { TableColumnWidth } from '@/utils/enum';
 import {
  downloadTableData,
-  downloadTableDataCheck
+  downloadTableDataCheck,
+  getContractStrategy
 } from "@/api/modules/dataDelivery";
 import StrategyTable from '../data_smart_contract/components/strategyTable.vue';
@@ -382,7 +383,18 @@ onBeforeMount(() => {
  if (!assetStore.isRefreshDamCatalog) {
    getDetailInfo();
  }
+  if (route.query.useGuid) {
+    strategyContentLoading.value = true;
+    getContractStrategy(route.query.useGuid).then((res: any) => {
+      strategyContentLoading.value = false;
+      if (res?.code == proxy.$passCode) {
+        strategyDetail.value = res.data || [];
+      } else {
+        strategyDetail.value = [];
+        res?.msg && proxy.$ElMessage.error(res.msg);
+      }
+    })
+  }
 });
 onActivated(() => {
--- a/src/views/data_service/detail_serviceApi.vue
View file @ae32401
+++ b/src/views/data_service/detail_serviceApi.vue
View file @ae32401
@@ -30,6 +30,7 @@ const detailInfo: any = ref({});
 const apiType = ref('1');// 单表API.
 const sql = ref('');
 const processDTOSValue = ref([]);
+const fullPath = route.fullPath;
 onBeforeMount(() => {
  if (route.query.guid) {
@@ -277,8 +278,8 @@ const responseParamsTableInfo = ref({
 const sortParamsTableInfo = ref({
  id: "sort-params-table",
  height: 'auto',
-  minHeight: '100px',
+  minHeight: '60px',
-  minPanelHeight: '100px',
+  minPanelHeight: '60px',
  fields: [
    { label: "序号", type: "index", width: TableColumnWidth.INDEX, align: "center" },
    { label: "参数名", field: "paramName", width: 160 },
@@ -305,6 +306,16 @@ const cancel = () => {
  });
 }
+onActivated(() => {
+  if (fullPath === route.fullPath) {
+    document.title = `API详情-${route.query.apiName}`;
+    let tab: any = userStore.tabbar.find((tab: any) => tab.fullPath === fullPath);
+    if (tab) {
+      tab.meta.title = `API详情-${route.query.apiName}`;
+    }
+  }
+})
 </script>
 <template>
@@ -439,7 +450,7 @@ const cancel = () => {
    </ContentWrap> -->
    </div>
-    <div class="tool_btns">
+    <div class="tool_btns" v-show="!route.fullPath?.includes('usage-api-detail')">
      <div class="btns">
        <el-button :plain="true" @click="cancel">{{ '关闭' }}</el-button>
      </div>
--- a/src/views/homeIndex.vue
View file @ae32401
+++ b/src/views/homeIndex.vue
View file @ae32401
@@ -24,7 +24,7 @@ const click = (command) => {
      url = '/data-asset/register-catalog'
      break;
    case 'log':
-      url = '/data-smart-contract/contract-log-manage';
+      url = '/data-smart-contract-common/contract-log-manage';
      break;
    case 'API':
      url = '/data-service/api-management';
@@ -33,7 +33,13 @@ const click = (command) => {
      url = '/data-product/data-catalog-sort';
      break;
    case 'dataStrategy':
-      url = '/data-smart-contract/strategy-management';
+      url = '/data-smart-contract-common/strategy-management';
+      break;
+    case 'delivery':
+      url = '/data-delivery/delivery-manage';
+      break;
+    case 'usage':
+      url = '/data-use/usage-manage';
      break;
  }
  router.push({
@@ -66,7 +72,7 @@ const click = (command) => {
        <div class="right-main">
          <div class="menu-title">3、数据使用</div>
          <div class="desc">提供使用数据的软硬件环境，支持数据使用方按照数字合约要求，通过算法或应用使用数据提供方交付的数据产品。</div>
-          <div class="sub-row">
+          <div class="sub-row" @click="click('dataProduct')">
            <div style="display: flex;align-items: center;">
              <div class="menu-title">数据集</div>
              <div class="sub-desc">如果您使用的数据产品是数据集，且是直接使用或查询数据</div>
@@ -119,12 +125,12 @@ const click = (command) => {
          <div class="menu-title">4、数字合约</div>
          <div class="desc">支持数据提供方、数据使用方进行合约创建、合约协商以及合约履行的操作。</div>
        </div>
-        <div class="chunk-per">
+        <div class="chunk-per" @click="click('delivery')">
          <div class="img dataDelivery"></div>
          <div class="menu-title">5、数据交付</div>
          <div class="desc">按照数字合约要求交付原始数据、脱敏后数据或计算结果数据等。</div>
        </div>
-        <div class="chunk-per">
+        <div class="chunk-per" @click="click('usage')">
          <div class="img dataControl"></div>
          <div class="menu-title">6、数据使用控制</div>
          <div class="desc">提供使用数据的软硬件环境，支持数据使用方按照数字合约要求，通过算法或应用使用数据提供方交付的数据产品。</div>