Skip to content

B
bigDataSystem
Commit b905b534 authored by 曹泽华's avatar 曹泽华
Browse files
Options

数据治理-数据标准

parent dfaace8a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2205 additions and 519 deletions
src/router/routes/index.ts
View file @ b905b534
......@@ -706,6 +706,15 @@ export const DataStandardRoute: AppRouteRecordRaw = {
icon: '',
},
},
{
path: 'referenceDocument/relatedRelationships',
name: 'referenceRelatedRelationships',
component: () => import('@/views/dataStandards/referenceDocument/relatedRelationships.vue'),
meta: {
title: '引用文档关联关系',
icon: '',
},
},
{
path: 'namingDictionary/versionContrast',
name: 'versionContrast2',
......
src/views/dataStandards/IndicatorStandards/batchPublish.vue
View file @ b905b534
<template>
<BasicModal width="40%" v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<BasicModal
width="40%"
v-bind="$attrs"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<div>当前选中标准共 2条，其中1条已在其他审批流程中，本次申请不再二次提交，示例如下:</div>
<BasicTable @register="registerTable" ></BasicTable>
<BasicTable @register="registerTable" />
<template #footer>
<a-button @click="handleCancel"> 取消发布</a-button>
<a-button type="primary" @click="handleSubmitApplication"> 继续发布</a-button>
......@@ -9,72 +15,80 @@
</BasicModal>
</template>
<script lang="ts" setup>
import { BasicTable, useTable, TableAction } from '@/components/Table';
import {ref, computed, unref, reactive} from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { batchColumns } from './indicatorStandards.data';
import { useMessage } from '@/hooks/web/useMessage';
import {router} from "@/router";
import { BasicTable, useTable, TableAction } from '@/components/Table';
import { ref, computed, unref, reactive } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { batchColumns } from './indicatorStandards.data';
import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
defineOptions({ name: 'AccountModal' });
defineOptions({ name: 'AccountModal' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const rowId = ref('');
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const rowId = ref('');
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ confirmLoading: false,showCancelBtn:false,showOkBtn:false });
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
}
});
const [registerTable, { reload, updateTableDataRecord, getSearchInfo,getForm,getRowSelection }] = useTable({
title: '',
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: 0,
code:'',
message:'',
data: [],
};
return { ...response};
},
columns:batchColumns,
showTableSetting: false,
bordered: true,
});
const getTitle = computed(() => ('批量发布'));
function handleCancel() {
closeModal();
}
function handleSubmitApplication() {
closeModal();
router.push({
path: '/dataStandards/IndicatorStandards/applyPublication',
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ confirmLoading: false, showCancelBtn: false, showOkBtn: false });
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
}
});
}
const [
registerTable,
{ reload, updateTableDataRecord, getSearchInfo, getForm, getRowSelection },
] = useTable({
title: '',
api: async (params) => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: 0,
code: '',
message: '',
data: [],
};
async function handleSubmit() {
try {
return { ...response };
},
columns: batchColumns,
showTableSetting: false,
bordered: true,
});
setModalProps({ confirmLoading: true });
// TODO custom api
const getTitle = computed(() => '批量发布');
function handleCancel() {
closeModal();
} finally {
setModalProps({ confirmLoading: false });
}
}
function handleSubmitApplication() {
closeModal();
router.push({
path: '/dataStandards/referenceDocument/applyPublication',
query: {
data: JSON.stringify([
{
key: '对外投资出资方式',
model: {
path: '个人工作区/对外投资出资方式',
type: '指标标准',
},
},
]),
formSchema: '2',
},
});
}
async function handleSubmit() {
try {
setModalProps({ confirmLoading: true });
// TODO custom api
closeModal();
} finally {
setModalProps({ confirmLoading: false });
}
}
</script>
src/views/dataStandards/basicStandards/VersionModal.vue
View file @ b905b534
......@@ -112,7 +112,7 @@
function contrastButton() {
closeModal();
router.push({
path: '/dataStandards/namingDictionary/versionContrast',
path: '/dataStandards/namingDictionary/domain/versionContrast',
query: {
businessId: route.query.businessId,
},
......
src/views/dataStandards/basicStandards/basicStandards.data.ts
View file @ b905b534
......@@ -3101,7 +3101,7 @@ export const formSchemaPublishTwo: any = [
field: 'valueOne',
label: '数据标准路径',
component: 'Input',
defaultValue: '域/共享工作区/短编号',
defaultValue: '个人工作区/对外投资出资方式',
componentProps: {
readonly: true,
disabled: true,
......
src/views/dataStandards/basicStandards/batchPublish.vue
View file @ b905b534
<template>
<BasicModal width="40%" v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<BasicModal
width="40%"
v-bind="$attrs"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<div>当前选中标准共 2条，其中1条已在其他审批流程中，本次申请不再二次提交，示例如下:</div>
<BasicTable @register="registerTable" ></BasicTable>
<BasicTable @register="registerTable" />
<template #footer>
<a-button @click="handleCancel"> 取消发布</a-button>
<a-button type="primary" @click="handleSubmitApplication"> 继续发布</a-button>
......@@ -9,72 +15,80 @@
</BasicModal>
</template>
<script lang="ts" setup>
import { BasicTable, useTable, TableAction } from '@/components/Table';
import {ref, computed, unref, reactive} from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { batchColumns } from './basicStandards.data';
import { useMessage } from '@/hooks/web/useMessage';
import {router} from "@/router";
import { BasicTable, useTable, TableAction } from '@/components/Table';
import { ref, computed, unref, reactive } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { batchColumns } from './basicStandards.data';
import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
defineOptions({ name: 'AccountModal' });
defineOptions({ name: 'AccountModal' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const rowId = ref('');
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const rowId = ref('');
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ confirmLoading: false,showCancelBtn:false,showOkBtn:false });
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
}
});
const [registerTable, { reload, updateTableDataRecord, getSearchInfo,getForm,getRowSelection }] = useTable({
title: '',
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: 0,
code:'',
message:'',
data: [],
};
return { ...response};
},
columns:batchColumns,
showTableSetting: false,
bordered: true,
});
const getTitle = computed(() => ('批量发布'));
function handleCancel() {
closeModal();
}
function handleSubmitApplication() {
closeModal();
router.push({
path: '/dataStandards/basicStandards/applyPublication',
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ confirmLoading: false, showCancelBtn: false, showOkBtn: false });
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
}
});
}
const [
registerTable,
{ reload, updateTableDataRecord, getSearchInfo, getForm, getRowSelection },
] = useTable({
title: '',
api: async (params) => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: 0,
code: '',
message: '',
data: [],
};
async function handleSubmit() {
try {
return { ...response };
},
columns: batchColumns,
showTableSetting: false,
bordered: true,
});
setModalProps({ confirmLoading: true });
// TODO custom api
const getTitle = computed(() => '批量发布');
function handleCancel() {
closeModal();
} finally {
setModalProps({ confirmLoading: false });
}
}
function handleSubmitApplication() {
closeModal();
router.push({
path: '/dataStandards/referenceDocument/applyPublication',
query: {
data: JSON.stringify([
{
key: '对外投资出资方式',
model: {
path: '个人工作区/对外投资出资方式',
type: '基础标准',
},
},
]),
formSchema: '1',
},
});
}
async function handleSubmit() {
try {
setModalProps({ confirmLoading: true });
// TODO custom api
closeModal();
} finally {
setModalProps({ confirmLoading: false });
}
}
</script>
src/views/dataStandards/basicStandards/publishModal.vue
View file @ b905b534
<template>
<BasicModal width="40%" v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<BasicModal
width="40%"
v-bind="$attrs"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<BasicForm @register="registerForm" />
<Divider/>
<Divider />
<BasicForm @register="registerFormTwo" />
<div class="table-container">
<div class="table-row">
<div class="table-cell label">
<div>
<Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />
<span>短编号</span>
<div>域/共享工作区/短编号</div>
<Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />
<span>对外投资出资方式</span>
<div>个人工作区/对外投资出资方式</div>
</div>
</div>
<div class="table-cell value">
<div>
<Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />
<span>短编号</span>
<div>域/共享工作区/短编号</div>
<Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />
<span>对外投资出资方式</span>
<div>个人工作区/对外投资出资方式</div>
</div>
</div>
</div>
......@@ -26,26 +32,14 @@
</div>
<div class="table-row">
<div class="table-cell label">
<step-header title="属性"/>
<Row>
<Col :span="6">
域名称
</Col>
<Col :span="18">
短编号
</Col>
</Row>
<BasicForm @register="registerLeftForm1" />
<BasicForm @register="registerLeftForm11" />
<BasicForm @register="registerLeftForm12" />
</div>
<div class="table-cell value">
<step-header title="属性"/>
<Row>
<Col :span="6">
域名称
</Col>
<Col :span="18">
短编号
</Col>
</Row>
<BasicForm @register="registerLeftForm1" />
<BasicForm @register="registerLeftForm11" />
<BasicForm @register="registerLeftForm12" />
</div>
</div>
</div>
......@@ -56,96 +50,119 @@
</BasicModal>
</template>
<script lang="ts" setup>
import Icon from '@/components/Icon/Icon.vue';
import {ref, computed, unref, reactive} from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import {formSchemaPublish, formSchemaPublishTwo} from './basicStandards.data';
import { Divider,Form,Col, Row, } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
defineOptions({ name: 'AccountModal' });
import stepHeader from '../../../components/stepHeader.vue'
import StepHeader from "@/components/stepHeader.vue";
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const rowId = ref('');
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 24, md: 24 },
schemas: formSchemaPublish,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
const [registerFormTwo] = useForm({
labelWidth: 100,
baseColProps: { lg: 24, md: 24 },
schemas: formSchemaPublishTwo,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false,showOkBtn:false,showCancelBtn:false });
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
}
updateSchema({
import Icon from '@/components/Icon/Icon.vue';
import {ref, computed, unref, reactive, onMounted} from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, FormProps, useForm } from '@/components/Form';
import { formSchemaPublish, formSchemaPublishTwo } from './basicStandards.data';
import { Divider, Form, Col, Row } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
import stepHeader from '../../../components/stepHeader.vue';
import StepHeader from '@/components/stepHeader.vue';
import {
contrastSchema1,
contrastSchema11,
contrastSchema12,
} from '@/views/dataStandards/referenceDocument/referenceDocument.data';
defineOptions({ name: 'AccountModal' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const rowId = ref('');
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 24, md: 24 },
schemas: formSchemaPublish,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
const [registerFormTwo] = useForm({
labelWidth: 100,
baseColProps: { lg: 24, md: 24 },
schemas: formSchemaPublishTwo,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
});
const getTitle = computed(() => ('发布申请'));
const [registerLeftForm1, { setFieldsValue: setLeftFieldsValue1, resetSchema: resetSchema1 }] =
useForm({
labelWidth: 100,
schemas: contrastSchema1,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm11, { setFieldsValue: setLeftFieldsValue11, resetSchema: resetSchema11 }] =
useForm({
labelWidth: 100,
schemas: contrastSchema11,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm12, { setFieldsValue: setLeftFieldsValue12, resetSchema: resetSchema12 }] =
useForm({
labelWidth: 100,
schemas: contrastSchema12,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false, showOkBtn: false, showCancelBtn: false });
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
}
updateSchema({});
});
function handleCancel() {
closeModal();
}
const getTitle = computed(() => '发布申请');
function handleSubmitApplication() {
createMessage.success('发布成功');
closeModal();
}
function handleCancel() {
closeModal();
}
async function handleSubmit() {
try {
const values = await validate();
setModalProps({ confirmLoading: true });
// TODO custom api
function handleSubmitApplication() {
createMessage.success('发布成功');
closeModal();
emit('success', { isUpdate: unref(isUpdate), values: { ...values, id: rowId.value } });
} finally {
setModalProps({ confirmLoading: false });
}
}
async function handleSubmit() {
try {
const values = await validate();
setModalProps({ confirmLoading: true });
// TODO custom api
closeModal();
emit('success', { isUpdate: unref(isUpdate), values: { ...values, id: rowId.value } });
} finally {
setModalProps({ confirmLoading: false });
}
}
</script>
<style lang="scss" scoped>
.info_title{
font-size: 15px;
font-weight: bold;
}
.table-container {
display: grid;
grid-template-columns: 2fr 2fr; /* Define two columns with 1:2 ratio */
gap: 0; /* Space between cells, to create border effect */
border: 1px solid #ddd; /* Border around the entire table */
max-width: 600px;
margin: 10px 10px 0;
.table-row {
display: contents;
.table-cell {
padding: 3%;
border: 1px solid #ddd;
.info_title {
font-size: 15px;
font-weight: bold;
}
.table-container {
display: grid;
grid-template-columns: 2fr 2fr; /* Define two columns with 1:2 ratio */
gap: 0; /* Space between cells, to create border effect */
border: 1px solid #ddd; /* Border around the entire table */
max-width: 600px;
margin: 10px 10px 0;
.table-row {
display: contents;
.table-cell {
padding: 3%;
border: 1px solid #ddd;
}
}
}
}
</style>
src/views/dataStandards/namingDictionary/ResetNameModal.vue 0 → 100644
View file @ b905b534
<template>
<BasicModal
width="40%"
v-bind="$attrs"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup>
import { ref, computed, unref, reactive } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { resetNameFormSchema } from './referenceDocument.data';
import { useMessage } from '@/hooks/web/useMessage';
import { TreeData } from '@/views/dataStandards/basicStandards/basicStandardsData';
defineOptions({ name: 'AccountModal' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const rowId = ref('');
const getTitle = computed(() => '重命名');
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: resetNameFormSchema,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false });
await setFieldsValue({
...data.record,
});
});
/**确定按钮*/
async function handleSubmit() {
createMessage.success('重命名成功！');
closeModal();
}
</script>
src/views/dataStandards/namingDictionary/batchPublish.vue
View file @ b905b534
......@@ -71,10 +71,13 @@
data: JSON.stringify([
{
key: '企业号',
model: {},
model: {
path: 'admin_个人工作区/企业/企业号',
type: '命名字典',
},
},
]),
formSchema: '2',
formSchema: '4',
},
});
}
......
src/views/dataStandards/namingDictionary/domain/batchPublish.vue
View file @ b905b534
......@@ -78,7 +78,7 @@
model: {},
},
]),
formSchema: '4',
formSchema: '6',
},
});
}
......
src/views/dataStandards/namingDictionary/domain/edit.vue
View file @ b905b534
......@@ -15,7 +15,7 @@
</div>
<div>
<div style="font-weight: bold; font-size: 25px">短编号</div>
<div>域/共享工作区/企业/短编号</div>
<div>域/共享工作区/短编号</div>
</div>
</div>
<div style="margin-top: 10px; display: flex" v-if="!isShow">
......
src/views/dataStandards/namingDictionary/domain/index.vue
View file @ b905b534
......@@ -185,7 +185,9 @@
console.log('st', state);
}
/** 导出按钮*/
function handleExport() {}
function handleExport() {
downloadByData('excel content', '域信息.xlsx');
}
function handlePublish() {
openModalBatch(true, {});
......
src/views/dataStandards/namingDictionary/domain/publishModal.vue
View file @ b905b534
......@@ -32,18 +32,10 @@
</div>
<div class="table-row">
<div class="table-cell label">
<step-header title="属性" />
<Row>
<Col :span="6"> 域名称 </Col>
<Col :span="18"> 短编号 </Col>
</Row>
<BasicForm @register="registerLeftForm1" />
</div>
<div class="table-cell value">
<step-header title="属性" />
<Row>
<Col :span="6"> 域名称 </Col>
<Col :span="18"> 短编号 </Col>
</Row>
<BasicForm @register="registerLeftForm2" />
</div>
</div>
</div>
......@@ -57,8 +49,12 @@
import Icon from '@/components/Icon/Icon.vue';
import { ref, computed, unref, reactive } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { formSchemaPublish, formSchemaPublishTwo } from './referenceDocument.data';
import { BasicForm, FormProps, useForm } from '@/components/Form';
import {
contrastSchema4,
formSchemaPublish,
formSchemaPublishTwo,
} from './referenceDocument.data';
import { Divider, Form, Col, Row } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
......@@ -88,6 +84,21 @@
span: 23,
},
});
const [registerLeftForm1, { setFieldsValue: setLeftFieldsValue1, resetSchema: resetSchema1 }] =
useForm({
labelWidth: 100,
schemas: contrastSchema4,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm2, { setFieldsValue: setLeftFieldsValue2, resetSchema: resetSchema2 }] =
useForm({
labelWidth: 100,
schemas: contrastSchema4,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
......
src/views/dataStandards/namingDictionary/domain/referenceDocument.data.ts
View file @ b905b534
......@@ -860,3 +860,115 @@ export const contrastSchema: FormSchema[] = [
},
},
];
export const contrastSchema4: FormSchema[] = [
{
field: '',
label: '属性',
component: 'BasicTitle',
componentProps: {
readonly: true,
style: {
border: 'none',
backgroundColor: 'transparent',
marginLeft: '15px',
fontWeight: 'bold',
},
},
},
{
field: 'valueOne',
label: '域名称',
component: 'Input',
defaultValue: '短编号',
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
placeholder: '请输入名词中文名称',
},
},
{
field: 'valueTwo',
label: '父域',
component: 'Input',
defaultValue: '字符型',
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
placeholder: '请输入名词英文全称',
},
},
{
field: 'valueThree',
label: '字段示例',
component: 'Input',
defaultValue: '会员号/品种代码',
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
placeholder: '请输入名词英文简称',
},
},
{
field: 'valueFour',
label: '数据类型',
component: 'Input',
defaultValue: 'varchar',
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
},
},
{
field: 'valueFive',
label: '传统数据库数据类型',
component: 'Input',
defaultValue: 'varchar',
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
},
},
{
field: 'valueSix',
label: '长度',
component: 'Input',
defaultValue: '10',
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
},
},
{
field: 'valueSeven',
label: '精度',
component: 'Input',
defaultValue: '-',
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
},
},
];
src/views/dataStandards/namingDictionary/index.vue
View file @ b905b534
......@@ -8,7 +8,10 @@
/>
<BasicTable @register="registerTable" class="w-3/4 xl:w-4/5" :searchInfo="searchInfo">
<template #toolbar>
<a-button :disabled="getRowSelection().selectedRowKeys <= 0" type="primary" @click="handleCopy"
<a-button
:disabled="getRowSelection().selectedRowKeys <= 0"
type="primary"
@click="handleCopy"
>复制到</a-button
>
<a-button
......@@ -17,9 +20,17 @@
@click="handleDeleteIds"
>删除</a-button
>
<a-button :disabled="getRowSelection().selectedRowKeys <= 0" @click="handleMove" type="primary">移动</a-button>
<a-button
:disabled="getRowSelection().selectedRowKeys <= 0"
@click="handleMove"
type="primary"
>移动</a-button
>
<a-button @click="handleImport" type="primary">导入</a-button>
<a-button :disabled="getRowSelection().selectedRowKeys <= 0" type="primary"
<a-button
:disabled="getRowSelection().selectedRowKeys <= 0"
type="primary"
@click="handleExport"
>导出命名字典</a-button
>
<a-button
......@@ -29,11 +40,7 @@
>批量发布</a-button
>
<a-button type="primary" @click="handleAddDocumentClassification">新增名词分类</a-button>
<a-button
@click="handleAddManage"
type="primary"
>新增名词</a-button
>
<a-button @click="handleAddManage" type="primary">新增名词</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
......@@ -41,6 +48,7 @@
:actions="[
{
icon: 'ant-design:form-outlined',
onClick: resetNameButton.bind(null, record),
// label: '移动',
},
{
......@@ -83,6 +91,7 @@
<ImportModalInfo @register="registerModalImport" />
<CopyModal @register="registerCopyModal" />
<MoveModal @register="registerMOveModal" />
<ResetNameModal @register="registerResetNameModal" />
</PageWrapper>
</template>
<script lang="ts" setup>
......@@ -103,9 +112,10 @@
import { useUserStore } from '@/store/modules/user';
import { router } from '@/router';
import ManageModal from './manageModal.vue';
import CopyModal from "@/views/dataStandards/namingDictionary/CopyModal.vue";
import MoveModal from "@/views/dataStandards/namingDictionary/MoveModal.vue";
import ImportModalInfo from "@/views/dataStandards/namingDictionary/importModalInfo.vue";
import CopyModal from '@/views/dataStandards/namingDictionary/CopyModal.vue';
import MoveModal from '@/views/dataStandards/namingDictionary/MoveModal.vue';
import ImportModalInfo from '@/views/dataStandards/namingDictionary/importModalInfo.vue';
import ResetNameModal from '@/views/dataStandards/namingDictionary/ResetNameModal.vue';
defineOptions({ name: 'AccountManagement' });
const { createMessage, createConfirm } = useMessage();
......@@ -118,6 +128,15 @@
const [registerCopyModal, { openModal: openCopyModal }] = useModal();
const [registerModalManage, { openModal: openModalManage }] = useModal();
const [registerModalBatch, { openModal: openModalBatch }] = useModal();
const [registerResetNameModal, { openModal: openResetNameModal }] = useModal();
/**重命名 按钮*/
function resetNameButton(record) {
openResetNameModal(true, {
isUpdate: true,
record,
});
}
const searchInfo = reactive<Recordable>({});
const [
registerTable,
......@@ -197,7 +216,9 @@
reload();
}
/** 导出按钮*/
async function handleExport() {}
function handleExport() {
downloadByData('excel content', '命名字典信息.xlsx');
}
function handleView(record: Recordable) {
router.push({
path: '/dataStandards/namingDictionary/details',
......
src/views/dataStandards/namingDictionary/mock.ts
View file @ b905b534
......@@ -61,48 +61,14 @@ export const treeDataList = [
export const treeObjectDataList = [
{
label: '数据库对象资源',
label: '数据标准',
value: 1,
icon: 'home|svg',
children: [
{
label: 'admin_个人工作区',
label: '命名字典元模型',
value: 2,
icon: 'home|svg',
children: [
{
label: '数据源1',
value: 3,
icon: 'home|svg',
children: [{ label: '数据库1', value: 4, children: [{ label: '数据表1', value: 5 }] }],
},
],
},
{
label: '共享工作区',
value: 6,
icon: 'home|svg',
children: [
{
label: '数据源2',
value: 7,
icon: 'home|svg',
children: [{ label: '数据库2', value: 8, children: [{ label: '数据表2', value: 9 }] }],
},
],
},
{
label: '高级工作区',
value: 10,
icon: 'home|svg',
children: [
{
label: '数据源3',
value: 11,
icon: 'home|svg',
children: [{ label: '数据库3', value: 12, children: [{ label: '数据表3', value: 13 }] }],
},
],
},
],
},
......
src/views/dataStandards/namingDictionary/publishModal.vue
View file @ b905b534
......@@ -14,15 +14,15 @@
<div class="table-cell label">
<div>
<Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />
<span>短编号</span>
<div>域/共享工作区/短编号</div>
<span>企业号</span>
<div>命名字典/admin-个人工作区/企业/企业号 </div>
</div>
</div>
<div class="table-cell value">
<div>
<Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />
<span>短编号</span>
<div>域/共享工作区/短编号</div>
<span>企业号</span>
<div>命名字典/admin-个人工作区/企业/企业号 </div>
</div>
</div>
</div>
......@@ -32,18 +32,10 @@
</div>
<div class="table-row">
<div class="table-cell label">
<step-header title="属性" />
<Row>
<Col :span="6"> 域名称 </Col>
<Col :span="18"> 短编号 </Col>
</Row>
<BasicForm @register="registerLeftForm1" />
</div>
<div class="table-cell value">
<step-header title="属性" />
<Row>
<Col :span="6"> 域名称 </Col>
<Col :span="18"> 短编号 </Col>
</Row>
<BasicForm @register="registerLeftForm2" />
</div>
</div>
</div>
......@@ -58,7 +50,11 @@
import { ref, computed, unref, reactive } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { formSchemaPublish, formSchemaPublishTwo } from './referenceDocument.data';
import {
contrastSchema2,
formSchemaPublish,
formSchemaPublishTwo,
} from './referenceDocument.data';
import { Divider, Form, Col, Row } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
......@@ -88,6 +84,21 @@
span: 23,
},
});
const [registerLeftForm1, { setFieldsValue: setLeftFieldsValue1, resetSchema: resetSchema1 }] =
useForm({
labelWidth: 100,
schemas: contrastSchema2,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm2, { setFieldsValue: setLeftFieldsValue2, resetSchema: resetSchema2 }] =
useForm({
labelWidth: 100,
schemas: contrastSchema2,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
......
src/views/dataStandards/namingDictionary/referenceDocument.data.ts
View file @ b905b534
......@@ -136,7 +136,8 @@ export const formSchema: FormSchema[] = [
{
field: 'modal',
component: 'Cascader',
label: '路径',
label: '关联元模型',
defaultValue: '数据标准/命名字典元模型',
componentProps: {
// dataField: 'data',
labelField: 'label',
......@@ -510,7 +511,7 @@ export const formSchemaPublishTwo: any = [
field: 'valueOne',
label: '数据标准路径',
component: 'Input',
defaultValue: '域/共享工作区/短编号',
defaultValue: '命名字典/admin-个人工作区/企业/企业号 ',
componentProps: {
readonly: true,
disabled: true,
......@@ -655,7 +656,6 @@ export const copyFormSchema: any[] = [
},
];
export const contrastSchema: FormSchema[] = [
{
field: '',
......@@ -736,3 +736,96 @@ export const contrastSchema: FormSchema[] = [
},
},
];
export const resetNameFormSchema: FormSchema[] = [
{
field: 'name',
label: '文件中文名',
component: 'Input',
rules: [
{
required: true,
message: '请输入标准中文名称',
},
],
componentProps: {
placeholder: '请输入文件中文名',
},
colProps: { lg: 24, md: 24 },
},
];
export const contrastSchema2: FormSchema[] = [
{
field: '',
label: '属性',
component: 'BasicTitle',
componentProps: {
readonly: true,
style: {
border: 'none',
backgroundColor: 'transparent',
marginLeft: '15px',
fontWeight: 'bold',
},
},
},
{
field: 'valueOne',
label: '名词中文名称',
component: 'Input',
defaultValue: '企业号',
rules: [
{
message: '请输入名词中文名称',
},
],
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
placeholder: '请输入名词中文名称',
},
},
{
field: 'valueTwo',
label: '名词英文全称',
component: 'Input',
defaultValue: 'REF000023',
rules: [
{
message: '请输入名词英文全称',
},
],
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
placeholder: '请输入名词英文全称',
},
},
{
field: 'valueThree',
label: '名词英文简称',
component: 'Input',
defaultValue: '标准文件A',
rules: [
{
message: '请输入名词英文简称',
},
],
componentProps: {
style: {
border: 'none',
backgroundColor: 'transparent',
},
readonly: true,
placeholder: '请输入名词英文简称',
},
},
];
src/views/dataStandards/publicCode/batchPublish.vue
View file @ b905b534
......@@ -71,10 +71,13 @@
data: JSON.stringify([
{
key: '对外投资出资方式',
model: {},
model: {
path: '个人工作区/对外投资出资方式',
type: '公共代码',
},
},
]),
formSchema: '3',
formSchema: '5',
},
});
}
......
src/views/dataStandards/referenceDocument/ResetNameModal.vue 0 → 100644
View file @ b905b534
<template>
<BasicModal width="40%" v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref, reactive} from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { resetNameFormSchema } from './referenceDocument.data';
import { useMessage } from '@/hooks/web/useMessage';
import {TreeData} from "@/views/dataStandards/basicStandards/basicStandardsData";
defineOptions({ name: 'AccountModal' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const rowId = ref('');
const getTitle = computed(() => ('重命名'));
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: resetNameFormSchema,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false });
setFieldsValue({
...data.record,
})
});
/**确定按钮*/
async function handleSubmit() {
createMessage.success('重命名成功！');
closeModal()
}
</script>
src/views/dataStandards/referenceDocument/applyPublication.vue
View file @ b905b534
<template>
<div class="applyPublication_module">
<div class="top_title">
<div class="title"> 申请发布<日期类>等2个域 </div>
<div class="title"> 申请发布<{{ key }}> {{ type }} </div>
<div>
<a-button type="primary" @click="handleGoBack">取消</a-button>
<a-button style="margin-left: 20px" type="primary">提交申请</a-button>
......@@ -11,22 +11,24 @@
<BasicForm @register="registerForm1" />
<Tabs v-model:activeKey="activeKey" tab-position="left" animated>
<TabPane :key="index" :tab="item.key" v-for="(item, index) in list">
<BasicForm @register="registerForm2" />
<BasicForm @register="registerForm2">
<template #path> </template>
</BasicForm>
<div class="contrastTitle">版本对比</div>
<div class="table-container">
<div class="table-row">
<div class="table-cell label">
<div>
<Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />
<span>日期类</span>
<div>共享工作区/日期类</div>
<span>{{ key }}</span>
<div>{{ path }}</div>
</div>
</div>
<div class="table-cell value">
<div>
<Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />
<span>日期类</span>
<div>共享工作区/日期类</div>
<span>{{ key }}</span>
<div>{{ path }}</div>
</div>
</div>
</div>
......@@ -37,9 +39,17 @@
<div class="table-row">
<div class="table-cell label">
<BasicForm @register="registerLeftForm1" />
<BasicForm v-if="isShow === '1'" @register="registerLeftForm11" />
<BasicForm v-if="isShow === '1'" @register="registerLeftForm12" />
<BasicForm v-if="isShow === '2'" @register="registerLeftForm21" />
<BasicForm v-if="isShow === '2'" @register="registerLeftForm22" />
</div>
<div class="table-cell value">
<BasicForm @register="registerLeftForm2" />
<BasicForm v-if="isShow === '1'" @register="registerLeftForm11" />
<BasicForm v-if="isShow === '1'" @register="registerLeftForm12" />
<BasicForm v-if="isShow === '2'" @register="registerLeftForm21" />
<BasicForm v-if="isShow === '2'" @register="registerLeftForm22" />
</div>
</div>
</div>
......@@ -86,17 +96,23 @@
<script lang="ts" setup>
import { BasicForm, FormProps, useForm } from '@/components/Form';
import StepHeader from '@/components/stepHeader.vue';
import {nextTick, onMounted, ref} from 'vue';
import { nextTick, onMounted, ref } from 'vue';
import { Tabs, Col, Row } from 'ant-design-vue';
import {
applySchemas,
applySchemas1,
applySchemas2,
applySchemas3,
contrastSchema,
contrastSchema1,
contrastSchema2,
contrastSchema3,
contrastSchema4,
contrastSchema5,
contrastSchema6,
contrastSchema11,
contrastSchema12,
contrastSchema21,
contrastSchema22,
} from './referenceDocument.data';
import moment from 'moment';
import { router } from '@/router';
......@@ -106,16 +122,47 @@
const activeKey = ref(0);
const TabPane = Tabs.TabPane;
const list = ref([]);
const path = ref();
const type = ref();
const key = ref();
const formSchema = route.query.formSchema;
const [registerLeftForm1, { setFieldsValue: setLeftFieldsValue1, resetSchema: resetSchema1 }] = useForm({
const isShow = route.query.formSchema;
const qwe = route.query.data;
const [registerLeftForm1, { setFieldsValue: setLeftFieldsValue1, resetSchema: resetSchema1 }] =
useForm({
labelWidth: 100,
// schemas: [],
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm2, { setFieldsValue: setLeftFieldsValue2, resetSchema: resetSchema2 }] =
useForm({
labelWidth: 100,
// schemas: [],
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm11, {}] = useForm({
labelWidth: 100,
// schemas: [],
schemas: contrastSchema11,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm2, { setFieldsValue: setLeftFieldsValue2, resetSchema: resetSchema2 }] = useForm({
const [registerLeftForm12, {}] = useForm({
labelWidth: 100,
// schemas: [],
schemas: contrastSchema12,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm21, {}] = useForm({
labelWidth: 100,
schemas: contrastSchema21,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
const [registerLeftForm22, {}] = useForm({
labelWidth: 100,
schemas: contrastSchema22,
baseColProps: { span: 24 },
showActionButtonGroup: false,
} as FormProps);
......@@ -137,7 +184,7 @@
span: 23,
},
});
const [registerForm2, {}] = useForm({
const [registerForm2, { setFieldsValue: setForm2Value }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: applySchemas2,
......@@ -161,23 +208,33 @@
}
onMounted(() => {
list.value = JSON.parse(route.query.data);
console.log('formSchema', formSchema);
path.value = list.value[0].model.path;
type.value = list.value[0].model.type;
key.value = list.value[0].key;
nextTick(() => {
setForm2Value({ ...list.value[0].model, name: list.value[0].key });
console.log('formSchema', formSchema);
if (formSchema === '1') {
resetSchema1([...contrastSchema]);
resetSchema2([...contrastSchema]);
resetSchema1([...contrastSchema1]);
resetSchema2([...contrastSchema1]);
} else if (formSchema === '2') {
resetSchema1([...contrastSchema2]);
resetSchema2([...contrastSchema2]);
} else if (formSchema === '3') {
console.log('12312312');
resetSchema1([...contrastSchema3]);
resetSchema2([...contrastSchema3]);
} else if (formSchema === '4') {
resetSchema1([...contrastSchema4]);
resetSchema2([...contrastSchema4]);
} else if (formSchema === '5') {
console.log('12312312');
resetSchema1([...contrastSchema5]);
resetSchema2([...contrastSchema5]);
} else if (formSchema === '6') {
resetSchema1([...contrastSchema6]);
resetSchema2([...contrastSchema6]);
}
})
});
setFieldsValue({
time: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
});
......
src/views/dataStandards/referenceDocument/batchPublish.vue
View file @ b905b534
......@@ -71,10 +71,14 @@
data: JSON.stringify([
{
key: '标准文件A',
model: {},
model: {
path: '引用文档管理/admin-个人工作区/国家标准/标准文件A',
type: '引用文档',
},
},
]),
formSchema: '1',
formSchema: '3',
},
});
}
......
src/views/dataStandards/referenceDocument/index.vue
View file @ b905b534
......@@ -19,7 +19,12 @@
>
<a-button :disabled="getRowSelection().selectedRowKeys <= 0" type="primary">移动</a-button>
<a-button type="primary" @click="handleImport">导入文档信息</a-button>
<a-button :disabled="getRowSelection().selectedRowKeys <= 0" type="primary">导出</a-button>
<a-button
:disabled="getRowSelection().selectedRowKeys <= 0"
type="primary"
@click="handleExport"
>导出</a-button
>
<a-button
:disabled="getRowSelection().selectedRowKeys <= 0"
type="primary"
......@@ -74,6 +79,7 @@
<ImportModalInfo @register="registerModalImport" />
<CopyModal @register="registerCopyModal" @success="handleSuccess" />
<MoveModal @register="registerMoveModal" @success="handleSuccess" />
<ResetNameModal @register="registerResetNameModal" @success="handleSuccess" />
</PageWrapper>
</template>
<script lang="ts" setup>
......@@ -96,7 +102,8 @@
import BatchPublish from '@/views/dataStandards/referenceDocument/batchPublish.vue';
import CopyModal from './CopyModal.vue';
import MoveModal from './MoveModal.vue';
import ImportModalInfo from "@/views/dataStandards/referenceDocument/importModalInfo.vue";
import ImportModalInfo from '@/views/dataStandards/referenceDocument/importModalInfo.vue';
import ResetNameModal from '@/views/dataStandards/referenceDocument/ResetNameModal.vue';
defineOptions({ name: 'AccountManagement' });
const { createMessage, createConfirm } = useMessage();
......@@ -190,7 +197,9 @@
reload();
}
/** 导出按钮*/
async function handleExport() {}
function handleExport() {
downloadByData('excel content', '引用文档信息.xlsx');
}
function handleView(record: Recordable) {
router.push({
path: '/dataStandards/referenceDocument/details',
......@@ -208,7 +217,7 @@
/**关联关系*/
function relatedRelationshipsButton(record: Recordable) {
router.push({
path: '/dataStandards/basicStandards/relatedRelationships',
path: '/dataStandards/referenceDocument/relatedRelationships',
query: {
businessId: 201,
},
......
src/views/dataStandards/referenceDocument/mock.ts
View file @ b905b534
......@@ -120,3 +120,15 @@ export const rightContrastData: any[] = [
valueEight: '-',
},
];
export const relatedRelationshipsData2 = [
{
businessId: '1',
standardName: '当前就读学校',
standardNumber: 'BIDQ000000001',
path: '/基础标准/DMP_admin-个人工作区/...',
associationRelation:'无',
associationDescription: '无',
associationTime: '2024-01-01 10:00:00',
operatorUser: 'DMP_admin',
},
]
src/views/dataStandards/referenceDocument/relatedReferenceDocumentModal.vue 0 → 100644
View file @ b905b534
<template>
<BasicModal width="40%" v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref, reactive} from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { relatedBasicStandardsSchema } from './referenceDocument.data';
import { useMessage } from '@/hooks/web/useMessage';
import {qualityTreeData, TreeData} from "@/views/dataStandards/basicStandards/basicStandardsData";
import { BasicTable, useTable, TableAction } from '@/components/Table';
defineOptions({ name: 'AccountModal' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const rowId = ref('');
const getTitle = computed(() => ('关联基础标准'));
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: relatedBasicStandardsSchema,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false });
setFieldsValue({
...data.record,
})
const treeList = handleTree(TreeData, 'businessId',undefined,undefined,undefined)
updateSchema([
{
field: 'basicStandardsTree',
componentProps: {
treeData: treeList
},
},
]);
});
/**确定按钮*/
async function handleSubmit() {
createMessage.success('移动成功');
closeModal()
}
/**数组对象转成树*/
function handleTree(data, id, parentId, children, rootId) {
id = id || 'id'
parentId = parentId || 'parentId'
children = children || 'children'
rootId = rootId || Math.min.apply(Math, data.map(item => { return item[parentId] })) || 0
// 对源数据深度克隆
const cloneData = JSON.parse(JSON.stringify(data))
// 循环所有项
const treeData = cloneData.filter(father => {
const branchArr = cloneData.filter(child => {
// 返回每一项的子级数组
return father[id] === child[parentId]
})
branchArr.length > 0 ? father.children = branchArr : ''
// 返回第一层
return father[parentId] === rootId
})
return treeData !== '' ? treeData : data
}
</script>
src/views/dataStandards/referenceDocument/relatedRelationships.vue 0 → 100644
View file @ b905b534
<template>
<PageWrapper :title="title" class="content-padding" contentBackground @back="goBack">
<BasicTable @register="registerTable2">
<template #toolbar>
<a-button type="primary" @click="referenceBasicStandardsButton">引用标准</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
//解绑
icon: 'ant-design:link-outlined',
onClick: unbindButton.bind(null, record),
},
]"
/>
</template>
</template>
</BasicTable>
<!-- 引用基础标准 弹窗-->
<RelatedBasicStandardModal @register="registerBasicStandardModal" @success="handleSuccess" />
</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 { PageWrapper } from '@/components/Page';
import { useGo } from '@/hooks/web/usePage';
import { BasicTable, useTable, TableAction } from '@/components/Table';
import RelatedQualityModal from './relatedQualityModal.vue';
import RelatedBasicStandardModal from './relatedReferenceDocumentModal.vue';
import RelatedMetaDataModal from './relatedMetaDataModal.vue';
import RelatedIndicatorStandardsModal from './relatedIndicatorStandardsModal.vue';
import { relatedRelationshipColumns2 } from './referenceDocument.data';
import { relatedRelationshipsData2 } from './mock';
import { useModal } from '@/components/Modal';
const go = useGo();
const route = useRoute();
const title = ref('关联关系');
const { createMessage, createConfirm } = useMessage();
const [registerBasicStandardModal, { openModal: openBasicStandardModal }] = useModal();
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,
showTableSetting: false,
pagination: false,
showIndexColumn: false,
bordered: true,
scroll: { y: 500 },
actionColumn: {
width: 100,
title: '操作',
dataIndex: 'action',
},
});
/**引用基础标准 按钮*/
function referenceBasicStandardsButton(record) {
openBasicStandardModal(true, {});
}
/**解绑 按钮*/
function unbindButton(record) {
createConfirm({
iconType: 'warning',
title: '确认解绑',
content: '确认解绑选中的数据吗？',
onOk() {
createMessage.success('解绑成功!');
},
});
}
/**按钮*/
function Button(record) {
router.push({
path: '',
query: {},
});
}
/**返回*/
function goBack() {
// 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页
go('/dataStandards/IndicatorStandards/index');
}
/**初始化*/
onMounted(() => {});
</script>
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