<template>
|
<el-container v-loading="createViewLoading">
|
<el-aside>
|
<basic-container>
|
<div ref="TreeBox" style="height: calc(100vh - 154px);!important;">
|
<!-- 左侧树 -->
|
<div style="height: calc(100vh - 190px);">
|
<avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick">
|
<span slot-scope="{ node, data }" class="el-tree-node__label">
|
<span style="font-size: 15px">
|
<i class="el-icon-s-promotion"></i>
|
{{ (node || {}).label }}
|
</span>
|
</span>
|
</avue-tree>
|
</div>
|
</div>
|
</basic-container>
|
</el-aside>
|
|
<el-main>
|
<basic-container>
|
<div>
|
<el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">创建</el-button>
|
<el-button icon="el-icon-edit" plain size="small" type="primary" @click="editClickHandler">修改</el-button>
|
<el-button icon="el-icon-delete" plain size="small" type="danger" @click="deleteClickHandler">删除</el-button>
|
<el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">导出</el-button>
|
<el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">导入</el-button>
|
<el-button icon="el-icon-circle-plus-outline" plain size="small" type="primary" @click="createViewClickHandler">创建视图</el-button>
|
<el-button icon="el-icon-menu" plain size="small" type="primary" @click="checkClickHandler">一致性检查</el-button>
|
</div>
|
<div style="height: 380px;margin-top: 10px">
|
<el-descriptions :column="2" border class="margin-top" size="medium">
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.id"></i>
|
名称
|
</template>
|
{{ nodeRow.name }}
|
</el-descriptions-item>
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.name"></i>
|
标签
|
</template>
|
{{ nodeRow.tag }}
|
</el-descriptions-item>
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.tableName"></i>
|
实现类
|
</template>
|
{{ nodeRow.implClass }}
|
</el-descriptions-item>
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.domain"></i>
|
形状
|
</template>
|
<el-tag v-if="nodeRow.shape">
|
{{ nodeRow.shape }}
|
</el-tag>
|
</el-descriptions-item>
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.desc"></i>
|
描述
|
</template>
|
{{ nodeRow.description }}
|
</el-descriptions-item>
|
</el-descriptions>
|
|
<el-descriptions :column="3" border class="margin-top" direction="vertical">
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.from"></i>
|
From端类型
|
</template>
|
<div style="height: 60px;overflow-y: auto;display: flex;flex-wrap: wrap">
|
<span v-for="item in nodeRow.btmItemsFrom" style="margin-left:3px;">
|
<el-tag effect="plain" style="margin-top: 3px;">
|
{{ item }}
|
</el-tag>
|
</span>
|
</div>
|
</el-descriptions-item>
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.from"></i>
|
Form端主类型
|
</template>
|
<el-tag v-if="nodeRow.primitivesFrom" effect="plain">
|
{{ nodeRow.primitivesFrom === '请选择' ? nodeRow.btmItemsFrom[0] : nodeRow.primitivesFrom }}
|
</el-tag>
|
</el-descriptions-item>
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.from"></i>
|
From端对应关系
|
</template>
|
<el-tag v-if="nodeRow.relationFrom" effect="plain">{{ nodeRow.relationFrom }}</el-tag>
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-descriptions :column="3" border class="margin-top" direction="vertical">
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.to"></i>
|
To端类型
|
</template>
|
<div style="height: 60px;overflow-y: auto;display: flex;flex-wrap: wrap">
|
<span v-for="item in nodeRow.btmItemsTo" style="margin-left:2px;">
|
<el-tag effect="plain" style="margin-top: 2px;">
|
{{ item }}
|
</el-tag>
|
</span>
|
</div>
|
</el-descriptions-item>
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.to"></i>
|
To端主类型
|
</template>
|
<el-tag v-if="nodeRow.primitivesTo" effect="plain">
|
{{ nodeRow.primitivesTo === '请选择' ? nodeRow.btmItemsTo[0] : nodeRow.primitivesTo }}
|
</el-tag>
|
</el-descriptions-item>
|
<el-descriptions-item :contentStyle="descriptionOption.contentStyle"
|
:labelStyle="descriptionOption.labelStyle">
|
<template slot="label">
|
<i :class="icons.to"></i>
|
To端对应关系
|
</template>
|
<el-tag v-if="nodeRow.relationTo" effect="plain">{{ nodeRow.relationTo }}</el-tag>
|
</el-descriptions-item>
|
|
</el-descriptions>
|
</div>
|
<div style="margin-top: 30px">
|
<h3>属性池列表</h3>
|
<avue-crud
|
:data="tableData"
|
:option="tableOption"
|
></avue-crud>
|
</div>
|
</basic-container>
|
</el-main>
|
|
<!-- 创建 && 编辑 -->
|
<el-dialog
|
v-dialogDrag
|
:title="title === 'add' ? '创建' : '修改'"
|
:visible.sync="visible"
|
append-to-body="true"
|
class="avue-dialog"
|
width="70%"
|
@close="addDialogClose"
|
>
|
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
|
<div class="dialogForm">
|
<div class="leftForm">
|
<el-form-item label="名称：" prop="name">
|
<el-input v-model="form.name" :readOnly="title === 'edit'"></el-input>
|
</el-form-item>
|
<el-form-item label="标签：">
|
<el-input v-model="form.tag"></el-input>
|
</el-form-item>
|
<el-form-item label="实现类：">
|
<el-input v-model="form.implClass"></el-input>
|
</el-form-item>
|
<el-form-item label="形状">
|
<el-input v-model="form.shape"></el-input>
|
</el-form-item>
|
<el-form-item label="描述">
|
<el-input v-model="form.description" :rows="2" type="textarea"></el-input>
|
</el-form-item>
|
</div>
|
|
<div class="centerForm">
|
<el-form-item label="Form端类型：" label-width="110px">
|
<div style="display: flex; align-items: center">
|
<div style="height: 200px; width: 280px; border: 1px solid #bdbbbb;overflow-y: auto">
|
<!-- 内容 -->
|
<el-table
|
:data="bizFormData"
|
:show-header="false"
|
style="width: 100%">
|
<el-table-column
|
align="center"
|
prop="name">
|
</el-table-column>
|
<el-table-column
|
fixed="right"
|
label="操作"
|
width="60">
|
<template slot-scope="scope">
|
<el-button
|
size="small"
|
style="color:#F56C6C;"
|
type="text"
|
@click.native.prevent="bizTypeDeleteRow('form',scope.$index)">
|
移除
|
</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-button plain size="mini" style="margin-left: 5px" type="success"
|
@click="FormItemReferChange('form')">添加
|
</el-button>
|
|
</div>
|
</el-form-item>
|
<el-form-item label="对应关系：" label-width="110px">
|
<el-select v-model="form.relationFrom">
|
<el-option label="N" value="N"></el-option>
|
<el-option label="1" value="1"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="主类型：" label-width="110px">
|
<el-select v-model="form.primitivesFrom">
|
<el-option v-for="(item,index) in bizFormData" :key="index" :label="item.name"
|
:value="item.name"></el-option>
|
</el-select>
|
</el-form-item>
|
</div>
|
|
<div class="rightForm">
|
<el-form-item label="To端类型：" label-width="110px">
|
<div style="display: flex; align-items: center">
|
<div style="height: 200px; width: 280px; border: 1px solid #bdbbbb;overflow-y: auto">
|
<!-- 内容 -->
|
<el-table
|
:data="bizToData"
|
:show-header="false"
|
style="width: 100%">
|
<el-table-column
|
align="center"
|
prop="name">
|
</el-table-column>
|
<el-table-column
|
fixed="right"
|
label="操作"
|
width="60">
|
<template slot-scope="scope">
|
<el-button
|
size="small"
|
style="color:#F56C6C;"
|
type="text"
|
@click.native.prevent="bizTypeDeleteRow('to',scope.$index)">
|
移除
|
</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-button plain size="mini" style="margin-left: 5px" type="success"
|
@click="FormItemReferChange('to')">添加
|
</el-button>
|
|
</div>
|
</el-form-item>
|
<el-form-item label="对应关系：" label-width="110px">
|
<el-select v-model="form.relationTo">
|
<el-option label="N" value="N"></el-option>
|
<el-option label="1" value="1"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="主类型：" label-width="110px">
|
<el-select v-model="form.primitivesTo">
|
<el-option v-for="(item,index) in bizToData" :key="index" :label="item.name"
|
:value="item.name"></el-option>
|
</el-select>
|
</el-form-item>
|
</div>
|
</div>
|
</el-form>
|
|
<div class="bottomForm">
|
<h3>属性池列表</h3>
|
<avue-crud
|
:data="dialogBottomData"
|
:option="dialogBottomOption"
|
@row-del="dialogBottomAttrDel"
|
>
|
<template slot="menuLeft" slot-scope="scope">
|
<el-button icon="el-icon-plus" plain size="small" type="primary" @click="dialogAddClickHandler">增 加
|
</el-button>
|
</template>
|
</avue-crud>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="addDialogClose">取 消</el-button>
|
<el-button type="primary" @click="addDialogSavaHandler">确 定</el-button>
|
</span>
|
|
<!-- 属性池列表 -->
|
<el-dialog
|
v-dialogDrag
|
:visible.sync="attrPollDialogVisible"
|
append-to-body="true"
|
class="avue-dialog"
|
title="属性池"
|
width="60%"
|
@close="dialogAttrClose"
|
>
|
<avue-crud
|
:key="dialogAttrReload"
|
ref="dialogAttrCrud"
|
:data="dialogAttrData"
|
:option="dialogAttrOption"
|
:page.sync="attrPage"
|
:table-loading="dialogAttrLoading"
|
@selection-change="dialogAttrSelectChange"
|
@row-click="dialogAttrRowClickHandler"
|
@size-change="attrSizeChange"
|
@current-change="attrCurrentChange"
|
@search-change="attrHandleSearch"
|
@search-reset="attrHandleReset"
|
>
|
</avue-crud>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="dialogAttrClose">取 消</el-button>
|
<el-button type="primary" @click="dialogAttrAddClickHandler">确 定</el-button>
|
</span>
|
</el-dialog>
|
</el-dialog>
|
|
<!-- 一致性检查 -->
|
<el-dialog
|
v-dialogDrag
|
:visible.sync="conCheckVisible"
|
append-to-body="true"
|
class="avue-dialog"
|
title="一致性检查"
|
width="60%"
|
>
|
<avue-crud
|
:data="conCheckData"
|
:option="conCheckOption"
|
:table-loading="conCheckLoading">
|
</avue-crud>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="conCheckVisible = false">取 消</el-button>
|
<el-button type="primary" @click="repairClickHandler">修 复</el-button>
|
</span>
|
</el-dialog>
|
|
<!-- form to 端类型对话框表格 -->
|
<el-dialog
|
v-dialogDrag
|
:title="bizTypeTitle === 'form' ? 'Form端类型' : 'To端类型'"
|
:visible.sync="bizTypeVisible"
|
append-to-body="true"
|
class="avue-dialog"
|
width="70%"
|
>
|
<avue-crud
|
:key="bizTypeReload"
|
ref="bizTypeCrud"
|
:data="bizTypeData"
|
:option="bizTypeOption"
|
:table-loading="bizTypeLoading"
|
@search-change="bizTypeHandleSearch"
|
@search-reset="bizTypeHandleReset"
|
@selection-change="bizTypeSelection"
|
@row-click="bizTypeRowClick">
|
</avue-crud>
|
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="bizTypeVisible = false">取 消</el-button>
|
<el-button type="primary" @click="bizTypeAddHandler">确 定</el-button>
|
</span>
|
</el-dialog>
|
|
<!-- 导入 -->
|
<upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="导入"
|
@updata="getTreeList"></upload-file>
|
</el-container>
|
</template>
|
|
<script>
|
import {
|
gridLink,
|
getByAttributeNames,
|
checkLinkType,
|
createView,
|
getBizTypes,
|
addAndEditLink,
|
expData,
|
repairTable,
|
deleteLink
|
} from "@/api/modeling/linkType/api";
|
import basicOption from '@/util/basic-option'
|
import {gridAttribute} from "@/api/modeling/attributePool/api";
|
import func from "@/util/func";
|
|
export default {
|
name: "index",
|
data() {
|
return {
|
tipList: [
|
"导入链接名称不可为空且链接类型名称只能为英文字母",
|
"导入的文件包括属性、业务类型、生命周期等文件",
|
"上传的文件为压缩文件，且压缩格式仅能为zip格式"
|
],
|
upFileType: ['zip'],
|
fileUrl: 'api/linkTypeController/impData',
|
title: '',
|
bizTypeReload: null,
|
bizToData: [],
|
bizFormData: [],
|
bizTypeList: [],
|
bizTypeLoading: false,
|
bizTypeData: [],
|
bizTypeOption: {
|
...basicOption,
|
menu: false,
|
addBtn: false,
|
index: false,
|
refreshBtn: false,
|
highlightCurrentRow: true,
|
searchMenuSpan: 8,
|
searchLabelWidth: 100,
|
calcHeight: 30,
|
column: [
|
{
|
label: '业务类型名',
|
prop: 'name',
|
sortable: true,
|
search: true,
|
},
|
{
|
label: '标签',
|
prop: 'label',
|
sortable: true,
|
},
|
{
|
label: '父类',
|
prop: 'fName',
|
sortable: true,
|
},
|
{
|
label: '版本规则',
|
prop: 'revRuleName',
|
sortable: true,
|
},
|
{
|
label: '生命周期',
|
prop: 'lifeCycle',
|
sortable: true,
|
},
|
]
|
},
|
bizTypeVisible: false,
|
bizTypeTitle: "",
|
conDefaultCheckData: [], // 保留上个接口返回的数据
|
conCheckLoading: false,
|
conCheckOption: {
|
...basicOption,
|
menu: false,
|
addBtn: false,
|
index: false,
|
selection: false,
|
refreshBtn: false,
|
column: [
|
{
|
label: '类型名',
|
prop: 'id',
|
},
|
{
|
label: '操作',
|
prop: 'methods',
|
},
|
{
|
label: '状态',
|
prop: 'status',
|
}
|
]
|
},
|
conCheckData: [],
|
conCheckVisible: false,
|
attrPage: {
|
currentPage: 1,
|
pageSize: 30,
|
total: 0,
|
pageSizes: [30, 50, 100, 200],
|
},
|
searchAttrParams: {},
|
dialogAttrReload: Math.random(),
|
dialogAttrSelectList: [],
|
dialogAttrLoading: false,
|
dialogAttrData: [], // 属性池新增表格
|
dialogAttrOption: {
|
...basicOption,
|
calcHeight: -60,
|
addBtn: false,
|
menu: false,
|
refreshBtn: false,
|
index: false,
|
highlightCurrentRow: true,
|
height: 450,
|
searchMenuSpan: 8,
|
column: [
|
{
|
label: '属性名',
|
prop: 'id',
|
sortable: true,
|
search: true,
|
},
|
{
|
label: '属性类型',
|
prop: 'attributeDataType',
|
sortable: true,
|
},
|
{
|
label: '初始值',
|
prop: 'defaultValue',
|
sortable: true,
|
},
|
{
|
label: '说明',
|
prop: 'description',
|
sortable: true,
|
overHidden: true
|
}
|
]
|
},
|
attrPollDialogVisible: false, // 对话框 属性池列表visible
|
createViewLoading: false, // 创建视图
|
checkVisible: false,
|
rules: {
|
name: [
|
{required: true, message: '请输入名称', trigger: 'blur'},
|
],
|
},
|
form: {
|
name: '', // 名称
|
tag: '', // 标签
|
implClass: '', // 实现类
|
shape: '', // 形状
|
description: '', // 描述
|
btmItemsFrom: '', // From端类型列表
|
relationFrom: 'N', // form端对应关系
|
primitivesFrom: '', // form端主类型
|
btmItemsTo: '', // to端类型列表
|
relationTo: 'N', // to端对应关系
|
primitivesTo: '', // to端主类型,
|
attributes: []
|
},
|
dialogBottomOption: {
|
...basicOption,
|
editBtn: false,
|
refreshBtn: false,
|
selection: false,
|
height: 200,
|
addBtn: false,
|
// index:false,
|
column: [
|
{
|
label: '属性名',
|
prop: 'id',
|
sortable: true,
|
},
|
{
|
label: '属性类型',
|
prop: 'attributeDataType',
|
sortable: true,
|
},
|
{
|
label: '初始值',
|
prop: 'defaultValue',
|
sortable: true,
|
},
|
{
|
label: '说明',
|
prop: 'description',
|
overHidden: true
|
}
|
]
|
},
|
dialogBottomData: [],
|
visible: false,
|
treeOption: {
|
height: 'auto',
|
defaultExpandAll: false,
|
menu: false,
|
addBtn: false,
|
props: {
|
label: 'name',
|
value: 'name',
|
children: 'children'
|
}
|
},
|
treeData: [],
|
tableData: [],
|
tableOption: {
|
...basicOption,
|
editBtn: false,
|
refreshBtn: false,
|
selection: false,
|
// index:false,
|
addBtn: false,
|
menu: false,
|
calcHeight: -40,
|
column: [
|
{
|
label: '属性名',
|
prop: 'id',
|
sortable: true,
|
},
|
{
|
label: '属性类型',
|
prop: 'attributeDataType',
|
sortable: true,
|
},
|
{
|
label: '初始值',
|
prop: 'defaultValue',
|
sortable: true,
|
},
|
{
|
label: '说明',
|
prop: 'description',
|
overHidden: true
|
}
|
]
|
},
|
nodeRow: {},
|
descriptionOption: {
|
labelStyle: 'text-align:center;width:120px',
|
contentStyle: 'width:240px;text-align:center;word-break;break-all;'
|
},
|
icons: {
|
id: 'el-icon-finished',
|
name: 'el-icon-tickets',
|
tableName: 'el-icon-date',
|
domain: 'el-icon-connection',
|
from: 'el-icon-sort-down',
|
to: 'el-icon-sort-up',
|
main: 'el-icon-warning-outline',
|
desc: 'el-icon-chat-line-square'
|
},
|
bizLastIndex: null,
|
attrLastIndex: null
|
}
|
},
|
created() {
|
this.getTreeList();
|
},
|
mounted() {
|
|
},
|
methods: {
|
// 树onLoad请求
|
getTreeList() {
|
gridLink().then(res => {
|
const data = res.data.data;
|
this.treeData = data;
|
this.tableLoading = false;
|
}).catch(err => {
|
this.$message.error(err);
|
});
|
},
|
|
// 导入
|
upLoadClickHandler() {
|
this.$refs.upload.visible = true;
|
},
|
|
// 树点击事件
|
nodeClick(row) {
|
console.log(row);
|
this.nodeRow = row;
|
this.getAttrPollData(row); // 获取属性池列表
|
},
|
|
// 获取属性池列表
|
getAttrPollData(row) {
|
let value = row.attributes.join(',');
|
getByAttributeNames({attrNames: value}).then(res => {
|
if (res.data.code === 200) {
|
this.tableData = res.data.data;
|
}
|
})
|
},
|
|
// 删除按钮
|
deleteClickHandler() {
|
if (func.isEmptyObject(this.nodeRow)) {
|
this.$message.error('请至少选择一条数据');
|
return;
|
}
|
;
|
this.$confirm('您确定要删除所选择的数据吗？', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
deleteLink(this.nodeRow).then(res => {
|
if (res.data.code === 200) {
|
this.$message.success('删除成功');
|
this.getTreeList();
|
}
|
})
|
}).catch(() => {
|
this.$message({
|
type: 'info',
|
message: '已取消删除'
|
});
|
});
|
},
|
|
// 创建按钮
|
addClickHandler() {
|
this.visible = true;
|
this.title = 'add';
|
},
|
|
// 编辑按钮
|
editClickHandler() {
|
this.title = 'edit';
|
if (func.isEmptyObject(this.nodeRow)) {
|
this.$message.error('请至少选择一条数据');
|
return;
|
}
|
this.form = {...this.nodeRow}; // 浅拷贝 解决引用复制
|
console.log(this.nodeRow);
|
this.bizFormData = this.form.btmItemsFrom.length > 0 && this.form.btmItemsFrom.map(item => {
|
return {
|
name: item
|
};
|
});
|
|
this.bizToData = this.form.btmItemsTo.length > 0 && this.form.btmItemsTo.map(item => {
|
return {
|
name: item
|
};
|
});
|
|
if (this.form.attributes.length > 0) {
|
let value = this.form.attributes.join(',');
|
getByAttributeNames({attrNames: value}).then(res => {
|
if (res.data.code === 200) {
|
this.dialogBottomData = res.data.data;
|
}
|
})
|
}
|
this.visible = true;
|
},
|
|
// 一致性检查
|
checkClickHandler() {
|
checkLinkType().then(res => {
|
if (res && res.data && res.data.data) {
|
this.conCheckVisible = true;
|
this.conCheckLoading = true;
|
if (res.data.code === 200) {
|
const data = res.data.data;
|
this.conDefaultCheckData = data; // 保留一份原始数据
|
this.conCheckLoading = false;
|
|
const outputData = [];
|
|
data.forEach(item => {
|
Object.entries(item.btmCheckMap).forEach(([id, methodsArray]) => {
|
methodsArray.forEach(methods => {
|
// 判断前缀
|
const action = methods.startsWith('F_') ? '移除form端业务类型' : '移除to端业务类型';
|
const detail = methods.split('_')[1]; // 获取 _ 后面的内容
|
outputData.push({
|
id: id,
|
methods: `${action}:${detail}`,
|
status: '未修复'
|
});
|
});
|
});
|
|
// 处理 dbCheckMap
|
Object.entries(item.dbCheckMap).forEach(([id, methods]) => {
|
const splitMethods = methods.split('(');
|
// 判断第一个符号前面的值
|
if (splitMethods[0].startsWith('_ADD')) {
|
outputData.push({
|
id: id,
|
methods: '增加列(' + splitMethods[0].slice(0, -1) + ')', // 结束位置减去)的字符
|
status: '未修复'
|
});
|
} else if (splitMethods[0].startsWith('_CREATE')) {
|
outputData.push({
|
id: id,
|
methods: '创建表(' + splitMethods[0].slice(0, -1) + ')',
|
status: '未修复'
|
});
|
} else if (splitMethods[0].startsWith('_DROP')) {
|
outputData.push({
|
id: id,
|
methods: '移除列(' + splitMethods[0].slice(0, -1) + ')',
|
status: '未修复'
|
});
|
} else {
|
this.$message.error("不支持的 dbCheckMap 类型： " + methods)
|
}
|
});
|
});
|
this.conCheckData = outputData;
|
}
|
} else {
|
this.$message.success(res.data.msg);
|
}
|
}).catch(err => {
|
this.$message.error(err);
|
})
|
},
|
|
// 修复一致性检查
|
repairClickHandler() {
|
const params = this.conDefaultCheckData[0];
|
repairTable(params).then(res => {
|
if (func.isEmptyObject(res.data.obj[0])) {
|
this.$message.success('修复成功');
|
this.conCheckData = [];
|
} else {
|
this.$message.error('修复失败，请重新尝试！');
|
}
|
this.conCheckVisible = false;
|
})
|
},
|
|
// 创建视图
|
createViewClickHandler() {
|
this.createViewLoading = true;
|
createView().then(res => {
|
if (res.data.code === 200) {
|
this.createViewLoading = false;
|
this.$message.success(res.data.obj);
|
}
|
}).catch(err => {
|
this.createViewLoading = false;
|
})
|
},
|
|
// 对话框 属性池列表增加按钮
|
dialogAddClickHandler() {
|
this.dialogAttrLoading = true;
|
this.attrPollDialogVisible = true;
|
this.dialogAttrReload = Math.random(); // 强制刷新表格 解决表格错行
|
this.getAttrDialogDta();
|
},
|
|
// 查询属性池列表数据
|
getAttrDialogDta() {
|
gridAttribute(this.attrPage.currentPage, this.attrPage.pageSize, this.searchAttrParams).then(res => {
|
const data = res.data.data;
|
this.dialogAttrData = data;
|
this.attrPage.total = res.data.total;
|
this.dialogAttrLoading = false;
|
}).catch(err => {
|
this.$message.error(err);
|
});
|
},
|
|
// 添加属性池表格选择框
|
dialogAttrSelectChange(row) {
|
this.dialogAttrSelectList = row;
|
},
|
|
// 添加属性池 行点击
|
dialogAttrRowClickHandler(row) {
|
|
func.rowClickHandler(
|
row,
|
this.$refs.dialogAttrCrud,
|
this.attrLastIndex,
|
(newIndex) => {
|
this.attrLastIndex = newIndex;
|
},
|
() => {
|
this.selectList = [];
|
}
|
);
|
},
|
|
// 添加属性池 关闭对话框
|
dialogAttrClose() {
|
this.attrPollDialogVisible = false;
|
this.searchAttrParams = {};
|
},
|
|
// 清空form表单
|
resetForm() {
|
const form = {
|
name: '', // 名称
|
tag: '', // 标签
|
implClass: '', // 实现类
|
shape: '', // 形状
|
description: '', // 描述
|
btmItemsFrom: '', // From端类型列表
|
relationFrom: 'N', // form端对应关系
|
primitivesFrom: '', // form端主类型
|
btmItemsTo: '', // to端类型列表
|
relationTo: 'N', // to端对应关系
|
primitivesTo: '', // to端主类型
|
};
|
this.form = form;
|
this.$refs.form.resetFields();
|
this.bizFormData = [];
|
this.bizToData = [];
|
this.dialogBottomData = [];
|
},
|
|
// 添加属性池 保存
|
dialogAttrAddClickHandler() {
|
let hasDuplicate = false;
|
|
// 先创建一个临时数组来存储不重复的项
|
const newItems = [];
|
|
this.dialogAttrSelectList.forEach(item => {
|
const exists = this.dialogBottomData.some(existingItem => existingItem.id === item.id);
|
|
if (exists) {
|
hasDuplicate = true;
|
return;
|
}
|
|
// 如果没有重复项，则将该项添加到临时数组中
|
newItems.push({
|
id: item.id,
|
attributeDataType: item.attributeDataType,
|
defaultValue: item.defaultValue,
|
description: item.description
|
});
|
});
|
|
if (hasDuplicate) {
|
this.$message.error('请检查是否有添加重复项！');
|
} else {
|
// 如果没有重复项，将新项添加到 dialogBottomData
|
this.dialogBottomData.push(...newItems);
|
this.attrPollDialogVisible = false;
|
}
|
},
|
|
//添加属性池 条数
|
attrSizeChange(val) {
|
this.attrPage.pageSize = val;
|
this.getAttrDialogDta()
|
},
|
|
//添加属性池 页码
|
attrCurrentChange(val) {
|
this.attrPage.currentPage = val;
|
this.getAttrDialogDta();
|
},
|
|
//添加属性池 搜索
|
attrHandleSearch(params, done) {
|
if (func.isEmptyObject(params)) {
|
this.searchAttrParams = {};
|
} else {
|
this.searchAttrParams = {
|
"conditionMap[id]": "*" + params.id + "*"
|
};
|
}
|
this.getAttrDialogDta();
|
done();
|
},
|
|
//添加属性池 清空搜索
|
attrHandleReset() {
|
this.searchAttrParams = {};
|
this.getAttrDialogDta();
|
},
|
|
// 属性池删除
|
dialogBottomAttrDel(form, index) {
|
this.dialogBottomData.splice(index, 1);
|
},
|
|
// 创建 编辑 对话框关闭
|
addDialogClose() {
|
this.visible = false;
|
this.dialogBottomData = [];
|
this.resetForm();
|
},
|
|
// form to 类型blur参照对话框
|
FormItemReferChange(val) {
|
this.bizTypeTitle = val;
|
this.bizTypeLoading = true;
|
this.getBizTypeHandler();
|
this.bizTypeVisible = true;
|
this.bizTypeReload = Math.random(); // 强制刷新表格 解决表格错行
|
},
|
|
// form to 类型表格查询
|
getBizTypeHandler(params) {
|
getBizTypes(params).then(res => {
|
if (res.data.code === 200) {
|
const data = res.data.data;
|
this.bizTypeData = data;
|
this.bizTypeLoading = false;
|
}
|
})
|
},
|
|
// form to 类型选择框
|
bizTypeSelection(row) {
|
this.bizTypeList = row;
|
},
|
|
// form to 类型行点击
|
bizTypeRowClick(row) {
|
func.rowClickHandler(
|
row,
|
this.$refs.bizTypeCrud,
|
this.bizLastIndex,
|
(newIndex) => {
|
this.bizLastIndex = newIndex;
|
},
|
() => {
|
this.selectList = [];
|
}
|
);
|
},
|
|
// form to 类型保存
|
bizTypeAddHandler() {
|
if (this.bizTypeList.length === 0) {
|
this.$message.error('请至少选择一条数据');
|
return;
|
}
|
|
const data = this.bizTypeList.map(item => ({name: item.name}));
|
|
const dataName = this.bizTypeTitle === 'form' ? 'bizFormData' : 'bizToData';
|
|
let hasDuplicate = false;
|
// 先创建一个临时数组来存储不重复的项
|
const newItems = [];
|
this.bizTypeList.forEach(item => {
|
const exists = this[dataName].some(existingItem => existingItem.name === item.name);
|
|
if (exists) {
|
hasDuplicate = true;
|
return;
|
}
|
|
// 如果没有重复项，则将该项添加到临时数组中
|
newItems.push({
|
name: item.name,
|
});
|
});
|
|
if (hasDuplicate) {
|
this.$message.error('请检查是否有添加重复项！');
|
} else {
|
// 如果没有重复项，将新项添加到 dialogBottomData
|
this[dataName].push(...newItems);
|
this.bizTypeVisible = false;
|
}
|
},
|
|
// form to 类型搜索
|
bizTypeHandleSearch(params, done) {
|
console.log(params);
|
let obj = {
|
btmName: params.name
|
};
|
this.getBizTypeHandler(obj);
|
|
done();
|
},
|
|
// form to 类型重置
|
bizTypeHandleReset() {
|
this.getBizTypeHandler();
|
},
|
|
// form to 端表格移除
|
bizTypeDeleteRow(val, index) {
|
const dataName = val === 'form' ? 'bizFormData' : 'bizToData';
|
const primitivesName = val === 'form' ? 'primitivesFrom' : 'primitivesTo';
|
|
this[dataName].splice(index, 1);
|
|
if (this[dataName].length === 0) {
|
this.form[primitivesName] = "";
|
}
|
},
|
|
// 创建编辑 保存
|
addDialogSavaHandler() {
|
if (this.bizFormData.length <= 0 || this.bizToData.length <= 0) {
|
this.$message.error('form端业务类型和to端类型均不能为空！')
|
return;
|
}
|
this.$refs.form.validate((valid) => {
|
if (valid) {
|
this.form.btmItemsFrom = this.bizFormData.map(item => item.name);
|
this.form.btmItemsTo = this.bizToData.map(item => item.name);
|
this.form.attributes = this.dialogBottomData.map(item => item.id);
|
let flag = this.title === 'add' ? true : false;
|
addAndEditLink(flag, this.form).then(res => {
|
if (res.data.code === 200) {
|
this.visible = false;
|
this.$message.success(res.data.msg);
|
this.resetForm();
|
this.getTreeList();
|
}
|
});
|
} else {
|
return false;
|
}
|
});
|
},
|
|
// 导出
|
exportClickHandler() {
|
if (func.isEmptyObject(this.nodeRow)) {
|
this.$message.error('请至少选择一条数据');
|
return;
|
}
|
let name = this.nodeRow.name;
|
expData({name: name}).then(res => {
|
func.downloadFileByBlobHandler(res);
|
this.$message.success('导出成功');
|
}).catch(err => {
|
this.$message.error(err);
|
});
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep {
|
.el-scrollbar__wrap {
|
overflow: auto !important;
|
}
|
|
.el-form-item .el-select {
|
width: 100%;
|
}
|
|
.headerCon {
|
.el-button {
|
width: 82px;
|
}
|
}
|
}
|
|
.headerCon {
|
display: flex;
|
flex-wrap: wrap;
|
margin-bottom: 5px;
|
|
.el-button + .el-button {
|
margin-left: 5px;
|
}
|
|
.el-button {
|
margin-top: 5px;
|
}
|
}
|
|
.headerCon > .el-button:nth-child(4) {
|
margin-left: 0;
|
}
|
|
.headerCon > .el-button:nth-child(7) {
|
margin-left: 0;
|
}
|
|
.dialogForm {
|
display: flex;
|
justify-content: space-around;
|
}
|
|
.dialogForm > div {
|
width: 34%;
|
border: 1px solid #eee;
|
padding: 25px 20px 5px 10px; /* 上 右 下 左 */
|
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
|
}
|
|
.leftForm {
|
width: 19% !important;
|
padding: 25px 20px 5px 0px !important;
|
}
|
|
.smallBtn {
|
width: 82px !important;
|
text-align: center !important;
|
padding-left: 0px !important;
|
}
|
</style>
|
