修改血缘

src/router/routes/index.ts

@@ -835,6 +835,29 @@ export const kinshipParseRoute: AppRouteRecordRaw = {
     },
   ],
 };
+/**血缘分析*/
+export const kinshipAnalysisRoute: AppRouteRecordRaw = {
+  path: '/kinship/kinshipAnalysis',
+  name: 'kinshipAnalysis',
+  component: LAYOUT,
+  meta: {
+    title: '血缘分析',
+    icon: '',
+    hidden: true,
+    currentActiveMenu: '/kinship/kinshipAnalysis',
+  },
+  children: [
+    {
+      path: 'kinshipAnalysisDetail',
+      name: 'KinshipAnalysisDetail',
+      component: () => import('@/views/kinship/kinshipAnalysis/kinshipAnalysisDetail.vue'),
+      meta: {
+        title: '血缘分析详情',
+        icon: '',
+      },
+    },
+  ],
+};
 
 /**Sql开发*/
 export const sqlExecuteRoute: AppRouteRecordRaw = {
@@ -1164,6 +1187,7 @@ export const basicRoutes = [
   DataSourceRoute,
   DataStandardRoute,
   kinshipParseRoute,
+  kinshipAnalysisRoute,
   serviceDevelopmentRoute,
   dataBaseToDataBaseRoute,
   RootRoute,

src/views/kinship/kinshipAnalysis/data.ts

@@ -4,6 +4,7 @@ export const columns: BasicColumn[] = [
   {
     title: '名称',
     dataIndex: 'name',
+    slots: { customRender: 'name' },
     width: 120,
   },
   {

src/views/kinship/kinshipAnalysis/index.vue

@@ -6,6 +6,9 @@
         <template #toolbar>
           <a-button type="primary" @click="handleManage">存储管理</a-button>
         </template>
+        <template #name="{ text }">
+          <a @click="handleDetail"> {{ text }}</a>
+        </template>
       </BasicTable>
     </div>
     <storageManagementModal @register="registerStorageManagementModal" />
@@ -21,6 +24,7 @@
   import GroupTree from './GroupTree.vue';
   import { metadataData } from '@/views/metadata/metadataData';
   import storageManagementModal from './storageManagementModal.vue';
+  import { router } from '@/router';
 
   defineOptions({ name: 'Metadata' });
 
@@ -97,6 +101,12 @@
     });
   }
 
+  function handleDetail() {
+    router.push({
+      path: '/kinship/kinshipAnalysis/kinshipAnalysisDetail',
+    });
+  }
+
   // 设置图表选项
   onMounted(() => {
     tableData.value = metadataData;

src/views/kinship/kinshipAnalysis/kinshipAnalysisDetail.vue

+<template>
+  <PageWrapper class="content-padding" contentBackground>
+    <div class="container">
+      <div style="margin-top: 20px">
+        <span style="font-size: 20px; font-weight: bold; margin-left: 20px">血缘影响分析</span>
+        <span style="margin-left: 1000px; font-size: 20px">深度</span>
+        <Input style="width: 100px;height: 40px; margin-left: 10px" v-model:value="key" />
+        <icon
+          style="font-size: 30px; margin-left: 10px"
+          icon="heroicons:magnifying-glass-plus-solid"
+        />
+        <icon style="font-size: 30px; margin-left: 10px" icon="ph:magnifying-glass-minus" />
+        <icon style="font-size: 30px; margin-left: 10px" icon="hugeicons:reload" />
+        <icon style="font-size: 30px; margin-left: 10px" icon="lets-icons:full-alt-light" />
+        <a-button style="margin-left: 20px" type="primary" @click="back">退出</a-button>
+      </div>
+      <div class="image-container">
+        <img src="../../../assets/images/kinshipAnalysisDetail.png" alt="Logo" class="image" />
+      </div>
+    </div>
+  </PageWrapper>
+</template>
+<script lang="ts" setup>
+  import { PageWrapper } from '@/components/Page';
+  import Icon from '@/components/Icon/Icon.vue';
+  import { router } from '@/router';
+  import { Input } from 'ant-design-vue';
+  import { ref } from 'vue';
+
+  const key = ref('5');
+
+  function back() {
+    router.back();
+  }
+</script>
+<style scoped>
+  .container {
+    display: flex;
+    background-color: white;
+    width: 3000px;
+    flex-direction: column; /* 确保子元素垂直排列 */
+    gap: 16px; /* 子元素之间的间距 */
+  }
+
+  .image-container {
+    background-color: white;
+    width: 100%; /* 图片容器宽度为100% */
+    text-align: center; /* 居中对齐图片 */
+  }
+
+  .image {
+    width: 1650px;
+    height: 1000px; /* 保持图片的原始比例 */
+  }
+</style>

src/views/kinship/kinshipEdit/data.ts

@@ -4,10 +4,9 @@ import { BasicColumn } from '@/components/Table';
 export const formSchema: FormSchema[] = [
   {
     field: 'file',
-    component: 'Upload',
     label: '血缘编辑文件',
+    slot: 'file',
     colProps: { lg: 24, md: 24 },
-    rules: [{ required: true, message: '请选择上传文件' }],
   },
 ];
 export const columns: BasicColumn[] = [

src/views/kinship/kinshipEdit/index.vue

@@ -8,7 +8,16 @@
     </template>
     <div class="pt-4 m-4 desc-wrap">
       <template v-if="currentKey == '1'">
-        <BasicForm @register="registerForm" />
+        <BasicForm @register="registerForm">
+          <template #file>
+            <div style="display: flex">
+              <div>
+                <a-button>下载文件模板</a-button>
+                <a-button type="primary" style="margin-left: 5px">选择文件</a-button>
+              </div>
+            </div>
+          </template>
+        </BasicForm>
         <div style="padding-left: 100px">
           <a-button type="primary" @click="handleSubmit">提交</a-button>
         </div>

src/views/kinship/kinshipParse/Step1.vue

 <template>
   <div class="step1">
-    <div >
+    <div>
       <Description size="middle" title="SQL脚本解析器" :bordered="false" />
       <BasicForm @register="registerForm" />
       <div style="padding-left: 100px">
@@ -9,7 +9,9 @@
       <Description size="middle" title="日志" :bordered="false" />
       <img src="../../../assets/images/config.png" style="width: 100%" alt="Logo" />
       <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-        <a-button style="margin-right: 50px" type="primary" @click="customSubmitFunc">下一步</a-button>
+        <a-button style="margin-right: 50px" type="primary" @click="customSubmitFunc"
+          >下一步</a-button
+        >
       </div>
     </div>
   </div>

src/views/kinship/kinshipParse/Step2.vue

@@ -16,7 +16,6 @@
                   //详情
                   icon: 'clarity:note-edit-line',
                   label: '',
-                  onClick: handleEdit.bind(null),
                 },
                 {
                   icon: 'ant-design:delete-outlined',
@@ -42,7 +41,7 @@
         >
       </div>
     </div>
-    <detailModal @register="registerModal"/>
+    <detailModal @register="registerModal" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -88,6 +87,9 @@
   }
 
   async function customSubmitFunc() {
+    openModal(true, {
+      title: '血缘导入结果',
+    });
     createMessage.success('提交成功');
   }
   function handleSubmit() {
@@ -96,11 +98,6 @@
   function handleDelete() {
     createMessage.success('删除成功');
   }
-  function handleEdit() {
-    openModal(true, {
-      title: '血缘导入结果'
-    });
-  }
 </script>
 <style lang="less" scoped>
   .step1 {

src/views/kinship/kinshipParse/detailModal.vue

 <template>
-  <BasicModal width="55%" v-bind="$attrs" @register="registerModal" :title="title">
+  <BasicModal width="40%" v-bind="$attrs" @register="registerModal" :title="title">
     <template #footer>
       <a-button type="primary" @click="handleDownload">下载导入结果</a-button>
       <a-button type="primary" @click="handleSubmit">完成</a-button>
@@ -38,6 +38,7 @@
     showTableSetting: false,
     bordered: true,
     showIndexColumn: false,
+    scroll: { y: 500 },
   });
   //初始化弹框
   const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
@@ -48,7 +49,6 @@
 
   async function handleSubmit() {
     closeModal();
-    createMessage.success('提交成功');
   }
   function handleDownload() {
     createMessage.success('下载成功');

src/views/kinship/kinshipParse/parse.vue

@@ -50,6 +50,6 @@
 
   .step-form-form {
     width: 750px;
-    margin: 0 auto;
+    margin: 20px auto;
   }
 </style>