Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 7cdcc5a1 by 史敦盼
Options

资产关系页面, 全局配置文件

1 parent f08b0f44
Inline Side-by-side
Showing with 1731 additions and 84 deletions
public/index.html
......@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title><%= htmlWebpackPlugin.options.title %></title>
<title></title>
<link type="text/css" rel="stylesheet" href="./jsmind/jsmind.css" />
<script type="text/javascript" src="./jsmind/jsmind.js"></script>
<script
......@@ -14,7 +14,8 @@
></script>
<script type="text/javascript" src="./jsmind/dom-to-image.js"></script>
<script type="text/javascript" src="./jsmind/jsmind.screenshot.js"></script>
<script type="text/javascript" src="./mxClient.min.js"></script>
<script type="text/javascript" src="./drawio/mxgraph/mxClient.js"></script>
<script src="./js/system.config.js"></script>
<!-- <script type="text/javascript" src="./echarts.min.js"></script> -->
</head>
<body>
......@@ -30,6 +31,9 @@
<!-- <script type="text/javascript" src="http://192.168.0.189:9999/web-apps/apps/api/documents/api.js"></script> -->
<!-- built files will be auto injected -->
</body>
<script>
document.title = SystemConfig.SYS_NAME
</script>
<style>
html,
body {
......
public/js/system.config.js 0 → 100644
/**
* 系统配置文件
*/
const SystemConfig = {
// 系统名称
SYS_NAME: '数字化架构设计与管控支撑工具',
// 默认分页每页显示数量
DEFAULT_PAGE_SIZE: 30,
// 默认主题颜色
DEFAULT_PRIMARY: '#0d867f',
// onlyoffice 文档url
DOCUMENT_SERVER_URL: 'http://192.168.0.102/',
DOCUMENT_SERVER_URL2: 'http://192.168.0.120:18050/',
// baseurl
BASE_URL: '', // 'http://192.168.0.102:80',
// 请求超时时间
NETWORK_TIMEOUT: 300000
}
public/mxClient.min.js deleted 100644 → 0
This diff could not be displayed because it is too large.
public/resources/editor.txt deleted 100644 → 0
askZoom=Enter zoom (%)
properties=Properties
outline=Outline
tasks=Tasks
help=Help
public/resources/editor_de.txt deleted 100644 → 0
askZoom=Zoom eingeben (%)
properties=Eigenschaften
outline=Uebersicht
tasks=Aufgaben
help=Hilfe
public/resources/editor_zh.txt deleted 100644 → 0
askZoom=进入缩放(%25)
properties=属性
outline=轮廓
tasks=任务
help=帮助
\ No newline at end of file
public/resources/graph.txt deleted 100644 → 0
alreadyConnected=Nodes already connected
containsValidationErrors=Contains validation errors
updatingDocument=Updating Document. Please wait...
updatingSelection=Updating Selection. Please wait...
collapse-expand=Collapse/Expand
doubleClickOrientation=Doubleclick to change orientation
close=Close
error=Error
done=Done
cancel=Cancel
ok=OK
public/resources/graph_de.txt deleted 100644 → 0
alreadyConnected=Knoten schon verbunden
containsValidationErrors=Enthält Validierungsfehler
updatingDocument=Aktualisiere Dokument. Bitte warten...
updatingSelection=Aktualisiere Markierung. Bitte warten...
collapse-expand=Einklappen/Ausklappen
doubleClickOrientation=Doppelklicken um Orientierung zu ändern
close=Schliessen
error=Fehler
done=Fertig
cancel=Abbrechen
ok=OK
public/resources/graph_zh.txt deleted 100644 → 0
alreadyConnected=节点已经连接
containsValidationErrors=包含效验错误
updatingDocument=更新文档。请等候......
updatingSelection=更新所选项。请等候......
collapse-expand=折叠/展开
doubleClickOrientation=双击以改变方向
close=关闭
error=错误
done=完成
cancel=取消
ok=确定
\ No newline at end of file
src/api/dataMapping.js
......@@ -9,4 +9,45 @@ import {
// 查询所属资产关系
export function queryEleRela(params) {
return post(EADC_ARRCHITECTURE + '/ele-rel/qEleRela', params)
}
// 资产关系分类新增
export function createEleRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/cEleRelation', params)
}
// 修改资产关系分类
export function updEleRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/uEleRelation', params)
}
// 发布/停用资产关系分类
export function pEleRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/pEleRelation', params)
}
// 资产关系分类查询
export function queryEleRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/qEleRelation', params)
}
// 资产关系分类删除
export function removeEleRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/rEleRelation', params)
}
// 资产关系新增
export function createAssetRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/cAssetRelation', params)
}
// 资产关系修改
export function updAssetRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/uAssetRelation', params)
}
// 根据元素查资产
export function queryAssetByEle(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/queryAssetByEle', params)
}
// 资产关系删除
export function removeAssetRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/rAssetRelation', params)
}
// 资产关系发布/停用
export function pAssetRelation(params) {
return post(EADC_ARRCHITECTURE + '/archi-asset-relation/pAssetRelation', params)
}
\ No newline at end of file
src/api/interface.js
......@@ -45,3 +45,9 @@ export const queryExpert = EADC_KNOWLEDGE_POOL + '/kl-talent-pool/'
// 系统管理-组织机构管理
export const queryOrganizationManagement = EADC_SHARED_ABILITY + '/org/'
// 资产关系分类查询
export const queryEleRelation = EADC_ARRCHITECTURE + '/archi-asset-relation/qEleRelation'
// 资产关系查询
export const queryAssetRelation = EADC_ARRCHITECTURE + '/archi-asset-relation/qAssetRelation'
src/components/Functional.vue 0 → 100644
<script>
export default {
functional: true,
props: {
row: {
type: Object,
required: true,
},
item: {
type: Object,
required: true,
},
},
render(h, ctx) {
return ctx.props.item.render(h, ctx.props.row, ctx.props.item)
},
};
</script>
\ No newline at end of file
src/components/SearchFormItem.vue
......@@ -4,7 +4,7 @@
* @Autor: pan
* @Date: 2024-03-12 15:11:47
* @LastEditors: pan
* @LastEditTime: 2024-04-22 14:53:56
* @LastEditTime: 2024-05-11 15:31:54
-->
<template>
<div class="form-item">
......@@ -23,7 +23,7 @@
v-model="currentVal"
v-bind="bindProps"
v-on="bindEvents"
:controls-position="itemOptions['controls-position'] || 'right'"
:controls-position="itemOptions['controls-position']"
></el-input-number>
<el-select
v-if="isSelect"
......
src/components/TableConfig.vue
......@@ -4,7 +4,7 @@
* @Autor: pan
* @Date: 2024-03-11 14:53:40
* @LastEditors: pan
* @LastEditTime: 2024-04-02 09:14:13
* @LastEditTime: 2024-05-11 16:09:31
-->
<!-- 示例
columns: [{ label: '头像', prop: 'avatar', align: 'center', __slotName: 'avatar',callback: (row, title) => {
......@@ -86,8 +86,11 @@
? items.disabledCallback(scope.row, items.title)
: false
"
@click="item.callback(scope.row, items.title)"
><span v-if="!items.circle">{{ items.title }}</span></el-button
@click="item.callback(scope.row, items.title ? items.title : 'titleChange')"
>
<span v-if="items.titleChange">{{items.titleChange(scope.row, items)}}</span>
<span v-else-if="!items.circle">{{ items.title }}</span>
</el-button
>
</template>
</el-table-column>
......@@ -103,6 +106,10 @@
<template v-if="item.__slotName" #default="scope">
<slot :name="item.__slotName" :data="scope"></slot>
</template>
<!-- 渲染函数 -->
<template v-else-if="item.render" #default="scope">
<Functional :item="item" :row="scope.row" />
</template>
<!-- 字典值匹配 如后端给state: 0 页面要渲染成已停用-->
<template v-else-if="item.collectionType" #default="scope">
<span
......@@ -134,6 +141,7 @@
</template>
<script>
import Functional from './Functional'
import { get, post } from '@/utils/http'
export default {
name: 'tableConfig',
......@@ -198,6 +206,9 @@ export default {
},
},
},
components: {
Functional
},
data() {
return {
tableData: [],
......
src/config/index.js
// onlyoffice 文档url
export const documentServerUrl = 'http://192.168.0.102/'
export const documentServerUrl2 = 'http://192.168.0.102:18050/'
export const documentServerUrl = SystemConfig.DOCUMENT_SERVER_URL
export const documentServerUrl2 = SystemConfig.DOCUMENT_SERVER_URL2
// 元素颜色配置
// '业务架构元素': '#d2edfd', '应用架构元素': '#a0ce62', '数据架构元素': '#fbe8d0', '技术架构元素': '#e4d3fc', '安全架构元素': '#fffe55'
export const archiEleColor = ['#d2edfd', '#a0ce62', '#fbe8d0', '#e4d3fc', '#fffe55']
// 自动成图图例颜色 遵从： #527aba 完善： #e79f4e 新增： #acc756
export const dataMappingLegendColor = ['#527aba', '#e79f4e', '#acc756']
// 关系图标
export const relationIcons = [
{
label: 'endArrow=none;html=1;',
value: 'img1',
url: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjUycHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MiA1MiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjE5OjIzLjA5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7TWExc3VrNTRDTl84QVd0UE9Da0smcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEt0a2thZDltazZXTlJLV3FrdEZ0a0pqWXFaaUtNOCtqWEZ4Y3dKbGFrcnN3Y1p1NHdGNXlRVlhOK1VmUlF2eU1Ea2VRcE95ZmtLY256YkphbjV0T1RpeVdMckxDZ1VweTVwQUMyL0FjY2RIVlZ4eG0wVWFKR0ZKb2ZZbGlpbEZEcWlGR2w4QlNuN1ZIRVhRKzBnZ25ZbGxSTTZTZG51cmEweUJlQnZ3S3ZhdDg1dTMrd093MzF5VzZTdHFZTVR5TkUxZ2xaS1VSdFY4MTVCYUkzei90aTY1NXY3QTRIVXlEMWZ3cStPckpmN2xTN2UydXoyV2JlZml6VTk1MVRPVkxSdVlIZFlmWEZPd0NTUGZaR21raWlOSEJaNjBhWUtETkxoWjFrMEhkSVRXUnJnVTBzRFdmTWhzbk5rd0ZzUUt1TFNUa0ZiK2ZPcjNwa3EyY0tCTlg4R010VGQ4WFZJRGQwMkNBM2pmUFVQY2NaY1RydU1SSWZlNGtXTzFXQ3F4cDdlUzFVeEVKNWNTV2txYXBBVDRUTVlqUjJRSDlYNWNQd0pHeDYrTEhJK2hjPSZsdDsvZGlhZ3JhbSZndDsmbHQ7L214ZmlsZSZndDsiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48ZGVmcy8+PGc+PHBhdGggZD0iTSAwIDUwIEwgNTAgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjwvZz48L3N2Zz4=',
},
{
label: 'endArrow=classic;html=1;',
value: 'img2',
url: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NnB4IiBoZWlnaHQ9IjY2cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2NiA2NiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM5OjA3LjU5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7UHhDRmVJa2xpVm1XdnBXbVdUN1gmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTk5iNE13RElaL0RjZEpRT2hLajJ2WGZSd21WYXZVN1JvUkY2SUZYQ1dodFB2MUMwc2dwR2pTVGlSUDdOZnhHeE9SVFgxNWx2UlV2U0VERWFVeHUwVGtNVXJUSkV0ajgrbkoxWkpsa2x0UVNzNWNrQWQ3L2cwT3VyeXk1UXhVRUtnUmhlYW5FQmJZTkZEb2dGRXBzUXZEamlqQ3FpZGF3Z3pzQ3lybTlJTXpYVm1hcDB2UFg0Q1gxVkE1dVYvWms1b093YTRUVlZHRzNRU1JiVVEyRWxIYlZYM1pnT2pORzN5eGVVOS9uSTRYazlEby95Ujh0dVM0UGtoMWVGVkp0bHVvOTZYOHVuTnRuS2xvWGNQdXN2bzZPQUFOZStpTk5MdENVS1Y0RVpGMXBXdGhRR0tXRXR1R1FWOGtOanViRG16bXFyOW1Nalp2cGdhd0JpMnZKcVR6OWk2Y1pkWEUyWUZKRUZUemN5aFAzU3VYbzl4WVlZZmNGRTVqTjVFa2R6cHVIc2txRGlVVXRySUFselcxODBZb0l6ZEMyWTJRcHJJRVBSTXlpMG5iSHYyKzFyRDFVMkhEL2I5RnRqOD0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gNyA1NyBMIDUyLjUgMTEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gNTYuMjEgNy43OSBMIDUzLjczIDE1LjIyIEwgNTIuNSAxMS41IEwgNDguNzggMTAuMjcgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjwvc3ZnPg==',
},
{
label: 'endArrow=classic;startArrow=classic;html=1;',
value: 'img3',
url: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2OHB4IiBoZWlnaHQ9IjY4cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2OCA2OCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM3OjExLjE3MlomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7cGJJZGhlY29zS293VWFCWmJKWksmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEtOamh4dW16UzlMR29GRFZTMmkweUV4c1Ztd2h3SHYzNjRnTEcyS3JVbGVFd2MyZTRqQk84YWE3UGtwenFOMEdCSnlpbDF3US9KZ2hsT1VyTnB5YzNTNHBzWlVFbEdYVkJBZXpaTnpqbzhxcU9VVkJSb0JhQ2EzYUtZU25hRmtvZE1TS2x1TVJoUjhIanFpZFN3UXpzUzhMbjlJTlJYVnU2UWtYZ0w4Q3EybGZPbHZmMnBDRSsyTjFFMVlTS3l3amhiWUkzVWdodFY4MTFBN3czei90aTg1NytPQjBhazlEcS95Ujhkdmk0UGtoMWVGVlp2bHVvOTBKKzNTMnR5cG53emwzWU5hdHYzZ0ZvNlVOdnBObVZuQ2pGeWdTdmxTWlN6M0d0RzI1QVpwWlNkQzJGdm5acWRsWVY2TXpzMEgwMmVHS0dDVVFEV3Q1TXlDVzR2bkJPMWlQRFBaUEFpV2JuV0o2NHg2OEd1YUhDVGpCVEdLVnVVTEhYY1dPS2l6U1dVS0tUSmJpc3Njc1RvVHlkQ0tHSmtER3VBajBUTW92UnRRUDZmVVMvRGNOaXc4TXZoN2MvJmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDEyLjUgNTMuNSBMIDUzLjUgMTIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gOC43OSA1Ny4yMSBMIDExLjI3IDQ5Ljc4IEwgMTIuNSA1My41IEwgMTYuMjIgNTQuNzMgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSA1Ny4yMSA4Ljc5IEwgNTQuNzMgMTYuMjIgTCA1My41IDEyLjUgTCA0OS43OCAxMS4yNyBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+',
},
{
label: 'edgeStyle=elbowEdgeStyle;elbow=horizontal;endArrow=classic;html=1;curved=0;rounded=0;endSize=8;startSize=8;',
value: 'img4',
url: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI3MHB4IiBoZWlnaHQ9IjcwcHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA3MCA3MCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjMwLjMzMVomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7NXJ5Y1k5X2pldUVsOGJVemhNck4mcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTmJiNEl3Rk1jL0RZOUxnT0prajFQWjVXR0ptWW5iYTBlUDBLeHdURnRFL2ZRcnRseXFNZGtUUGIrZTY3K0hnQ3lyNDZ1aysvSURHWWdnRHRreElLc2dqcU1rRHMybkl5ZEw1bEZxUVNFNWMwNGoyUEF6T09qaWlvWXpVSjZqUmhTYTczMllZMTFEcmoxR3BjVFdkOXVoOEt2dWFRRTNZSk5UY1V1L09OT2xwV2s4SC9rYjhLTHNLMGVQVC9hbW9yMnptMFNWbEdFN1FTUUx5RklpYW51cWprc1FuWGk5TGpidTVjN3QwSmlFV3Y4bjRMc2h1OFZXcXUyN2lwTDFUSDNPNWU5REwvT0Jpc1pON0xyVnAxNENZRVlSWjRMNHdUWWJ3ZUlDekVXSmtwK3gxbFIwc0diUG5mYUc1NElxeFhNRFMxMlp1MVZram5rakQ5QzFGUnBEWWxPendUS2hiZ2xTWXlsTnBaN1l0cmV1b2JzaVJJTzBaaWNCSzlEeVpGemE4ZkZtYnVaeThtNDlreUNvNWdjL1BYVTdWQXpwaGdwcjVLWndITHA5VDBLWHgyMTdRa0kvaGNKRzV1Q2lwbzkxbldqbUp5THBWU0lqVEFINkpwRTVUTVllMFdVWGVuUGNPZXMrL3Jrayt3TT0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gOSA1OSBMIDM0IDU5IEwgMzQgOSBMIDUxLjEzIDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJzdHJva2UiLz48cGF0aCBkPSJNIDU3Ljg4IDkgTCA0OC44OCAxMy41IEwgNTEuMTMgOSBMIDQ4Ljg4IDQuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+',
},
{
label: 'curve',
value: 'img5',
url: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjU1cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MCA1NSIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjU1LjkzMFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7ZUhTUFRhNXk3YzA4NzVubFRrRlUmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2pWUExib013RVB3YWpwVXdKazF5Yk5MMGNhZ1VOVkxhcTRVM1lOVmdaSnNrOU90cllodHdVS0tlOEk1blozZkhTNFRYNWZsVmtycjRFQlI0bE1UMEhPSG5LRWxRbXNUbTB5R3RSZVpvWVlGY011cElBN0JqditCQWw1YzNqSUlLaUZvSXJsa2RncG1vS3NoMGdCRXB4U21rSFFRUHE5WWtod213eXdpZm9sK002c0tpaTJRKzRHL0E4c0pYUm85TGUxTVNUM2FUcUlKUWNScEJlQlBodFJSQzIxTjVYZ1B2elBPKzJMeVhHN2Q5WXhJcS9aK0U3d1lmVm51cDl1OEtwZHVaK3B6TG53ZmtaSTZFTjI1aTE2MXV2UVZaSTQvUWlhQUlyNkNpVDUydEpzdzRVWXBsQml4MHlkMjlGRTFGTCt6WVJGWUw2TVRqb1duVVcyRjJDRVFKV3JhR2Nock1uamtEaTVIUEhwUEFpV2JIVUo2NE44OTd1YjdDVmpCVE9JbmRmdUtGMDNIYmlaZHhLS0ZFSXpOd1dXTnpyNFJTZkNXVVhnbHBJblBRRXlIakpXbEh0TG9qcU5zTlQrb3M0N3Q5VFFaTUE3NDUyQTU4TkhxREFib3NrZytIaGJYMDRiZkhtejg9Jmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDAgNTQgUSA1MCA1NCAyNSAyOSBRIDAgNCA0My42MyA0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0ic3Ryb2tlIi8+PHBhdGggZD0iTSA0OC44OCA0IEwgNDEuODggNy41IEwgNDMuNjMgNCBMIDQxLjg4IDAuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+',
},
]
src/utils/dictionary.js
......@@ -129,3 +129,9 @@ export const archiAssetTypeOptions = [
{ label: '完善', value: 2 },
{ label: '新增', value: 3 },
]
// 控件
export const controlType = [
{ label: '单行文本框', value: '0' },
{ label: '多行文本框', value: '1' },
{ label: '下拉框', value: '2' },
]
\ No newline at end of file
src/utils/http.js
......@@ -5,8 +5,8 @@ import router from '../router/index.js';
import { Message, MessageBox, Loading } from 'element-ui';
import { SM4Util } from "./sm4";
axios.defaults.timeout = 300000;
axios.defaults.baseURL = process.env.VUE_APP_BASE_URL;
axios.defaults.timeout = SystemConfig.NETWORK_TIMEOUT// 300000;
axios.defaults.baseURL = SystemConfig.BASE_URL// process.env.VUE_APP_BASE_URL;
function encryptStringBySM4_CBC(str) {//使用sm4-cbc算法给字符串加密
......
src/views/busi-assets-list/AddDicAttr.vue 0 → 100644
<!--
* @Description: 编辑字典属性
* @Version: 2.0
* @Autor: pan
* @Date: 2024-05-11 11:07:01
* @LastEditors: pan
* @LastEditTime: 2024-05-11 15:34:15
-->
<template>
<el-dialog
:title="title"
:visible.sync="showDialog"
:close-on-click-modal="false"
width="60%"
@close="handleClose()"
@open="handleOpen()"
>
<div>
<Form labelWidth="120px" ref="addForm" :form-options="formOptions" label-width="120px">
</Form>
<!-- 编辑字典属性 -->
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()">取 消</el-button>
<el-button type="primary" :loading="loading" v-preventReClick @click="handleSave()"
>确 定</el-button
>
</span></el-dialog
>
</template>
<script>
import Form from '@/components/Form.vue'
import { controlType } from '@/utils/dictionary'
import { getYMXZDGLProyUpdate, getYMXZDGLProyAdd } from '@/api'
export default {
props: {
title: {
type: String,
default: '',
},
visible: {
type: Boolean,
default: false,
},
rowData: {
type: Object,
default: () => {},
},
id: {
type: [String, Number],
}
},
data() {
return {
loading: false
}
},
components: {
Form,
},
computed: {
formOptions() {
return [
{
label: '字段名', // label文字
prop: 'fieldName', // 字段名
element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
},
{
label: '中文名', // label文字
prop: 'cnName', // 字段名
element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
},
{
label: '排序', // label文字
prop: 'displayOrder', // 字段名
element: 'el-input-number', // 指定elementui组件
initValue: '', // 字段初始值
min: 0,
},
{
label: '长度', // label文字
prop: 'contentLength', // 字段名
element: 'el-input-number', // 指定elementui组件
initValue: '', // 字段初始值
min: 0,
},
{
label: '是否可以展示', // label文字
prop: 'notNull', // 字段名
element: 'el-radio', // 指定elementui组件
initValue: '', // 字段初始值
options: [
{ label: '是', value: 0 },
{
label: '否',
value: 1,
},
],
},
{
label: '是否展示', // label文字
prop: 'isShow', // 字段名
element: 'el-radio', // 指定elementui组件
initValue: '', // 字段初始值
options: [
{
label: '显示',
value: 0
},
{
label: '不显示',
value: 1
}
],
},
{
label: '控件', // label文字
prop: 'controlType', // 字段名
element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值
options: controlType,
rules: [{ required: true, trigger: 'change', message: '不能为空' }],
},
]
},
showDialog: {
get() {
return this.visible
},
set(value) {
this.$emit('update:visible', value)
},
},
isEdit() {
if(this.title === '编辑字典属性') {
return true
} else {
return false
}
}
},
created() {},
methods: {
handleClose() {
this.showDialog = false
this.formOptions.forEach((v) => {
v.initValue = ''
})
this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset()
},
handleSave() {
this.$refs['addForm'].onValidate(() => {
this.loading = true
const formInfo = this.$refs['addForm'].getData()
const params = {
type: 4,
typeId: this.id,
...formInfo,
}
const typeApi = this.isEdit ? getYMXZDGLProyUpdate : getYMXZDGLProyAdd
typeApi(params).then(res => {
this.loading = false
if (res.code == 200) {
this.$message.success('保存成功')
this.showDialog = false
this.$emit('refreshTable')
}
}).catch(err => {
this.loading = false
})
})
},
handleOpen() {
if (Object.keys(this.rowData).length) {
this.formOptions.forEach((v) => {
v.initValue = this.rowData[v.prop]
})
this.$nextTick(() => {
this.$refs['addForm'].addInitValue()
})
} else {
this.$nextTick(() => {
this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset()
})
}
},
},
}
</script>
<style scoped lang="scss"></style>
src/views/busi-assets-list/RelationChildAdd.vue 0 → 100644
<!--
* @Description: 新建资产关系 弹窗
* @Version: 2.0
* @Autor: pan
* @Date: 2024-05-10 18:41:29
* @LastEditors: pan
* @LastEditTime: 2024-05-11 18:24:00
-->
<template>
<el-dialog
:title="title"
:visible.sync="showDialog"
:close-on-click-modal="false"
width="60%"
@close="handleClose()"
@open="handleOpen()"
>
<div>
<Form ref="addForm" :form-options="formOptions" label-width="140px">
<template #icon="{ data, formData }">
<el-radio
v-model="formData.iconId"
v-for="(item, idx) in data.options"
:key="idx"
:label="item.value"
:disabled="isView"
@change="handleIconChange"
>
<img width="20" :src="item.url" alt="" />
</el-radio>
</template>
</Form>
<el-form labelPosition="right" label-width="120px">
<el-col :span="24">
<el-form-item
v-for="(item, index) in dynamicForm_"
:key="index"
:label="item.cnName + ':'"
>
<template v-if="item.controlType == 0">
<el-input
placeholder="请输入内容"
v-no-backslash
v-model="item.value_"
maxlength="100"
></el-input>
</template>
<template v-else-if="item.controlType == 1">
<el-input
placeholder="请输入内容"
v-no-backslash
v-model="item.value_"
type="textarea"
:rows="3"
maxlength="200"
show-word-limit
></el-input>
</template>
<template v-else>
<el-select class="w-100" v-model="item.value_" clearable>
<el-option
v-for="item2 in item.dictArray_"
:key="item2.id"
:label="item2.label"
:value="item2.id"
></el-option>
</el-select>
</template>
</el-form-item>
</el-col>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()">取 消</el-button>
<el-button
type="primary"
@click="handleSubmit"
v-if="this.title != '详情'"
>提 交</el-button
>
</span></el-dialog
>
</template>
<script>
import Form from '@/components/Form.vue'
import { getYMXZDGLProyList } from '@/api'
import {
queryAssetByEle,
createAssetRelation,
updAssetRelation,
} from '@/api/dataMapping'
import { relationIcons } from '@/config'
export default {
props: {
title: {
type: String,
default: '',
},
visible: {
type: Boolean,
default: false,
},
rowData: {
type: Object,
default: () => {},
},
relationData: {
type: Object,
default: () => {},
},
},
data() {
return {
// 资产属性
dynamicForm_: [],
assetByEleOptions: [],
targetAssetByEleOptions: [],
}
},
components: {
Form,
},
computed: {
formOptions() {
const that = this
return [
{
label: '源资产名称', // label文字
prop: 'assetId', // 字段名
element: 'el-select', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
rules: [{ required: true, trigger: 'change', message: '不能为空' }],
options: this.assetByEleOptions,
filterable: true,
keyOption: {
label: 'assetName',
value: 'assetId',
},
events: {
change(e) {
that.sourseEleIdChange(e, 'assetByEleOptions', 'assetNumber')
},
},
},
{
label: '源资产编号', // label文字
prop: 'assetNumber', // 字段名
element: 'el-input', // 指定elementui组件
placeholder: '', // elementui组件属性
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
readonly: true,
},
{
label: '所属资产关系分类', // label文字
prop: 'rsName', // 字段名
element: 'el-input', // 指定elementui组件
initValue: this.relationData.rsName, // 字段初始值
readonly: true,
},
{
label: '目标资产名称', // label文字
prop: 'relaAssetId', // 字段名
element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值
options: this.targetAssetByEleOptions,
rules: [{ required: true, trigger: 'change', message: '不能为空' }],
keyOption: {
label: 'assetName',
value: 'assetId',
},
events: {
change(e) {
that.sourseEleIdChange(
e,
'targetAssetByEleOptions',
'targetAssetNumber',
)
},
},
},
{
label: '目标资产编号', // label文字
prop: 'targetAssetNumber', // 字段名
element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值
readonly: true,
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
},
{
label: '图标设置', // label文字
prop: 'iconId', // 字段名
element: 'el-radio', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
span: 24,
__slotName: 'icon',
options: relationIcons,
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
},
]
},
showDialog: {
get() {
return this.visible
},
set(value) {
this.$emit('update:visible', value)
},
},
isEdit() {
if (this.title === '修改资产关系') {
return true
} else {
return false
}
},
isView() {
if (this.title === '查看资产关系') {
return true
}
return false
},
},
mounted() {
// console.log('attr', this.relationData)
},
methods: {
sourseEleIdChange(v, options, name) {
const currentItem = this[options].find((item) => item.assetId == v) || {}
this.$refs['addForm'].changeFormItemData(
name,
currentItem.assetNumber || '',
)
},
handleIconChange() {
this.$refs['addForm'].$refs['formRef'].clearValidate('iconId')
},
handleSubmit() {
this.$refs['addForm'].onValidate(() => {
const loading = this.$loading({
lock: true,
text: '保存中',
spinner: 'el-icon-loading',
})
const formInfo = this.$refs['addForm'].getData()
const typeApi = this.isEdit ? updAssetRelation : createAssetRelation
const params = {
...this.rowData,
...formInfo,
state: 2,
assetRelaId: this.relationData.assetRelaId
}
typeApi(params).then((res) => {
if (res.code === 200) {
loading.close()
this.$message.success('保存成功')
this.showDialog = false
this.handleClose()
this.$emit('querySearch')
}
})
})
},
handleClose() {
this.showDialog = false
this.formOptions.forEach((v) => {
if (v.prop !== 'eleRelaId') {
v.initValue = ''
}
})
this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset()
},
handleOpen() {
this.getDicyTable()
this.queryAssetByEle('assetByEleOptions', 'eleId')
this.queryAssetByEle('targetAssetByEleOptions', 'relaEleId')
if (Object.keys(this.rowData).length) {
this.formOptions.forEach((v) => {
v.initValue = this.rowData[v.prop]
})
this.$nextTick(() => {
this.$refs['addForm'].addInitValue()
})
} else {
this.$nextTick(() => {
this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset()
})
}
},
getDicyTable() {
//字典表格
const params = {
type: 4,
typeId: this.relationData.assetRelaId,
}
getYMXZDGLProyList(params).then((res) => {
if (res.code == 200) {
this.dynamicForm_ = res.data.map((item) => {
return {
id: item.propertyId,
cnName: item.cnName,
value_: item.value_,
controlType: item.controlType,
dictKey: item.dictKey ? item.dictKey : null,
}
})
}
})
},
queryAssetByEle(options, id) {
const params = {
elementId: this.relationData[id],
}
queryAssetByEle(params).then((res) => {
if (res.code === 200) {
this[options] = res.data
}
})
},
},
}
</script>
<style scoped lang="scss">
@import '@/styles/elementui.scss';
</style>
src/views/busi-assets-list/RelationChildPage.vue 0 → 100644
<!--
* @Description: 具体资产关系页面
* @Version: 2.0
* @Autor: pan
* @Date: 2024-05-10 17:20:35
* @LastEditors: pan
* @LastEditTime: 2024-05-11 18:46:17
-->
<template>
<div class="searchTable">
<list-page style="padding: 0">
<!-- 查询表单插槽 -->
<template #formWrap>
<SearchForm @onSearch="querySearch" :form-options="formOptions" />
</template>
<!-- 中部操作按钮 -->
<template #operationWrap>
<el-button
icon="el-icon-document-add"
type="primary"
size="medium"
plain
@click="fnAdd()"
>新建</el-button
>
</template>
<!-- 表格插槽 -->
<template #tableWrap>
<table-config
ref="searchTable"
@selection-change="selectionChange"
:query="query"
:columns="columns"
>
</table-config>
</template>
</list-page>
<!-- 新建资产关系 -->
<RelationChildAdd
:row-data="rowData"
:title="dialogTitle"
v-bind="$attrs"
:visible.sync="visible"
@querySearch="querySearch"
/>
</div>
</template>
<script>
import ListPage from '@/components/ListPage.vue'
import SearchForm from '@/components/SearchForm.vue'
import TableConfig from '@/components/TableConfig.vue'
import RelationChildAdd from './RelationChildAdd.vue'
import { queryAssetRelation } from '@/api/interface'
import { removeAssetRelation, pAssetRelation } from '@/api/dataMapping'
import { relationIcons } from '@/config'
import { getDictTypeOptions } from '@/utils'
export default {
name: 'relationPage',
data() {
return {
query: {
url: queryAssetRelation,
method: 'post',
queryParam: {},
},
selectRows: {},
rowData: {},
dialogTitle: '',
visible: false,
stateOptions: [],
}
},
components: {
ListPage,
SearchForm,
TableConfig,
RelationChildAdd,
},
computed: {
formOptions() {
let arr = [
{
label: '源资产名称', // label文字
prop: 'needName', // 字段名
element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性
},
{
label: '目标资产名称', // label文字
prop: 'targetAssetName', // 字段名
element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性
},
{
label: '所属元素关系', // label文字
prop: 'aaa', // 字段名
element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请选择', // elementui组件属性
},
{
label: '状态', // label文字
prop: 'status', // 字段名
element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请选择', // elementui组件属性
},
]
return arr
},
columns() {
let arr = [
{ type: 'selection', width: '55px' },
{ label: '序号', type: 'index', width: '80px' },
{ label: '源资产编号', prop: 'assetCode', width: '120px' },
{ label: '源资产名称', prop: 'assetName', width: '120px' },
{ label: '目标资产编号', prop: 'relaAssetCode', width: '120px' },
{ label: '目标资产名称', prop: 'relaAssetName', width: '120px' },
{ label: '所属元素关系', prop: 'rsName', width: '120px' },
{
label: '图标',
prop: 'iconId',
render: (h, params) => {
return h('img', {
attrs: {
src: this.getIconUrl(params.iconId),
width: 30,
height: 30,
},
})
},
},
{
label: '状态',
prop: 'state',
options: this.stateOptions,
collectionType: true,
},
{ label: '创建时间', width: '120px', prop: 'createTime' },
{
label: '操作',
type: 'operation',
width: '440px',
actionButtons: [
{
title: '查看',
type: 'primary',
size: 'mini',
plain: true,
icon: 'el-icon-view',
},
{
title: '编辑',
type: 'primary',
size: 'mini',
plain: true,
icon: 'el-icon-edit',
},
{
title: '',
type: 'primary',
size: 'mini',
plain: true,
icon: '',
titleChange: (row, btnProp) => {
this.$set(btnProp, 'icon', 'el-icon-edit')
// btnProp.icon = 'el-icon-edit' el-icon-upload2
if(row.state == 2 || row.state == 0) {
btnProp.icon = 'el-icon-upload2'
return '发布'
} else {
btnProp.icon = 'el-icon-remove-outline'
return'停用'
}
// return row.state == 2 || row.state == 0 ? '发布' : '停用'
},
},
{
title: '删除',
type: 'danger',
size: 'mini',
plain: true,
icon: 'el-icon-delete',
},
],
callback: (row, title) => {
this.fnOperation(row, title)
},
},
]
return arr
},
},
created() {
this.getDicts()
},
methods: {
getDicts() {
getDictTypeOptions('asset_status').then((res) => {
this.stateOptions = res
})
},
getIconUrl(id) {
const item = relationIcons.find((v) => v.value === id) || {}
return item.url
},
fnAdd() {
this.dialogTitle = '新建资产关系'
this.rowData = {}
this.visible = true
},
// 表格勾选的数据
selectionChange(data) {
this.selectRows = data
},
querySearch(data) {
this.query.queryParam = {
...this.query.queryParam,
...data,
}
this.$refs.searchTable.queryData()
},
/**
* @description: 操作按钮
* @param {Object} row 当前操作行数据
* @param {String} title 当前操作按钮名称
* @author: pan
*/
fnOperation(row, title) {
switch (title) {
case '查看':
this.fnEdit(row, '查看')
break
case '编辑':
this.fnEdit(row, '修改')
break
case 'titleChange':
this.fnEnable(row)
break;
case '删除':
this.fnOp(row, '删除')
break
default:
break
}
},
fnEdit(row, text) {
this.rowData = row
this.visible = true
this.dialogTitle = `${text}资产关系`
},
fnEnable(row) {
const title = row.state == 2 || row.state == 0 ? '发布' : '停用'
this.$confirm(`是否确认${title}?`, '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
relaId: row.relaId,
state: title === '发布' ? 1 : 0
}
pAssetRelation(params).then((res) => {
if (res.code === 200) {
this.$message.success(`${title}成功`)
this.$refs.searchTable.queryData()
} else {
this.$message.error(`${title}失败`)
}
})
})
.catch(() => {})
},
fnOp(row, title) {
this.$confirm(`是否确认${title}?`, '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
ids: [row.relaId]
}
removeAssetRelation(params).then((res) => {
if (res.code === 200) {
this.$message.success('删除成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error('删除失败')
}
})
})
.catch(() => {})
},
},
}
</script>
<style scoped lang="scss">
.search-form-box {
margin-top: 20px;
margin-bottom: -10px;
}
/deep/ .list-page {
.formWrap {
border-bottom: none;
}
.el-form-item__label {
width: auto !important;
}
}
</style>
src/views/busi-assets-list/RelationClassAdd.vue 0 → 100644
<!--
* @Description: 新建/编辑资产关系分类 弹窗
* @Version: 2.0
* @Autor: pan
* @Date: 2024-05-10 18:41:29
* @LastEditors: pan
* @LastEditTime: 2024-05-11 17:43:02
-->
<template>
<div>
<el-dialog
:title="title"
:visible.sync="showDialog"
:close-on-click-modal="false"
width="60%"
@close="handleClose()"
@open="handleOpen()"
>
<div>
<Form ref="addForm" :form-options="formOptions" label-width="120px">
<template #icon="{ data, formData }">
<el-radio
v-model="formData.iconId"
v-for="(item, idx) in data.options"
:key="idx"
:label="item.value"
:disabled="isView"
@change="handleIconChange"
>
<img width="20" :src="item.url" alt="" />
</el-radio>
</template>
</Form>
<template v-if="title != '新建资产关系分类'">
<div class="flex-e-c m-b-10" v-if="!isView">
<el-button type="primary" size="mini" @click="openDicyDialog"
>新增</el-button
>
</div>
<div style="height: 300px">
<PropTable :columns="tableColumn" :table-data="tableData" />
</div>
</template>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()">取 消</el-button>
<el-button type="primary" v-preventReClick @click="handleSubmit"
>确 定</el-button
>
</span></el-dialog
>
<!-- 编辑字典属性 -->
<AddDicAttr
:title="dicAttrTitle"
:id="rowData.assetRelaId"
:visible.sync="dicAttrVisible"
@refreshTable="getDicyTable"
/>
</div>
</template>
<script>
import Form from '@/components/Form.vue'
import PropTable from '@/components/PropTable'
import AddDicAttr from './AddDicAttr.vue'
import { queryEleRela, createEleRelation, updEleRelation } from '@/api/dataMapping'
import { getEleList, getYMXZDGLProyDel, getYMXZDGLProyList } from '@/api'
import { relationIcons } from '@/config'
import { whether, controlType } from '@/utils/dictionary'
export default {
props: {
title: {
type: String,
default: '',
},
visible: {
type: Boolean,
default: false,
},
rowData: {
type: Object,
default: () => {},
},
},
data() {
return {
relaOptions: [],
eleList: [],
dicAttrVisible: false,
tableData: [],
dicAttrTitle: '',
}
},
components: {
Form,
PropTable,
AddDicAttr,
},
computed: {
formOptions() {
return [
{
label: '资产关系名称', // label文字
prop: 'rsName', // 字段名
element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
disabled: this.isView,
},
{
label: '源资产元素', // label文字
prop: 'eleId', // 字段名
element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值
keyOption: {
label: 'elementName',
value: 'elementId',
},
options: this.eleList,
rules: [{ required: true, trigger: 'change', message: '不能为空' }],
disabled: this.isView,
filterable: true
},
{
label: '目标资产元素', // label文字
prop: 'relaEleId', // 字段名
element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值
options: this.eleList,
keyOption: {
label: 'elementName',
value: 'elementId',
},
rules: [{ required: true, trigger: 'change', message: '不能为空' }],
disabled: this.isView,
filterable: true
},
{
label: '是否跨架构', // label文字
prop: 'across', // 字段名
element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值
options: whether,
disabled: this.isView,
},
{
label: '遵从元素关系', // label文字
prop: 'eleRelaId', // 字段名
element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值
options: this.relaOptions,
keyOption: {
label: 'rsName',
value: 'eleRelaId',
},
filterable: true,
disabled: this.isView,
},
{
label: '图标设置', // label文字
prop: 'iconId', // 字段名
element: 'el-radio', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
span: 24,
__slotName: 'icon',
options: relationIcons,
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
},
]
},
tableColumn() {
let arr = [
{ label: '序号', type: 'index', width: '80px' },
{ label: '字段名', prop: 'fieldName' },
{ label: '中文名', prop: 'cnName' },
{ label: '排序', prop: 'displayOrder' },
{ label: '长度', prop: 'contentLength' },
{
label: '控件',
prop: 'controlType',
options: controlType,
collectionType: true,
},
]
if (this.isEdit) {
arr = [
...arr,
{
label: '操作',
type: 'operation',
width: '180px',
actionButtons: [
{
title: '编辑',
type: 'primary',
size: 'mini',
plain: true,
icon: 'el-icon-edit',
},
{
title: '删除',
type: 'danger',
size: 'mini',
plain: true,
icon: 'el-icon-delete',
},
],
callback: (row, title, rowIndex) => {
this.fnOperation(row, title, rowIndex)
},
},
]
}
return arr
},
showDialog: {
get() {
return this.visible
},
set(value) {
this.$emit('update:visible', value)
},
},
isEdit() {
if (this.title === '修改资产关系分类') {
return true
} else {
return false
}
},
isView() {
if (this.title === '查看资产关系分类') {
return true
}
return false
},
},
created() {},
methods: {
handleIconChange() {
this.$refs['addForm'].$refs['formRef'].clearValidate('iconId')
},
fnOperation(row, title, rowIndex) {
if (title === '编辑') {
this.dicAttrVisible = true
// this.dicAttrRowData = row
this.dicAttrTitle = '编辑字典属性'
} else {
this.deleteDicy(row)
}
},
openDicyDialog() {
this.dicAttrVisible = true
// this.dicAttrRowData = {}
this.dicAttrTitle = '新增字典属性'
},
deleteDicy(row) {
this.$confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
propertyId: row.propertyId,
}
getYMXZDGLProyDel(params).then((res) => {
if (res.code == 200) {
this.getDicyTable()
this.$message.success('删除成功!')
} else {
this.$message.warning(res.msg)
}
})
})
.catch(() => {})
},
getDicyTable() {
//字典表格
const params = {
type: 4,
typeId: this.rowData.assetRelaId,
}
getYMXZDGLProyList(params).then((res) => {
if (res.code == 200) {
this.tableData = res.data
}
})
},
getEleRelaOptions() {
queryEleRela().then((res) => {
if (res.code === 200) {
this.relaOptions = res.data
} else {
this.relaOptions = []
}
})
},
handleSubmit() {
this.$refs['addForm'].onValidate(() => {
const loading = this.$loading({
lock: true,
text: '保存中',
spinner: 'el-icon-loading',
})
const formInfo = this.$refs['addForm'].getData()
const typeApi = this.isEdit ? updEleRelation : createEleRelation
const params = {
state: 2,
...this.rowData,
...formInfo,
}
typeApi(params)
.then((res) => {
loading.close()
if (res.code === 200) {
this.$message.success('保存成功')
this.showDialog = false
this.handleClose()
this.$emit('querySearch')
} else {
this.$message.warning(res.msg)
}
})
.catch((err) => {
loading.close()
})
})
},
handleClose() {
this.showDialog = false
this.tableData = []
this.formOptions.forEach((v) => {
v.initValue = ''
})
this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset()
},
getEleList() {
getEleList().then((res) => {
if (res.code == 200) {
this.eleList = res.data
}
})
},
handleOpen() {
this.getEleRelaOptions()
this.getEleList()
if (Object.keys(this.rowData).length) {
this.getDicyTable()
this.formOptions.forEach((v) => {
v.initValue = this.rowData[v.prop]
})
this.$nextTick(() => {
this.$refs['addForm'].addInitValue()
})
} else {
this.$nextTick(() => {
this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset()
})
}
},
},
}
</script>
<style scoped lang="scss"></style>
src/views/busi-assets-list/RelationPage.vue 0 → 100644
<!--
* @Description: 资产关系分类页面
* @Version: 2.0
* @Autor: pan
* @Date: 2024-05-10 17:20:35
* @LastEditors: pan
* @LastEditTime: 2024-05-11 16:11:33
-->
<template>
<div class="searchTable">
<list-page style="padding: 0">
<!-- 查询表单插槽 -->
<template #formWrap>
<SearchForm @onSearch="querySearch" :form-options="formOptions" />
</template>
<!-- 中部操作按钮 -->
<template #operationWrap>
<el-button
icon="el-icon-document-add"
type="primary"
size="medium"
plain
@click="fnAdd()"
>新建</el-button
>
</template>
<!-- 表格插槽 -->
<template #tableWrap>
<table-config
ref="searchTable"
@selection-change="selectionChange"
:query="query"
:columns="columns"
@fetchData="fetchData"
>
</table-config>
</template>
</list-page>
<!-- 新建/修改资产关系分类 -->
<RelationClassAdd
:title="dialogTitle"
:rowData="rowData"
:visible.sync="visible"
@querySearch="querySearch"
/>
</div>
</template>
<script>
import ListPage from '@/components/ListPage.vue'
import SearchForm from '@/components/SearchForm.vue'
import TableConfig from '@/components/TableConfig.vue'
import RelationClassAdd from './RelationClassAdd.vue'
import { queryEleRelation } from '@/api/interface'
import { removeEleRelation, pEleRelation } from '@/api/dataMapping'
import { relationIcons } from '@/config'
import { getDictTypeOptions } from '@/utils'
export default {
name: 'relationPage',
data() {
return {
query: {
url: queryEleRelation,
method: 'post',
queryParam: {},
},
selectRows: {},
rowData: {},
dialogTitle: '',
visible: false,
acrossOptions: [],
}
},
components: {
ListPage,
SearchForm,
TableConfig,
RelationClassAdd,
},
computed: {
formOptions() {
let arr = [
{
label: '资产关系名称', // label文字
prop: 'rsName', // 字段名
element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性
},
]
return arr
},
columns() {
let arr = [
{ type: 'selection', width: '55px' },
{ label: '序号', type: 'index', width: '80px' },
{
label: '资产关系名称',
prop: 'rsName',
render: (h, params) => {
return h(
'span',
{
style: {
color: SystemConfig.DEFAULT_PRIMARY,
cursor: 'pointer',
borderBottom: '1px solid #0b8680',
},
on: {
click: () => {
this.$emit('linkTo', params)
}
}
},
params.rsName,
)
},
},
{ label: '源资产元素', prop: 'eleName' },
{
label: '目标资产元素',
prop: 'relaEleName',
},
{
label: '是否跨架构',
prop: 'across',
options: this.acrossOptions,
collectionType: true,
},
{
label: '遵从元素关系',
width: '200px',
prop: 'eleRelaName',
},
{
label: '图标',
prop: 'iconId',
render: (h, params) => {
return h('img', {
attrs: {
src: this.getIconUrl(params.iconId),
width: 30,
height: 30
},
})
},
},
{ label: '创建时间', width: '120px', prop: 'createTime' },
{
label: '操作',
type: 'operation',
width: '270px',
actionButtons: [
{
title: '查看',
type: 'primary',
size: 'mini',
plain: true,
icon: 'el-icon-view',
},
{
title: '编辑',
type: 'primary',
size: 'mini',
plain: true,
icon: 'el-icon-edit',
},
{
title: '删除',
type: 'danger',
size: 'mini',
plain: true,
icon: 'el-icon-delete',
},
],
callback: (row, title) => {
this.fnOperation(row, title)
},
},
]
return arr
},
},
created() {
this.getDicts()
},
methods: {
fetchData(data) {
this.$emit('relationData', data.records)
},
getDicts() {
getDictTypeOptions('is_across').then((res) => {
this.acrossOptions = res
})
},
getIconUrl(id) {
const item = relationIcons.find((v) => v.value === id) || {}
return item.url
},
fnAdd() {
this.dialogTitle = '新建资产关系分类'
this.rowData = {}
this.visible = true
},
// 表格勾选的数据
selectionChange(data) {
this.selectRows = data
},
querySearch(data) {
this.query.queryParam = {
...this.query.queryParam,
...data,
}
this.$refs.searchTable.queryData()
},
/**
* @description: 操作按钮
* @param {Object} row 当前操作行数据
* @param {String} title 当前操作按钮名称
* @author: pan
*/
fnOperation(row, title) {
switch (title) {
case '查看':
this.fnEdit(row, '查看')
break
case '编辑':
this.fnEdit(row, '修改')
break
case '删除':
this.fnDel(row)
break
default:
break
}
},
fnEdit(row, text) {
this.rowData = row
this.visible = true
this.dialogTitle = `${text}资产关系分类`
},
fnDel(row) {
this.$confirm('是否确认删除?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
ids: [row.assetRelaId]
}
removeEleRelation(params).then((res) => {
if (res.code === 200) {
this.$message.success('删除成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error('删除失败')
}
})
})
.catch(() => {})
},
},
}
</script>
<style scoped lang="scss">
.search-form-box {
margin-top: 20px;
margin-bottom: -10px;
}
/deep/ .list-page {
.formWrap {
border-bottom: none;
}
.el-form-item__label {
width: auto !important;
}
}
</style>
src/views/busi-assets-list/index.vue
......@@ -7,6 +7,7 @@
:highlight-current="true"
:props="{ children: 'subList', label: 'viewName', id: 'viewId' }"
default-expand-all
:expand-on-click-node="false"
node-key="viewId"
:default-expanded-keys="treeDefaultExpand"
:current-node-key="currentNodekey"
......@@ -15,7 +16,15 @@
>
</el-tree>
</div>
<div class="right_container">
<div class="right_container" v-if="isRelation">
<!-- 资产关系分类页面 -->
<RelationPage @relationData="changeRelationData" @linkTo="linkTo" />
</div>
<div class="right_container" v-else-if="isRelationChild">
<!-- 资产关系分类页面 -->
<RelationChildPage :relation-data="relationData" />
</div>
<div class="right_container" v-else>
<div class="search_menu">
<div class="search_menu_item_container">
<div class="search_menu_item">
......@@ -296,7 +305,7 @@
>
</el-pagination>
</div>
<el-dialog
:title="
is_add_edit == 'add'
......@@ -579,6 +588,8 @@
<script>
import ChooseSvg from './ChooseSvg.vue'
import RelationPage from './RelationPage'
import RelationChildPage from './RelationChildPage'
import {
getArchiViewManage,
getZiChanJiaGouTable,
......@@ -595,6 +606,7 @@ import {
getPreArc,
getAssetCode
} from '@/api/index.js'
import { queryEleRelation } from '@/api/dataMapping'
import $ from 'jquery'
import { MessageBox, Message } from 'element-ui'
import { getDictTypeOptions } from '@/utils'
......@@ -603,6 +615,8 @@ export default {
name: 'busiAssetslist',
components: {
ChooseSvg,
RelationPage,
RelationChildPage
},
watch: {},
data() {
......@@ -663,6 +677,11 @@ export default {
viewName: '总体架构资产',
subList: [],
},
{
viewId: 99,
viewName: '总体架构资产关系',
subList: [],
},
],
tableHeight: null,
selectTable: [],
......@@ -697,11 +716,26 @@ export default {
predefineColors: archiEleColor,
graphId: '',
selectedObject: {},
assetNumberDis: false
assetNumberDis: false,
isRelation: false,
isRelationChild: false,
relationData: {}
}
},
created() {
this.getDicts()
queryEleRelation().then(res => {
if(res.code === 200) {
this.treeData[1].subList = res.data.records.map(v => {
return {
...v,
viewId: v.assetRelaId + '_1',
viewName: v.rsName,
}
})
}
})
},
mounted() {
this.getTreeData()
......@@ -711,6 +745,20 @@ export default {
this.set_table_height()
},
methods: {
linkTo(data) {console.log('---', data)
this.$refs.tree.setCurrentKey(data.assetRelaId + '_1')
this.isRelationChild = true
this.isRelation = false
},
changeRelationData(data) {
this.treeData[1].subList = data.map(v => {
return {
...v,
viewId: v.assetRelaId + '_1',
viewName: v.rsName,
}
})
},
formatParentElement(row, column, cellValue, index) {
return cellValue?.replace(/\]|\[|\/?]/g, '').replace('null', '')
},
......@@ -1630,14 +1678,26 @@ export default {
const right_container_height = $('.right_container').height()
this.tableHeight = right_container_height - 260 + 'px'
},
treeClick(data) {
//左侧树点击
if (!data.archiBelongId) return
this.archiBelongId = data.archiBelongId
this.archiType = data.archiType
this.getArchiEleList() // 所属元素下拉
// this.archiAssetTypeId = data.viewId;
this.get_table()
treeClick(data, node, self) {
console.log(data, node, self)
if(data.viewId === 99) {
this.isRelation = true
this.isRelationChild = false
} else if(data.viewId !==0 && !data.archiType) { console.log('child')
this.isRelationChild = true
this.isRelation = false
this.relationData = data
} else {
this.isRelation = false
this.isRelationChild = false
//左侧树点击
if (!data.archiBelongId) return
this.archiBelongId = data.archiBelongId
this.archiType = data.archiType
this.getArchiEleList() // 所属元素下拉
// this.archiAssetTypeId = data.viewId;
this.get_table()
}
},
getTreeData() {
//查询左侧树
......
src/views/dataMapping/index.vue
......@@ -4,7 +4,7 @@
* @Autor: pan
* @Date: 2024-04-23 11:30:05
* @LastEditors: pan
* @LastEditTime: 2024-05-10 15:39:56
* @LastEditTime: 2024-05-11 14:06:16
-->
<template>
<div class="dataMapping w-100">
......@@ -659,6 +659,7 @@ export default {
)
this.fnUpdateRelationGraph()
}
// console.log('rightdata', this.dataSubGraphData)
},
fnHandleToSubData() {
const checkedNodeKeys = this.getCheckedKeys()
......@@ -740,18 +741,22 @@ export default {
console.log('data', data)
console.log('node', node)
console.log('checkedNodes', this.$refs.tree.getCheckedNodes())
this.setNode(node)
console.log('this.tableData', this.tableData)
this.tableData = [...this.$refs.tree.getCheckedNodes(), ...this.addData]
console.log(
'this.tableData',
this.$refs.tree.getCheckedNodes(),
this.addData,
)
if (!this.tableData.length) {
this.$refs['graph'].clear()
if(this.activeName === '3') {
this.handleDataSubGraph(data, node)
} else {
this.handleDataToGraph(data, node)
this.setNode(node)
console.log('this.tableData', this.tableData)
this.tableData = [...this.$refs.tree.getCheckedNodes(), ...this.addData]
console.log(
'this.tableData',
this.$refs.tree.getCheckedNodes(),
this.addData,
)
if (!this.tableData.length) {
this.$refs['graph'].clear()
} else {
this.handleDataToGraph(data, node)
}
}
},
setNode(node) {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!