Commit b996758e authored by liwei's avatar liwei

修改了基础标准页

parent 2230dbf5
...@@ -128,6 +128,7 @@ export const UserRoute: AppRouteRecordRaw = { ...@@ -128,6 +128,7 @@ export const UserRoute: AppRouteRecordRaw = {
], ],
}; };
/**通用文件*/
export const CommonFileRoute: AppRouteRecordRaw = { export const CommonFileRoute: AppRouteRecordRaw = {
path: '/commonFile', path: '/commonFile',
name: 'commonFile', name: 'commonFile',
...@@ -335,6 +336,15 @@ export const DataStandardRoute: AppRouteRecordRaw = { ...@@ -335,6 +336,15 @@ export const DataStandardRoute: AppRouteRecordRaw = {
icon: '', icon: '',
}, },
}, },
{
path: 'basicStandards/relatedRelationships',
name: 'relatedRelationships',
component: () => import('@/views/dataStandards/basicStandards/relatedRelationships.vue'),
meta: {
title: '关联关系',
icon: '',
},
},
], ],
}; };
......
...@@ -39,6 +39,7 @@ ...@@ -39,6 +39,7 @@
import { useFilterStore } from '@/store/modules/filterData'; import { useFilterStore } from '@/store/modules/filterData';
import {useUserStore} from "@/store/modules/user"; import {useUserStore} from "@/store/modules/user";
import { userData } from "@/views/system/institution/institutionData"; import { userData } from "@/views/system/institution/institutionData";
import {router} from "@/router";
defineOptions({ name: 'AccountManagement' }); defineOptions({ name: 'AccountManagement' });
const { createMessage } = useMessage(); const { createMessage } = useMessage();
...@@ -104,7 +105,13 @@ const [registerTable, { reload, updateTableDataRecord, getSearchInfo,getForm,get ...@@ -104,7 +105,13 @@ const [registerTable, { reload, updateTableDataRecord, getSearchInfo,getForm,get
/** 对比成功*/ /** 对比成功*/
function contrastButton() { function contrastButton() {
closeModal()
router.push({
path: '/dataStandards/basicStandards/basicStandardsContrast',
query: {
businessId:route.query.businessId,
},
});
} }
/** 撤回成功*/ /** 撤回成功*/
......
...@@ -2293,3 +2293,244 @@ export const contrastSchema: FormSchema[] = [ ...@@ -2293,3 +2293,244 @@ export const contrastSchema: FormSchema[] = [
}, },
} }
]; ];
/**关联关系 表头1*/
export const relatedRelationshipColumns1: BasicColumn[] = [
{
title: '质量模版名称',
dataIndex: 'qualityTemplateName',
width: 150,
slots: { customRender: 'qualityTemplateName' },
},
{
title: '数据源',
dataIndex: 'dataSource',
width: 150,
slots: { customRender: 'dataSource' },
},
{
title: '质量模版编号',
dataIndex: 'qualityTemplateNumber',
width: 150,
},
{
title: '路径',
dataIndex: 'path',
width: 150,
},
{
title: '关联描述',
dataIndex: 'associationDescription',
width: 150,
},
{
title: '关联时间',
dataIndex: 'associationTime',
width: 150,
},
{
title: '操作用户',
dataIndex: 'operatorUser',
width: 150,
},
];
/**关联关系 表头2*/
export const relatedRelationshipColumns2: BasicColumn[] = [
{
title: '文档名称',
dataIndex: 'documentName',
width: 150,
slots: { customRender: 'documentName' },
},
{
title: '文档编号',
dataIndex: 'documentNumber',
width: 150,
},
{
title: '路径',
dataIndex: 'path',
width: 150,
},
{
title: '关联描述',
dataIndex: 'associationDescription',
width: 150,
},
{
title: '关联关系',
dataIndex: 'associationRelation',
width: 150,
},
{
title: '关联时间',
dataIndex: 'associationTime',
width: 150,
},
{
title: '操作用户',
dataIndex: 'operatorUser',
width: 150,
},
];
/**关联关系 表头3*/
export const relatedRelationshipColumns3: BasicColumn[] = [
{
title: '标准名称',
dataIndex: 'standardName',
width: 150,
slots: { customRender: 'standardName' },
},
{
title: '标准编号',
dataIndex: 'standardNumber',
width: 150,
},
{
title: '路径',
dataIndex: 'path',
width: 150,
},
{
title: '关联描述',
dataIndex: 'associationDescription',
width: 150,
},
{
title: '关联关系',
dataIndex: 'associationRelation',
width: 150,
},
{
title: '关联时间',
dataIndex: 'associationTime',
width: 150,
},
{
title: '操作用户',
dataIndex: 'operatorUser',
width: 150,
},
];
/**关联关系 表头4*/
export const relatedRelationshipColumns4: BasicColumn[] = [
{
title: '公共代码名称',
dataIndex: 'commonCodeName',
width: 150,
slots: { customRender: '' },
},
{
title: '标准编号',
dataIndex: 'standardNumber',
width: 150,
},
{
title: '路径',
dataIndex: 'path',
width: 150,
},
{
title: '关联描述',
dataIndex: 'associationDescription',
width: 150,
},
{
title: '关联关系',
dataIndex: 'associationRelation',
width: 150,
},
{
title: '关联时间',
dataIndex: 'associationTime',
width: 150,
},
{
title: '操作用户',
dataIndex: 'operatorUser',
width: 150,
},
];
/**关联关系 表头5*/
export const relatedRelationshipColumns5: BasicColumn[] = [
{
title: '标准名称',
dataIndex: 'standardName',
width: 150,
slots: { customRender: '' },
},
{
title: '标准编号',
dataIndex: 'standardNumber',
width: 150,
},
{
title: '路径',
dataIndex: 'path',
width: 150,
},
{
title: '关联描述',
dataIndex: 'associationDescription',
width: 150,
},
{
title: '关联关系',
dataIndex: 'associationRelation',
width: 150,
},
{
title: '关联时间',
dataIndex: 'associationTime',
width: 150,
},
{
title: '操作用户',
dataIndex: 'operatorUser',
width: 150,
},
];
/**关联关系 表头6*/
export const relatedRelationshipColumns6: BasicColumn[] = [
{
title: '数据源',
dataIndex: 'dataSource',
width: 150,
slots: { customRender: 'dataSource' },
},
{
title: '目录',
dataIndex: 'directory',
width: 150,
},
{
title: '数据库',
dataIndex: 'database',
width: 150,
},
{
title: '数据表',
dataIndex: 'dataTable',
width: 150,
},
{
title: '字段',
dataIndex: 'field',
width: 150,
},
{
title: '关联描述',
dataIndex: 'associationDescription',
width: 150,
},
{
title: '关联时间',
dataIndex: 'associationTime',
width: 150,
},
{
title: '操作用户',
dataIndex: 'operatorUser',
width: 150,
},
];
...@@ -64,8 +64,10 @@ ...@@ -64,8 +64,10 @@
import {onMounted,ref} from "vue"; import {onMounted,ref} from "vue";
import { Select } from 'ant-design-vue'; import { Select } from 'ant-design-vue';
import Icon from '@/components/Icon/Icon.vue'; import Icon from '@/components/Icon/Icon.vue';
import {router} from "@/router";
import { useRoute,onBeforeRouteLeave } from 'vue-router';
defineOptions({ name: 'Metadata' }); defineOptions({ name: 'Metadata' });
const route = useRoute();
const title = ref('对外投资出资方式') const title = ref('对外投资出资方式')
const options = ref<any>([ const options = ref<any>([
{ value: 'V1', label: 'V1' }, { value: 'V1', label: 'V1' },
...@@ -91,7 +93,12 @@ ...@@ -91,7 +93,12 @@
/**结束对比*/ /**结束对比*/
function endContrast() { function endContrast() {
createMessage.success('结束对比'); router.push({
path: '/dataStandards/basicStandards/detailStandard',
query: {
businessId:route.query.businessId,
},
});
} }
onMounted(() => { onMounted(() => {
......
...@@ -623,3 +623,152 @@ export const rightContrastData = [ ...@@ -623,3 +623,152 @@ export const rightContrastData = [
"collaborativeDepartment": "人力资源部, 技术部" "collaborativeDepartment": "人力资源部, 技术部"
}, },
] ]
/**关联关系 表格1 数据*/
export const relatedRelationshipsData1 = [
{
businessId: '1',
qualityTemplateName: '非空检查(不为NULL)',
dataSource: [
{ icon: '🌐🔍', text: '数据源1' },
],
qualityTemplateNumber: 'BIDQ000000001',
path: '/质量模版/DMP_admin-个人工作区/...',
associationDescription: '"是否全日"作为毕业...',
associationTime: '2024-01-01 10:00:00',
operatorUser: 'DMP_admin',
},
{
businessId: '2',
qualityTemplateName: '长度检查=2',
dataSource: [
{ icon: '🌐🔍', text: '数据源1' },
],
qualityTemplateNumber: 'DQ000011',
path: '/质量模版/DMP_admin-个人工作区/...',
associationDescription: '"是否全日"作为毕业...',
associationTime: '2024-01-02 11:00:00',
operatorUser: 'DMP_admin',
},
{
businessId: '3',
qualityTemplateName: '值域检查',
dataSource: [
{ icon: '🌐🔍', text: '数据源1' },
],
qualityTemplateNumber: 'DQ000013',
path: '/质量模版/DMP_admin-个人工作区/...',
associationDescription: '"是否全日"作为毕业...',
associationTime: '2024-01-03 12:00:00',
operatorUser: 'DMP_admin',
},
]
/**关联关系 表格2 数据*/
export const relatedRelationshipsData2 = [
{
businessId: '1',
documentName: '非空检查(不为NULL)',
documentNumber: 'BIDQ000000001',
path: '/引用文档/DMP_admin-个人工作区/...',
associationRelation:'无',
associationDescription: '"是否全日"作为毕业...',
associationTime: '2024-01-01 10:00:00',
operatorUser: 'DMP_admin',
},
{
businessId: '2',
documentName: '长度检查=2',
documentNumber: 'DQ000011',
path: '/引用文档/DMP_admin-个人工作区/...',
associationRelation:'无',
associationDescription: '"是否全日"作为毕业...',
associationTime: '2024-01-02 11:00:00',
operatorUser: 'DMP_admin',
},
{
businessId: '3',
documentName: '值域检查',
documentNumber: 'DQ000013',
path: '/引用文档/DMP_admin-个人工作区/...',
associationRelation:'无',
associationDescription: '"是否全日"作为毕业...',
associationTime: '2024-01-03 12:00:00',
operatorUser: 'DMP_admin',
},
]
/**关联关系 表格3 数据*/
export const relatedRelationshipsData3 = [
{
businessId: '1',
standardName: '当前就读学校',
standardNumber: 'BIDQ000000001',
path: '/基础标准/DMP_admin-个人工作区/...',
associationRelation:'无',
associationDescription: '无',
associationTime: '2024-01-01 10:00:00',
operatorUser: 'DMP_admin',
},
]
/**关联关系 表格4 数据*/
export const relatedRelationshipsData4 = [
{
businessId: '1',
commonCodeName: '是否为全日制',
standardNumber: 'COM000002',
path: '/公共代码/DMP_admin-个人工作区/...',
associationRelation:'无',
associationDescription: '"是否全日"作为毕业...',
associationTime: '2024-01-01 10:00:00',
operatorUser: 'DMP_admin',
},
]
/**关联关系 表格5 数据*/
export const relatedRelationshipsData5 = [
{
businessId: '1',
standardName: '当前就读学校',
standardNumber: 'BIDQ000000001',
path: '/基础标准/DMP_admin-个人工作区/...',
associationRelation:'无',
associationDescription: '无',
associationTime: '2024-01-01 10:00:00',
operatorUser: 'DMP_admin',
},
]
/**关联关系 表格6 数据*/
export const relatedRelationshipsData6 = [
{
businessId: '1',
dataSource: 'mysql_test',
directory: '',
database:'moe_data',
dataTable:'graduates_info_bak',
field:'is_full_time',
associationDescription: '无',
associationTime: '2024-01-01 10:00:00',
operatorUser: 'DMP_admin',
},
{
businessId: '2',
dataSource: 'mysql_test',
directory: '',
database:'moe_data',
dataTable:'graduates_info',
field:'is_full_time',
associationDescription: '无',
associationTime: '2024-01-02 11:00:00',
operatorUser: 'DMP_admin',
},
{
businessId: '3',
dataSource: 'mysql_test',
directory: '',
database:'moe_data',
dataTable:'graduates_info',
field:'is_full_time',
associationDescription: '无',
associationTime: '2024-01-03 12:00:00',
operatorUser: 'DMP_admin',
},
]
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
{ {
icon: 'ant-design:api-outlined', icon: 'ant-design:api-outlined',
// label: '关联关系', // label: '关联关系',
onClick: detailButton.bind(null, record), onClick: relatedRelationshipsButton.bind(null, record),
}, },
]" ]"
/> />
...@@ -278,32 +278,14 @@ ...@@ -278,32 +278,14 @@
reload(); reload();
} }
/**关联关系*/
function handleEdit(record: Recordable) { function relatedRelationshipsButton(record: Recordable) {
router.push({
} path: '/dataStandards/basicStandards/relatedRelationships',
query: {
businessId:record.businessId,
},
function handleResetName(record: Recordable) { });
}
/** 删除按钮*/
function handleDelete(record: Recordable) {
tableData.value.splice(tableData.value.findIndex(item => item.businessId === record.businessId), 1);
createMessage.success('删除成功!');
reload();
}
function handleMove(record: Recordable) {
}
function handleMoveSuccess({ isMove, values }) {
} }
onMounted(() => { onMounted(() => {
......
<template>
<PageWrapper :title="title" class="content-padding" contentBackground @back="goBack">
<BasicTable @register="registerTable1">
<template #toolbar>
<a-button type="primary" @click="Button">创建质量规则</a-button>
<a-button type="primary" @click="Button">查看质量规则</a-button>
<a-button type="primary" @click="Button">引用模版</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
label: '创建质量规则',
onClick: Button.bind(null, record),
},
]"
/>
</template>
</template>
<template #qualityTemplateName="{ text, record }">
<a @click="showDetails1(record)"> {{ text }}</a>
</template>
<template #dataSource="{ text, record }">
<span v-for="(item, index) in text" :key="index">
{{ item.icon }}
</span>
</template>
</BasicTable>
<BasicTable @register="registerTable2">
<template #toolbar>
<a-button type="primary" @click="Button">引用文档</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
label: '引用文档',
onClick: Button.bind(null, record),
},
]"
/>
</template>
</template>
<template #fileName="{ text, record }">
<a @click="showDetails(record)"> {{ text }}</a>
</template>
</BasicTable>
<BasicTable @register="registerTable3">
<template #toolbar>
<a-button type="primary" @click="Button">引用标准</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
label: '引用标准',
onClick: Button.bind(null, record),
},
]"
/>
</template>
</template>
<template #fileName="{ text, record }">
<a @click="showDetails(record)"> {{ text }}</a>
</template>
</BasicTable>
<BasicTable @register="registerTable4">
<template #toolbar>
<a-button type="primary" @click="Button">引用公共代码</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
label: '引用公共代码',
onClick: Button.bind(null, record),
},
]"
/>
</template>
</template>
<template #fileName="{ text, record }">
<a @click="showDetails(record)"> {{ text }}</a>
</template>
</BasicTable>
<BasicTable @register="registerTable5">
<template #toolbar>
<a-button type="primary" @click="Button">引用标准</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
// icon: 'clarity:note-edit-line',
label: '复制',
onClick: Button.bind(null, record),
},
{
color: 'error',
label: '删除',
popConfirm: {
title: '是否确认删除',
placement: 'left',
confirm: Button.bind(null, record),
},
},
]"
/>
</template>
</template>
<template #fileName="{ text, record }">
<a @click="showDetails(record)"> {{ text }}</a>
</template>
</BasicTable>
<BasicTable @register="registerTable6">
<template #toolbar>
<a-button type="primary" @click="Button">智能推荐元数据</a-button>
<a-button type="primary" @click="Button">关联元数据</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
label: '复制',
onClick: Button.bind(null, record),
},
{
color: 'error',
label: '删除',
popConfirm: {
title: '是否确认删除',
placement: 'left',
confirm: Button.bind(null, record),
},
},
]"
/>
</template>
</template>
<template #fileName="{ text, record }">
<a @click="showDetails(record)"> {{ text }}</a>
</template>
</BasicTable>
</PageWrapper>
</template>
<script lang="ts" setup>
import { Divider } from 'ant-design-vue';
import { router } from "@/router";
import { BasicForm, useForm } from '@/components/Form';
import { onMounted, ref } from "vue";
import { useRoute } from "vue-router";
import { useMessage } from '@/hooks/web/useMessage';
import { BasicTable, useTable, TableAction } from '@/components/Table';
import {
relatedRelationshipColumns1,
relatedRelationshipColumns2,
relatedRelationshipColumns3,
relatedRelationshipColumns4,
relatedRelationshipColumns5,
relatedRelationshipColumns6,
} from "@/views/dataStandards/basicStandards/basicStandards.data";
import { PageWrapper } from '@/components/Page';
import { useGo } from '@/hooks/web/usePage';
import {relatedRelationshipsData1,relatedRelationshipsData2,relatedRelationshipsData3,relatedRelationshipsData4,relatedRelationshipsData5,relatedRelationshipsData6} from "@/views/dataStandards/basicStandards/basicStandardsData";
const go = useGo();
const route = useRoute()
const title = ref('关联关系')
const { createMessage, createConfirm } = useMessage();
const [registerTable1] = useTable({
title: '质量模版',
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: relatedRelationshipsData1.length,
code:'',
message:'',
data: [],
};
//过滤data中的数据,取出等于params.deptId的数据
return { ...response,data: relatedRelationshipsData1 };
},
columns:relatedRelationshipColumns1,
useSearchForm: false,
showTableSetting: false,
showIndexColumn:false,
pagination:false,
bordered: true,
actionColumn: {
width: 100,
title: '操作',
dataIndex: 'action',
},
});
const [registerTable2] = useTable({
title: '引用文档',
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: relatedRelationshipsData2.length,
code:'',
message:'',
data: [],
};
//过滤data中的数据,取出等于params.deptId的数据
return { ...response,data: relatedRelationshipsData2 };
},
columns:relatedRelationshipColumns2,
useSearchForm: false,
pagination:false,
showTableSetting: false,
showIndexColumn:false,
bordered: true,
actionColumn: {
width: 100,
title: '操作',
dataIndex: 'action',
},
});
const [registerTable3] = useTable({
title: '基础标准',
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: relatedRelationshipsData3.length,
code:'',
message:'',
data: [],
};
//过滤data中的数据,取出等于params.deptId的数据
return { ...response,data: relatedRelationshipsData3 };
},
columns:relatedRelationshipColumns3,
useSearchForm: false,
showTableSetting: false,
pagination:false,
showIndexColumn:false,
bordered: true,
actionColumn: {
width: 100,
title: '操作',
dataIndex: 'action',
},
});
const [registerTable4] = useTable({
title: '公共代码',
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: relatedRelationshipsData4.length,
code:'',
message:'',
data: [],
};
//过滤data中的数据,取出等于params.deptId的数据
return { ...response,data: relatedRelationshipsData4 };
},
columns:relatedRelationshipColumns4,
useSearchForm: false,
showTableSetting: false,
showIndexColumn:false,
pagination:false,
bordered: true,
actionColumn: {
width: 100,
title: '操作',
dataIndex: 'action',
},
});
const [registerTable5] = useTable({
title: '指标标准',
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: relatedRelationshipsData5.length,
code:'',
message:'',
data: [],
};
//过滤data中的数据,取出等于params.deptId的数据
return { ...response,data: relatedRelationshipsData5 };
},
columns:relatedRelationshipColumns5,
useSearchForm: false,
showTableSetting: false,
showIndexColumn:false,
bordered: true,
pagination:false,
actionColumn: {
width: 100,
title: '操作',
dataIndex: 'action',
},
});
const [registerTable6] = useTable({
title: '元数据',
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: relatedRelationshipsData6.length,
code:'',
message:'',
data: [],
};
//过滤data中的数据,取出等于params.deptId的数据
return { ...response,data: relatedRelationshipsData6 };
},
columns:relatedRelationshipColumns6,
useSearchForm: false,
showTableSetting: false,
showIndexColumn:false,
bordered: true,
pagination:false,
actionColumn: {
width: 100,
title: '操作',
dataIndex: 'action',
},
});
/**按钮*/
function Button(record) {
router.push({
path: '',
query: {
},
});
}
/**表1 跳转*/
function showDetails1() {
}
function goBack() {
// 本例的效果时点击返回始终跳转到账号列表页,实际应用时可返回上一页
go('/metaModel/physicsModel/index');
}
/**初始化*/
onMounted(() => {
});
</script>
<style lang="less" scoped>
.desc-wrap {
padding: 16px;
background-color: @component-background;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment