Skip to content

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

数据治理-物理模型

parent ae6ac637
Hide whitespace changes
Inline Side-by-side
Showing with 726 additions and 155 deletions
src/views/dataWarehousePlanning/physicalModel/index.vue
View file @ f9b42ea1
......@@ -27,12 +27,7 @@
@click="handlePublish"
>发布</a-button
>
<a-button
type="primary"
:disabled="getRowSelection().selectedRowKeys <= 0"
@click="handleBaseImport"
>从元数据导入</a-button
>
<a-button type="primary" @click="handleBaseImport">从元数据导入</a-button>
<a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0">导出</a-button>
<a-button type="primary" @click="handleImport">导入</a-button>
<a-button type="primary" @click="handleCreateFolder">新建文件夹</a-button>
......@@ -99,10 +94,7 @@
import { useGo } from '@/hooks/web/usePage';
import { useRoute, onBeforeRouteLeave, useRouter } from 'vue-router';
import { useFilterStore } from '@/store/modules/filterData';
import {
TreesData,
TreeSystem
} from '@/views/dataWarehousePlanning/physicalModel/modelData';
import { TreesData, TreeSystem } from '@/views/dataWarehousePlanning/physicalModel/modelData';
import ModelTree from '@/views/dataWarehousePlanning/physicalModel/ModelTree.vue';
import RadioButtonGroup from '@/components/Form/src/components/RadioButtonGroup.vue';
import ModelMoreCreate from '@/views/dataWarehousePlanning/physicalModel/modelDetail/modelMoreCreate.vue';
......
src/views/dataWarehousePlanning/physicalModel/modelAdd.vue
View file @ f9b42ea1
......@@ -10,99 +10,96 @@
</BasicModal>
</template>
<script lang="ts" setup>
import { ref, computed, unref } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import {physicalModelAdd } from './model.data';
import { useMessage } from '@/hooks/web/useMessage';
import { TreeData } from '@/views/dataWarehousePlanning/physicalModel/modelData';
import { router } from '@/router';
import { ref, computed, unref } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { physicalModelAdd } from './model.data';
import { useMessage } from '@/hooks/web/useMessage';
import { TreeData } from '@/views/dataWarehousePlanning/physicalModel/modelData';
import { router } from '@/router';
defineOptions({ name: 'ModelAdd' });
defineOptions({ name: 'ModelAdd' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const isMove = ref(false);
const rowId = ref('');
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: physicalModelAdd,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false });
isUpdate.value = !!data?.isUpdate;
isMove.value = !!data?.isMove;
if (unref(isUpdate)) {
// 获取行数据的id
rowId.value = data.record.businessId;
// 塞值
setFieldsValue({
...data.record,
});
}
const treeList = handleTree(TreeData, 'businessId', undefined, undefined, undefined);
console.log('treeList', treeList);
updateSchema([
{
field: 'modelId',
componentProps: {
treeData: treeList,
},
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const isMove = ref(false);
const rowId = ref('');
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: physicalModelAdd,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
]);
});
const getTitle = computed(() => '新建文件夹');
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false });
isUpdate.value = !!data?.isUpdate;
isMove.value = !!data?.isMove;
if (unref(isUpdate)) {
// 获取行数据的id
rowId.value = data.record.businessId;
// 塞值
setFieldsValue({
...data.record,
});
}
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
}
const treeList = handleTree(TreeData, 'businessId', undefined, undefined, undefined);
console.log('treeList', treeList);
updateSchema([
{
field: 'modelId',
componentProps: {
treeData: treeList,
},
},
]);
});
/**确定按钮*/
function handleSubmit() {
router.push({
path: '/metaModel/physicsModel/EditRowTable',
query: {
const getTitle = computed(() => '新建文件夹');
},
});
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;
}
closeModal()
}
/**确定按钮*/
function handleSubmit() {
router.push({
path: '/metaModel/physicsModel/EditRowTable',
query: {},
});
closeModal();
}
</script>
src/views/dataWarehousePlanning/physicalModel/modelData.ts
View file @ f9b42ea1
......@@ -169,6 +169,7 @@ export const TreeData: any[] = [
delFlag: '0',
flag: '1',
businessId: 100,
value: 100,
modelName: '物理模型',
parentId: 0,
'code:': '001',
......@@ -182,44 +183,52 @@ export const TreeData: any[] = [
},
{
businessId: 101,
value: 101,
modelName: '个人工作区',
parentId: 100,
},
{
businessId: 201,
value: 201,
modelName: '数仓1',
parentId: 101,
},
{
businessId: 301,
value: 301,
modelName: 'argodb_test',
parentId: 201,
},
{
businessId: 401,
value: 401,
modelName: 'dw_prd_contract_f',
parentId: 301,
},
{
businessId: 102,
value: 102,
modelName: '共享工作区',
parentId: 100,
},
{
businessId: 202,
value: 202,
modelName: '数仓2',
parentId: 102,
},
{
businessId: 302,
value: 302,
modelName: 'argodb_test',
parentId: 202,
},
{
businessId: 402,
value: 402,
modelName: 'dw_prd_contract_f',
parentId: 302,
},
......
src/views/dataWarehousePlanning/physicalModel/modelDetail/ModelTree.vue 0 → 100644
View file @ f9b42ea1
<template>
<div class="m-4 mr-0 overflow-hidden bg-white">
<BasicTree
ref="treeRef"
treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"
:clickRowToExpand="true"
:defaultExpandAll="true"
:checkable="prop.checkable"
:treeData="treeData"
:fieldNames="{ key: 'businessId', title: 'modelName' }"
@select="handleSelect"
/>
</div>
</template>
<script lang="ts" setup>
import { nextTick, onMounted, ref, unref } from 'vue';
import { BasicTree, TreeActionType, TreeItem } from '@/components/Tree';
import { Nullable } from '@vben/types';
import { TreeData } from '@/views/dataWarehousePlanning/physicalModel/modelData';
defineOptions({ name: 'DeptTree' });
const emit = defineEmits(['select']);
const prop = defineProps({
checkable: {
type: Boolean,
default: false,
},
});
const treeData = ref<TreeItem[]>([]);
const treeRef = ref<Nullable<TreeActionType>>(null);
function getTree() {
const tree = unref(treeRef);
if (!tree) {
throw new Error('tree is null!');
}
return tree;
}
async function fetch() {
const data = TreeData;
treeData.value = handleTree(data, 'businessId', undefined, undefined, undefined);
await nextTick(() => {
getTree().expandAll(true);
});
}
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;
}
function handleSelect(keys) {
emit('select', keys[0]);
}
onMounted(() => {
fetch();
});
</script>
src/views/dataWarehousePlanning/physicalModel/modelDetail/SourceDataModal.vue 0 → 100644
View file @ f9b42ea1
<template>
<BasicModal
width="40%"
v-bind="$attrs"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup>
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import {dataSourceFormSchema, modelFormSchema} from './model.data';
import { useMessage } from '@/hooks/web/useMessage';
import { TreeData } from '@/views/dataWarehousePlanning/physicalModel/modelData';
import {ref, unref} from "vue";
import {physicalModelAdd} from "@/views/dataWarehousePlanning/physicalModel/model.data";
const { createMessage } = useMessage();
const getTitle = '关联元数据';
const isUpdate = ref(true);
const rowId = ref('');
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: dataSourceFormSchema,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false });
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
// 获取行数据的id
rowId.value = data.record.businessId;
// 塞值
await setFieldsValue({
...data.record,
});
}
const treeList = handleTree(TreeData, 'businessId', undefined, undefined, undefined);
console.log('treeList', treeList);
await updateSchema([
{
field: 'modelId',
componentProps: {
treeData: treeList,
},
},
]);
});
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;
}
function handleSubmit() {
closeModal();
createMessage.success('关联成功');
}
</script>
<style scoped></style>
src/views/dataWarehousePlanning/physicalModel/modelDetail/assetRelation/assetER.vue
View file @ f9b42ea1
......@@ -4,7 +4,7 @@
<a-button type="primary">导出</a-button>
<a-button type="primary">刷新</a-button>
<a-button type="primary">全屏</a-button>
<a-button type="primary">退出</a-button>
<a-button type="primary" @click="handleQuit">退出</a-button>
</template>
<img src="../../../../../assets/images/assetER.png" style="width: 100%" />
</PageWrapper>
......@@ -36,6 +36,9 @@
function handleGoBack() {
router.go(-1);
}
function handleQuit() {
router.go(-1);
}
function handleAdd() {
openModal(true);
}
......
src/views/dataWarehousePlanning/physicalModel/modelDetail/createSqlModal.vue 0 → 100644
View file @ f9b42ea1
<template>
<BasicModal
width="40%"
height="200px"
v-bind="$attrs"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup>
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { createSqlFormSchema } from './model.data';
import { useMessage } from '@/hooks/web/useMessage';
const { createMessage } = useMessage();
const getTitle = '关联元数据';
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: createSqlFormSchema,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {});
function handleSubmit() {
closeModal();
createMessage.success('新建成功');
}
</script>
<style scoped></style>
src/views/dataWarehousePlanning/physicalModel/modelDetail/index.vue
View file @ f9b42ea1
......@@ -401,14 +401,16 @@
/** 发布*/
function handlePublish() {
console.log('editStatus', editStatus);
if (editStatus === '编辑中') {
openFailModal(true);
} else {
push({
path: '/dataWarehousePlanning/physicalModel/upload',
});
}
createConfirm({
iconType: 'info',
title: '发布',
content: '确认进入到申请发布页面？',
onOk() {
push({
path: '/dataWarehousePlanning/physicalModel/upload',
});
},
});
}
function handleGoBack() {
......
src/views/dataWarehousePlanning/physicalModel/modelDetail/model.data.ts
View file @ f9b42ea1
import { BasicColumn, FormSchema } from '@/components/Table';
import { DescItem } from '@/components/Description';
import { TreeData } from '@/views/metadata/metadataData';
// 引入开关组件
export const entityColumns: BasicColumn[] = [
{
......@@ -74,6 +75,144 @@ export const PhysicalColumns: BasicColumn[] = [
width: 150,
},
];
export const dataSourceFormSchema: FormSchema[] = [
{
field: 'modelId',
label: '关联元数据',
component: 'TreeSelect',
colProps: { lg: 24, md: 24 },
componentProps: {
fieldNames: {
label: 'workSpaceName',
value: 'businessId',
},
treeData: handleTree(TreeData, 'businessId', undefined, undefined, undefined),
},
},
];
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;
}
export const createSqlFormSchema: FormSchema[] = [
{
field: 'sqlName',
label: '名称',
component: 'Input',
colProps: { lg: 24, md: 24 },
},
{
field: 'sqlPath',
label: '路径',
component: 'TreeSelect',
componentProps: {
treeData: [
{
title: 'DMP_admin-个人工作区',
value: '0-0-0',
icon: 'ion:desktop-outline',
children: [
{ title: 'employee', value: '0-0-0-1', icon: 'ant-design:line-chart-outlined' },
{ title: 'employee1', value: '0-0-0-2', icon: 'ant-design:line-chart-outlined' },
],
},
{
title: '共享工作区',
value: '0-0-1',
icon: 'ion:desktop-outline',
children: [
{ title: 'employee2', value: '0-0-0-3', icon: 'ant-design:line-chart-outlined' },
{ title: 'employee3', value: '0-0-0-4', icon: 'ant-design:line-chart-outlined' },
],
},
{
title: '商城工作区',
value: '0-0-3',
icon: 'ion:desktop-outline',
children: [
{ title: 'employee4', value: '0-0-0-7', icon: 'ant-design:line-chart-outlined' },
{ title: 'employee5', value: '0-0-0-8', icon: 'ant-design:line-chart-outlined' },
],
},
],
},
colProps: { lg: 24 },
},
{
field: 'relateDes',
label: '关联描述',
component: 'Input',
colProps: { lg: 24, md: 24 },
},
];
export const relateSqlFormSchema: FormSchema[] = [
{
field: 'relateSql',
label: '关联Sql文件',
component: 'TreeSelect',
componentProps: {
treeData: [
{
title: 'DMP_admin-个人工作区',
value: '0-0-0',
icon: 'ion:desktop-outline',
children: [
{ title: 'employee', value: '0-0-0-1', icon: 'ant-design:line-chart-outlined' },
{ title: 'employee1', value: '0-0-0-2', icon: 'ant-design:line-chart-outlined' },
],
},
{
title: '共享工作区',
value: '0-0-1',
icon: 'ion:desktop-outline',
children: [
{ title: 'employee2', value: '0-0-0-3', icon: 'ant-design:line-chart-outlined' },
{ title: 'employee3', value: '0-0-0-4', icon: 'ant-design:line-chart-outlined' },
],
},
{
title: '商城工作区',
value: '0-0-3',
icon: 'ion:desktop-outline',
children: [
{ title: 'employee4', value: '0-0-0-7', icon: 'ant-design:line-chart-outlined' },
{ title: 'employee5', value: '0-0-0-8', icon: 'ant-design:line-chart-outlined' },
],
},
],
},
colProps: { lg: 24 },
},
{
field: 'relateDes',
label: '关联描述',
component: 'InputTextArea',
colProps: { lg: 24, md: 24 },
},
];
export const SqlDevelopColumns: BasicColumn[] = [
{
......@@ -375,13 +514,10 @@ export const piblishCreateFormSchema: any[] = [
{
field: 'editDataBase',
label: '待修改元数据',
component: 'InputSearch',
component: 'Select',
componentProps: {
itemIcon: 'settings-outline',
options: [
{ label: '版本V1.0', value: '版本V1.0' },
{ label: '版本V1.1', value: '版本V1.1' },
],
options: [{ label: 'dw_prd_oontract_quot_h_s', value: 'dw_prd_oontract_quot_h_s' }],
},
colProps: { lg: 24, md: 24 },
required: true,
......@@ -556,7 +692,6 @@ export const phycomparisonInfoSchema: DescItem[] = [
},
];
export const failColumns: BasicColumn[] = [
{
title: '模型名称',
......
src/views/dataWarehousePlanning/physicalModel/modelDetail/modelData.ts
View file @ f9b42ea1
......@@ -76,14 +76,6 @@ export const entityData: any[] = [
syncTime: '2024-11-01 13:44:16',
operateName: 'user',
},
{
name: 'pltable_yca12',
dataBase: 'INCEPTOR',
modelId: '/sdfasdf/y_test/pltable_yca12',
relateTime: '2023/12/30 12:21:09',
syncTime: '2024-02-11 10:14:16',
operateName: 'user',
},
];
export const PhysicalData: any[] = [
......
src/views/dataWarehousePlanning/physicalModel/modelDetail/modelRelationship/relateImage.vue
View file @ f9b42ea1
<template>
<PageWrapper title="模型关系" contentBackground headerSticky @back="handleGoBack">
<PageWrapper title="模型关系" @back="handleGoBack">
<template #extra>
<a-button type="primary">刷新</a-button>
<a-button type="primary">全屏</a-button>
<a-button type="primary">退出</a-button>
<a-button type="primary" @click="handleQuit">退出</a-button>
</template>
<template #footer>
<div style="display: flex">
......@@ -26,21 +26,56 @@
/></a-button>
</div>
<div style="flex: 4">
<img
v-if="modelLevel === '1' || modelLevel === '2'"
src="../../../../../assets/images/ERchart.jpg"
class="erchart-img"
/>
<img
v-if="modelLevel === '3' || modelLevel === '4'"
src="../../../../../assets/images/modelrelate.png"
class="erchart-img"
/>
<img
v-if="modelLevel === '5' || modelLevel === '6'"
src="../../../../../assets/images/modelrelate1.png"
class="erchart-img"
/>
<div :class="divHeight > 57 ? 'imgclass1' : 'imgclass2'">
<img src="../../../../../assets/images/ERchart.jpg" class="erchart-img" />
</div>
<div v-show="modelLevel === '3' || modelLevel === '4'" ref="info">
<CollapseContainer title="基础收缩示例">
<Tabs v-model:activeKey="tabsKey">
<Tabs.TabPane key="1" tab="基本信息">
<div class="comparsion-title">表信息</div>
<Description
size="middle"
:bordered="false"
:column="2"
:data="infoData"
:schema="checkFormSchema"
/>
<Divider style="width: 48%" />
<div class="comparsion-title">管理元数据</div>
<Description
size="middle"
:bordered="false"
:column="2"
:data="partitioncheckinfoData"
:schema="partitioncheckFormSchema"
/>
</Tabs.TabPane>
<Tabs.TabPane key="2" tab="详细信息">
<div class="comparsion-title">分区信息</div>
<Description
size="middle"
:bordered="false"
:column="1"
:data="areaInfoData"
:schema="areaFormSchema"
/>
<Divider style="width: 50%" />
<div class="comparsion-title">分桶信息</div>
<Description
size="middle"
:bordered="false"
:column="1"
:data="bucketInfoData"
:schema="bucketFormSchema"
/>
<Divider style="width: 50%" />
<div class="comparsion-title">列信息</div>
<BasicTable @register="registerTable" :searchInfo="searchInfo" />
</Tabs.TabPane>
</Tabs>
</CollapseContainer>
</div>
</div>
</div>
</template>
......@@ -56,24 +91,75 @@
import { chartTreeData } from './relate.data';
import CrossModel from '@/views/dataWarehousePlanning/physicalModel/modelDetail/modelRelationship/crossModel.vue';
import { useModal } from '@/components/Modal';
import { ref } from 'vue';
import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
import { useRouter } from 'vue-router';
import { Divider, Tabs } from 'ant-design-vue';
import { CollapseContainer } from '@/components/Container';
import { BasicForm } from '@/components/Form';
import {
areaFormSchema,
areaInfoData,
bucketFormSchema,
bucketInfoData,
checkFormSchema,
infoData,
partitioncheckFormSchema,
partitioncheckinfoData,
} from '@/views/dataWarehousePlanning/physicalModel/upload/uploadData';
import { Description } from '@/components/Description';
import { BasicTable, useTable } from '@/components/Table';
import { checkinfoData } from '@/views/dataWarehousePlanning/physicalModel/modelDetail/modelData';
import { checkcolumnsDetail } from '@/views/dataWarehousePlanning/physicalModel/model.data';
// 模态框
const [crossModal, { openModal }] = useModal();
const tabsKey = ref('1');
let modelLevel = ref('1');
// 获取目标 div
const height = ref(0);
const [
registerTable,
{ reload, updateTableDataRecord, getSearchInfo, getForm, getRowSelection },
] = useTable({
scroll: { y: 200 },
api: async (params) => {
console.log('params:', params);
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: checkinfoData.length,
code: '',
message: '',
data: checkinfoData,
};
return { ...response };
},
columns: checkcolumnsDetail,
showIndexColumn: false,
rowSelection: false,
pagination: true,
useSearchForm: false,
showTableSetting: false,
bordered: true,
});
function handleSelect(key) {
if (key[0] !== null && key[0] !== undefined) {
modelLevel.value = key[0];
} else {
modelLevel.value = '0';
}
console.log('dasd', modelLevel.value);
}
function handleAdd() {
openModal(true);
}
function handleQuit() {
router.go(-1);
}
const router = useRouter();
function handleGoBack() {
router.go(-1);
......@@ -88,10 +174,57 @@
// value: '当前模型实体',
// },
// ];
const divHeight = ref(0); // Store the height of the div
const info = ref(null); // Reference to the info div
// Function to update divHeight based on the element's height
const updateHeight = () => {
if (info.value) {
divHeight.value = info.value.offsetHeight;
}
};
onMounted(() => {
// Set the initial height on mount
if (info.value) {
updateHeight();
// Set up ResizeObserver to monitor the size changes of the div
const resizeObserver = new ResizeObserver(updateHeight);
resizeObserver.observe(info.value);
// Cleanup observer when the component is unmounted
onBeforeUnmount(() => {
resizeObserver.disconnect();
});
}
});
</script>
<style scoped>
.erchart-img {
height: calc(100vh - 200px);
width: 100%;
object-fit: cover;
}
.comparsion-title {
font-size: 14px;
font-weight: 550;
margin-bottom: 15px;
}
.info {
width: 100%;
padding: 10px;
background-color: lightblue;
resize: both;
overflow: auto;
}
.imgclass1 {
height: 300px;
overflow-y: hidden;
}
.imgclass2 {
height: 700px;
overflow-y: hidden;
}
</style>
src/views/dataWarehousePlanning/physicalModel/modelDetail/relateSqlModal.vue 0 → 100644
View file @ f9b42ea1
<template>
<BasicModal
width="40%"
height="200px"
v-bind="$attrs"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup>
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { relateSqlFormSchema} from './model.data';
import { useMessage } from '@/hooks/web/useMessage';
const { createMessage } = useMessage();
const getTitle = '关联元数据';
//初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
baseColProps: { lg: 12, md: 24 },
schemas: relateSqlFormSchema,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {});
function handleSubmit() {
closeModal();
createMessage.success('关联成功');
}
</script>
<style scoped></style>
src/views/dataWarehousePlanning/physicalModel/modelDetail/sourceData.vue
View file @ f9b42ea1
......@@ -19,6 +19,8 @@
</template>
</template>
</BasicTable>
<SourceDataModal @register="dataModal" />
</div>
</template>
<script lang="ts" setup>
......@@ -32,15 +34,19 @@
import { entityData } from '@/views/dataWarehousePlanning/physicalModel/modelDetail/modelData';
import EntityModel from './entityModel.vue';
import { useModal } from '@/components/Modal';
import { useMessage } from '@/hooks/web/useMessage';
import SourceDataModal
from "@/views/dataWarehousePlanning/physicalModel/modelDetail/SourceDataModal.vue";
const { push } = useRouter();
const { createMessage, createConfirm } = useMessage();
defineOptions({ name: 'AccountManagement' });
const props = defineProps({
editFlag: Boolean,
});
// 模态框
const [entityModal, { openModal }] = useModal();
const [dataModal, { openModal }] = useModal();
// 实体新增
function handleEntityModel() {
openModal(true, {
......@@ -48,7 +54,20 @@
});
}
// 实体编辑
function handleEntityEditModel(record: Recordable) {}
function handleEntityEditModel(record: Recordable) {
createConfirm({
iconType: 'warning',
title: '解除绑定',
okText: '确定',
content: '确定解除与元数据的关联关系吗？',
onOk() {
createMessage.success('解除绑定成功!');
},
});
}
function handleCrossModel() {
openModal();
}
function entitySuccess({ isUpdate, values }) {
if (isUpdate) {
// 注意：updateTableDataRecord要求表格的rowKey属性为string并且存在于每一行的record的keys中
......@@ -70,7 +89,7 @@
] = useTable({
title: '关联元数据',
// 定高
scroll: {y: 150},
scroll: { y: 150 },
// 数据
api: async (params) => {
console.log('params:', params);
......@@ -83,7 +102,7 @@
message: '',
data: entityData,
};
return {...response};
return { ...response };
},
rowKey: 'businessId',
// 列
......
src/views/dataWarehousePlanning/physicalModel/modelDetail/sqlDevelop.vue
View file @ f9b42ea1
......@@ -2,8 +2,15 @@
<div>
<BasicTable @register="registerTable" :searchInfo="searchInfo">
<template #toolbar>
<a-button style="color: #0960bd" type="link"><PlusOutlined />新建Sql文件</a-button>
<a-button type="link" @click="handleRelieve" :disabled="getRowSelection().selectedRowKeys <= 0">批量解绑</a-button>
<a-button style="color: #0960bd" type="link" @click="handleCreateSql"
><PlusOutlined />新建Sql文件</a-button
>
<a-button
type="link"
@click="handleRelieve"
:disabled="getRowSelection().selectedRowKeys <= 0"
>批量解绑</a-button
>
<a-button style="color: #0960bd" type="link" @click="handleCrossModel"
><Icon icon="ant-design:link-outlined" />关联Sql文件</a-button
>
......@@ -21,6 +28,8 @@
</template>
</template>
</BasicTable>
<CreateSqlModal @register="createSqlModal" />
<RelateSqlModal @register="relateSqlModal" />
</div>
</template>
<script lang="ts" setup>
......@@ -38,6 +47,8 @@
} from '@/views/dataWarehousePlanning/physicalModel/modelDetail/modelData';
import { useModal } from '@/components/Modal';
import { DeleteTwoTone, PlusOutlined } from '@ant-design/icons-vue';
import CreateSqlModal from '@/views/dataWarehousePlanning/physicalModel/modelDetail/createSqlModal.vue';
import RelateSqlModal from '@/views/dataWarehousePlanning/physicalModel/modelDetail/relateSqlModal.vue';
const { push } = useRouter();
const { createMessage, createConfirm } = useMessage();
......@@ -47,15 +58,28 @@
editFlag: Boolean,
});
// 模态框
const [entityModal, { openModal }] = useModal();
// 实体新增
function handleEntityModel() {
openModal(true, {
isUpdate: false,
const [createSqlModal, { openModal: openCreateModal }] = useModal();
const [relateSqlModal, { openModal: openRelateModal }] = useModal();
// 实体编辑
function handleEntityEditModel(record: Recordable) {
createConfirm({
iconType: 'warning',
title: '解除绑定',
okText: '确定',
content: '确定解除与Sql开发的关联关系吗？',
onOk() {
createMessage.success('解除绑定成功!');
},
});
}
// 实体编辑
function handleEntityEditModel(record: Recordable) {}
function handleCreateSql() {
openCreateModal();
}
function handleCrossModel() {
openRelateModal();
}
function entitySuccess({ isUpdate, values }) {
if (isUpdate) {
// 注意：updateTableDataRecord要求表格的rowKey属性为string并且存在于每一行的record的keys中
......@@ -77,7 +101,7 @@
] = useTable({
title: 'Sql开发',
// 定高
scroll: {y: 150},
scroll: { y: 150 },
// 数据
api: async (params) => {
console.log('params:', params);
......@@ -90,7 +114,7 @@
message: '',
data: sqlDevelopData,
};
return {...response};
return { ...response };
},
rowKey: 'businessId',
// 列
......
src/views/dataWarehousePlanning/physicalModel/upload/detail.vue
View file @ f9b42ea1
......@@ -46,7 +46,6 @@
/>
<Divider style="width: 50%" />
<div class="comparsion-title">列信息</div>
<BasicTable @register="registerTable" :searchInfo="searchInfo" />
</div>
</template>
......
src/views/dataWarehousePlanning/physicalModel/upload/index.vue
View file @ f9b42ea1
......@@ -72,7 +72,9 @@
import BasicTable from '@/components/Table/src/BasicTable.vue';
import { useTable } from '@/components/Table';
import { useRouter } from 'vue-router';
import { useMessage } from '@/hooks/web/useMessage';
const { createMessage } = useMessage();
const router = useRouter();
const { push } = useRouter();
const basicVersion = ref('V1.0 2023-06-15 15:34:40');
......@@ -91,6 +93,7 @@
}
function handleSubmit() {
router.go(-1);
createMessage.success('提交成功');
}
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100,
......
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