新建数据集

@@ -401,3 +401,10 @@ export const getSankeyData = (guid) =>  request({
   url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/sankey-data?metaStandardGuid=${guid}`,
   url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/sankey-data?metaStandardGuid=${guid}`,
   method: 'get'
   method: 'get'
 })
 })
+
+/** 数仓目录树列表查询 */
+export const getDataWareCatalogList = (params) => request({
+    url: `${import.meta.env.VITE_APP_DATA_DELIVERY}delivery/ms-daop-data-plan-service/data-catalog-directory/tree-list`,
+    method: 'post',
+    data: params
+})
\ No newline at end of file

@@ -9,6 +9,7 @@ import Sankey from './components/Sankey.vue';
 import Tree from '@/components/Tree/index.vue';
 import Tree from '@/components/Tree/index.vue';
 import RelationNetwork from '@/components/RelationNetwork/index.vue';
 import RelationNetwork from '@/components/RelationNetwork/index.vue';
 import {
 import {
+  getDataWareCatalogList,
   getMetaStandardTreeList,
   getMetaStandardTreeList,
   getMetaStandardField,
   getMetaStandardField,
   getSankeyData
   getSankeyData
@@ -17,6 +18,10 @@ import { useRouter, useRoute } from "vue-router";
 import useDataMetaStore from "@/store/modules/dataMeta"
 import useDataMetaStore from "@/store/modules/dataMeta"
 import { cloneDeep } from 'lodash-es';
 import { cloneDeep } from 'lodash-es';
 
 
+import { useValidator } from '@/hooks/useValidator';
+
+const { required } = useValidator();
+
 const router = useRouter();
 const router = useRouter();
 const route = useRoute()
 const route = useRoute()
 
 
@@ -200,15 +205,113 @@ const handleNodeItemClick = (graph, nodeItem) => {
   })
   })
 }
 }
 
 
-const handleContextMenu = (nodeData) => {
-  //TODO，新建引用数据集
-  window.open('');
+const handleContextMenu = (model) => {
+  if (model.isHaveData == 'N') {
+    ElMessage.warning('当前标准下无字段，请先添加字段');
+    return;
+  }
+  contextNodeData.value = model;
+  dialogInfo.value.visible = true;
+  formItems.value[0].default = '';
+  getDataWareCatalogList({}).then((res: any) => {
+    if (res?.code == proxy.$passCode) {
+      dataCatalogList.value = res.data || [];
+      formItems.value[0].options = dataCatalogList.value;
+    } else {
+      ElMessage.error(res.msg);
+    }
+  })
 }
 }
 
 
 onBeforeUnmount(() => {
 onBeforeUnmount(() => {
   relationNetworkRef.value.destroy();
   relationNetworkRef.value.destroy();
 })
 })
 
 
+/** 数仓目录树形列表 */
+const dataCatalogList = ref([{
+  name: '测试',
+  guid: '1',
+  children: [{
+    name: 'cesi',
+    guid: '1-1'
+  }]
+}]);
+
+const formItems = ref([{
+  label: "数仓目录",
+  type: "tree-select",
+  placeholder: "请选择",
+  field: "domainGuid",
+  default: '',
+  options: dataCatalogList.value,
+  props: {
+    label: 'name',
+    value: 'guid'
+  },
+  showAllLevels: false,
+  checkStrictly: false,//只能选择叶子节点。
+  lazy: false,
+  filterable: true,
+  clearable: true,
+  required: true,
+}]);
+
+const formRules = ref({
+  domainGuid: [required('请选择数仓目录')],
+});
+
+const dialogInfo = ref({
+  visible: false,
+  size: 400,
+  direction: "column",
+  header: {
+    title: "引用标准新建数据集",
+  },
+  type: '',
+  contents: [
+    {
+      type: 'form',
+      title: '',
+      formInfo: {
+        id: 'select-subject-domain-list',
+        items: formItems.value,
+        rules: formRules.value
+      }
+    }
+  ],
+  footer: {
+    btns: [
+      { type: "default", label: "取消", value: "cancel" },
+      { type: "primary", label: "确定", value: "submit", loading: false },
+    ],
+  },
+});
+
+const contextNodeData: any = ref({});
+
+const selectDataCatalogNodeObj: any = ref({});
+
+const handleTreeSelectNodeChange = (node, item, nodeObj) => {
+  selectDataCatalogNodeObj.value = nodeObj;
+}
+
+const dialogBtnClick = (btn, info) => {
+  if (btn.value == 'submit') {
+    dialogInfo.value.visible = false;
+    if (selectDataCatalogNodeObj.value.parent.data.layereAttribute == 2) { //维度
+window.open(`${import.meta.env.VITE_APP_DATA_DELIVERY}data-catalog/data-warehouse/dim-table-create-manual?domainGuid=${info.domainGuid}&domainName=${selectDataCatalogNodeObj.value.data.name}&metaStandard=${contextNodeData.value.guid}`);
+    } else {
+      if (selectDataCatalogNodeObj.value.parent.data.layereAttribute == 4) {
+ window.open(`${import.meta.env.VITE_APP_DATA_DELIVERY}data-catalog/data-warehouse/table-create-manual?domainGuid=${info.domainGuid}&domainName=${selectDataCatalogNodeObj.value.data.name}&layereAttribute=${selectDataCatalogNodeObj.value.parent.data.layereAttribute}&metaStandard=${contextNodeData.value.guid}`);
+      } else {
+         window.open(`${import.meta.env.VITE_APP_DATA_DELIVERY}data-catalog/data-warehouse/table-create-manual?domainGuid=${info.domainGuid}&domainName=${selectDataCatalogNodeObj.value.data.name}&metaStandard=${contextNodeData.value.guid}`);
+      }
+    }
+  } else if (btn.value == 'cancel') {
+    dialogInfo.value.visible = false;
+  }
+}
+
 </script>
 </script>
 
 
 <template>
 <template>
@@ -225,13 +328,17 @@ onBeforeUnmount(() => {
         :tree-data="lastClickNode" v-loading="treeDataLoading" @nodeItemClick="handleNodeItemClick"
         :tree-data="lastClickNode" v-loading="treeDataLoading" @nodeItemClick="handleNodeItemClick"
         @contextMenu="handleContextMenu">
         @contextMenu="handleContextMenu">
       </RelationNetwork>
       </RelationNetwork>
-      <Sankey v-show="lastClickNode?.guid && !isGraphDisplay && (sankeyNames?.length || sankeyDataLoading)" v-loading="sankeyDataLoading" :tree-data="sankeyData" :names="sankeyNames">
+      <Sankey v-show="lastClickNode?.guid && !isGraphDisplay && (sankeyNames?.length || sankeyDataLoading)"
+        v-loading="sankeyDataLoading" :tree-data="sankeyData" :names="sankeyNames">
       </Sankey>
       </Sankey>
-      <div v-show="!lastClickNode?.guid && !treeInfo.data?.length || (!isGraphDisplay && !sankeyDataLoading && !sankeyNames?.length)" class="main-placeholder">
+      <div
+        v-show="!lastClickNode?.guid && !treeInfo.data?.length || (!isGraphDisplay && !sankeyDataLoading && !sankeyNames?.length)"
+        class="main-placeholder">
         <img src="../../assets/images/no-data.png" :style="{ width: '96px', height: '96px' }" />
         <img src="../../assets/images/no-data.png" :style="{ width: '96px', height: '96px' }" />
         <div class="empty-text">暂无数据</div>
         <div class="empty-text">暂无数据</div>
       </div>
       </div>
     </div>
     </div>
+    <Dialog :dialogInfo="dialogInfo" @btnClick="dialogBtnClick" @treeSelectNodeChange="handleTreeSelectNodeChange" />
   </div>
   </div>
 </template>
 </template>