From 3623c7ad92348e76a917ca844d76d27711d58191 Mon Sep 17 00:00:00 2001
From: xiejun <xiejun@vci-tech.com>
Date: 星期四, 26 十二月 2024 16:15:20 +0800
Subject: [PATCH] 集成获取mdm分发通用数据格式接口集成 日志输出到日志文件中
---
Source/UBCS-WEB/src/views/integration/integrationIndex.vue | 284 ++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 250 insertions(+), 34 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/integration/integrationIndex.vue b/Source/UBCS-WEB/src/views/integration/integrationIndex.vue
index 2401ed9..9f9d493 100644
--- a/Source/UBCS-WEB/src/views/integration/integrationIndex.vue
+++ b/Source/UBCS-WEB/src/views/integration/integrationIndex.vue
@@ -50,17 +50,26 @@
@row-click="handleMapingClick" @row-dblclick="handleMapingRowClick"
@selection-change="selectionChange"
@select-all="handleSelectAll">
+ <template slot="radio"
+ slot-scope="{row}">
+
+ <el-radio v-model="selectRow" :label="row.$index">-</el-radio>
+ </template>
<template slot="menuLeft">
- <el-button :disabled="disabledPush" icon="el-icon-plus" size="small" type="primary"
- @click="dialogPush = true">鏂� 澧�
+ <!-- <el-button :disabled="disabledPush" icon="el-icon-plus" size="small" type="primary"-->
+ <!-- @click="dialogPush = true">鏂� 澧�-->
+ <!-- </el-button>-->
+ <el-button v-if="permissionList.saveBtn" icon="el-icon-check" size="small" type="primary"
+ @click="handleSave">淇� 瀛�
</el-button>
- <el-button icon="el-icon-check" size="small" type="primary" @click="handleSave">淇� 瀛�
+ <el-button v-if="permissionList.allSyncBtn" icon="el-icon-connection" size="small"
+ type="primary" @click="handleSync('all')">鍚屾涓绘ā鍨�
</el-button>
- <el-button icon="el-icon-connection" size="small" type="primary"
- @click="handleSync('all')">鍚屾涓绘ā鍨�
+ <el-button v-if="permissionList.oneSyncBtn" icon="el-icon-connection" size="small"
+ type="primary" @click="handleSync('one')">鍚屾璇︾粏妯″瀷
</el-button>
- <el-button icon="el-icon-connection" size="small" type="primary"
- @click="handleSync('one')">鍚屾璇︾粏妯″瀷
+ <el-button v-if="permissionList.autoBtn" icon="el-icon-coordinate" size="small"
+ type="primary" @click="handlerAuto">鑷姩濉厖
</el-button>
</template>
</avue-crud>
@@ -69,6 +78,11 @@
<avue-crud ref="crudRange" :data="rangeData" :option="optinoRange" :style="{ marginTop: '-20px'}"
@row-update="handleUpdate"
@row-dblclick="handleRowClick">
+ <template slot="menuLeft">
+ <el-button v-if="permissionList.bottomAutoBtn" icon="el-icon-coordinate" size="small"
+ type="primary" @click="handlerBottomAuto">鑷姩濉厖
+ </el-button>
+ </template>
</avue-crud>
</el-card>
</el-card>
@@ -81,6 +95,7 @@
<script>
import integrationTransfer from './integrationTransfer.vue'
import pinyin from 'js-pinyin'
+import {mapGetters} from "vuex";
import {
referCodeClassifyTree,
referTree,
@@ -90,6 +105,7 @@
listCodeAttributeByClassId,
syncClassifyModel
} from '@/api/integration/integration.js'
+import {getByGroupAttrMapping, getEnumAttrByClsOidAndAttrId} from "@/api/vciAttrbute";
export default {
components: {
@@ -113,6 +129,8 @@
highlightCurrentRow: true,
}
return {
+ selectRow: "",
+ targetNameList: [], // 鍏冩暟鎹繑鍥炲悕绉�
defaultCheckedKeys: [],
isNodeDisabled: true,
// 琛ㄥ崟鍊�
@@ -138,8 +156,8 @@
optinoRange: {
title: '灞炴�ф槧灏勫彇鍊艰寖鍥�',
maxHeight: '280px',
- header: false,
rowKey: 'oid',
+ refreshBtn: false,
column: [
{label: '灞炴�ч泦鍥㈡灇涓惧��', prop: 'numTextValue', minWidth: 80},
{label: '闆嗗洟灞炴�ф灇涓炬樉绀哄悕绉�', prop: 'numText', minWidth: 80},
@@ -166,8 +184,21 @@
header: true,
rowKey: 'oid',
selection: false,
- refreshBtn:false,
+ refreshBtn: false,
+ delBtn: false,
+ addBtn: false,
+ columnBtn: false,
+ searchShow: true,
+ emptyBtn: false,
+ searchBtn: false,
+ searchShowBtn: false,
+ cellBtn: true,
+ border: true,
+ searchMenuSpan: 8,
+ highlightCurrentRow: true,
+ $cellEdit: true,
column: [
+ {label: '', prop: 'radio', width: 60, hide: false},
{label: '闆嗗洟鍒嗙被', prop: 'sourceClassifyName', minWidth: 80},
{label: '鎵�灞炶鍥�', prop: 'viewName', minWidth: 80},
{label: '闆嗗洟灞炴��', prop: 'sourceAttrName', minWidth: 80},
@@ -175,17 +206,24 @@
{
label: '灞炴�у悕绉�',
prop: 'targetAttrName',
- minWidth: 80,
- },
- {
- label: '榛樿鍊�',
- prop: 'defaultValue',
- minWidth: 140,
+ type: 'select',
cell: true,
- blur: (value) => window.handleBlur(value, 'mapping')
+ filterable: true,
+ minWidth: 80,
+ props: {
+ label: 'targetAttrName',
+ value: 'targetAttrName'
+ },
+ dicData: [],
},
+ // {
+ // label: '榛樿鍊�',
+ // prop: 'defaultValue',
+ // minWidth: 140,
+ // cell: true,
+ // blur: (value) => window.handleBlur(value, 'mapping')
+ // },
],
- ...options
},
// 涓绘暟鎹垎绫绘爲
treeData: [],
@@ -215,7 +253,8 @@
mappingForm: {},
// 瀹氭椂鍣�
times: null,
- TreeSelectOid: ""
+ TreeOid: "",
+ tableSelectId: ''
}
},
@@ -231,7 +270,6 @@
mounted() {
let that = this
window.handleBlur = that.handleBlur
-
},
computed: {
filtermapping() {
@@ -242,9 +280,127 @@
return obj.targetAttrName
})
return transfer
- }
+ },
+ targetColumn() {
+ return this.optionMapping.column.find(column => column.prop === 'targetAttrName');
+ },
+ ...mapGetters(["permission"]),
+ permissionList() {
+ return {
+ allSyncBtn: this.vaildData(this.permission.integration.integration_allSync, false),
+ autoBtn: this.vaildData(this.permission.integration.integration_auto, false),
+ bottomAutoBtn: this.vaildData(this.permission.integration.integration_bottomAuto, false),
+ oneSyncBtn: this.vaildData(this.permission.integration.integration_oneSync, false),
+ saveBtn: this.vaildData(this.permission.integration.integration_save, false),
+ }
+ },
},
methods: {
+ handlerAuto() {
+ if (!this.TreeOid || this.TreeOid === "") {
+ return;
+ }
+ // 杩囨护鍑洪泦鍥㈠睘鎬х殑key鍊�
+ const groupArray = this.mappingData ? this.mappingData.map(obj => obj.sourceAttrKey) : [];
+ // 鑾峰彇鍒伴渶瑕佽嚜鍔ㄥ～鍏呯殑鍊�
+ getByGroupAttrMapping({classifyId: this.TreeOid, groupAttrKeyList: groupArray})
+ .then(res => {
+ // 鍗曠嫭鎶婅繑鍥炲�肩殑groupAttrKey鏀句竴涓暟缁勶紝鐒跺悗杩囨护鍑鸿繑鍥炲�肩殑groupAttrKey鏄惁绛変簬琛ㄦ牸鏁版嵁涓殑sourceAttrKey
+ // const groupReturnData = res.data && res.data.data ? res.data.data.map(item => item.groupAttrKey) : [];
+ const groupReturnData = res.data.data;
+ // 杩囨护鍖归厤
+ this.mappingData.forEach(mappingItem => {
+ groupReturnData.forEach(groupItem => {
+ if (mappingItem.sourceAttrKey === groupItem.groupAttrKey) {
+ const result = this.transferData.find(obj => obj.id.toLowerCase() === groupItem.codeMetaAttrKey.toLowerCase());
+ if (result) {
+ mappingItem.targetAttrId = groupItem.codeMetaAttrOid.toLowerCase();
+ mappingItem.targetAttrName = groupItem.codeMetaAttrName.toLowerCase();
+ mappingItem.targetAttrKey = groupItem.codeMetaAttrKey.toLowerCase();
+ } else {
+ mappingItem.targetAttrId = '';
+ mappingItem.targetAttrName = '';
+ mappingItem.targetAttrKey = '';
+ }
+ }
+ })
+ })
+ this.$message.success('鑷姩濉厖鎴愬姛锛岃纭灞炴�у悗鐐瑰嚮淇濆瓨锛�');
+ })
+ .catch(error => {
+ this.$message.error('濉厖澶辫触锛岃绋嶅悗鍐嶈瘯锛�');
+ });
+ },
+ handlerBottomAuto() {
+ if (this.rangeData.length <= 0) {
+ this.$message.warning('璇烽�夋嫨涓�鏉℃灇涓剧被鍨嬪睘鎬�!')
+ return
+ }
+ getEnumAttrByClsOidAndAttrId({classifyId: this.TreeOid, codeMetaAttrKey: this.tableSelectId}).then(res => {
+ const data = res.data.data;
+ this.rangeData.forEach(rangeItem => {
+ data.forEach(dataItem => {
+ const similarity = this.calculateSimilarity(rangeItem.numText, dataItem.itemName);
+ if (similarity > 70) {
+ rangeItem.targetNumTextValue = rangeItem.numTextValue;
+ rangeItem.targetNumText = dataItem.itemName;
+ }
+ })
+ })
+ this.$message.success('鑷姩濉厖鎴愬姛锛岃纭灞炴�у悗鐐瑰嚮淇濆瓨锛�')
+ })
+ },
+ calculateSimilarity(str1, str2) {
+ // 璁＄畻缂栬緫璺濈
+ function editDistance(s1, s2) {
+ s1 = s1.toLowerCase();
+ s2 = s2.toLowerCase();
+
+ const costs = [];
+ for (let i = 0; i <= s1.length; i++) {
+ let lastValue = i;
+ for (let j = 0; j <= s2.length; j++) {
+ if (i === 0)
+ costs[j] = j;
+ else {
+ if (j > 0) {
+ let newValue = costs[j - 1];
+ if (s1.charAt(i - 1) !== s2.charAt(j - 1))
+ newValue = Math.min(Math.min(newValue, lastValue),
+ costs[j]) + 1;
+ costs[j - 1] = lastValue;
+ lastValue = newValue;
+ }
+ }
+ }
+ if (i > 0)
+ costs[s2.length] = lastValue;
+ }
+ return costs[s2.length];
+ }
+
+ // 璁＄畻鐩镐技搴︾櫨鍒嗘瘮
+ function similarityPercent(s1, s2) {
+ let maxLength = Math.max(s1.length, s2.length);
+ let distance = editDistance(s1, s2);
+ return ((maxLength - distance) / maxLength) * 100;
+ }
+
+ // 璋冪敤鐩镐技搴﹁绠楀嚱鏁板苟杩斿洖鐧惧垎姣斿舰寮忕殑鐩镐技搴�
+ const similarity = similarityPercent(str1, str2);
+ return similarity;
+ },
+ getTargetName(data) {
+ this.targetColumn.dicData = data.filter(item => item.name && item.name.trim() !== "") // 杩囨护鎺塶ame涓虹┖鐨勫睘鎬�
+ .map(item => {
+ return {
+ targetAttrId: item.oid,
+ targetAttrKey: item.id,
+ targetAttrName: item.name,
+ // disabled: false
+ }
+ });
+ },
// 鎺ュ彛宸︿晶鏍�
async getReferCodeClassifyTree() {
this.treeData = []
@@ -268,7 +424,13 @@
if (response.status === 200) {
this.loading = false
this.mappingData = response.data.data
- // console.log(this.filtermapping)
+
+ // for (const item of this.mappingData) {
+ // if (item.targetAttrName && item.targetAttrId && item.targetAttrKey) {
+ // const targetObject = this.targetColumn.dicData.find(obj => obj.targetAttrName === item.targetAttrName);
+ // targetObject.disabled = true;
+ // }
+ // }
}
},
// 鎺ュ彛鑾峰彇灞炴�ф槧灏勫彇鍊艰寖鍥�
@@ -276,7 +438,6 @@
this.rangeData = []
const response = await gridAttrRanges({meatId: oid})
if (response.status === 200) {
- // console.log(response.data)
this.rangeData = response.data.data
}
},
@@ -288,6 +449,7 @@
if (response.status === 200) {
const data = response.data.data
this.transferData = data;
+ this.getTargetName(data)
// console.log(data)
}
},
@@ -374,6 +536,17 @@
},
// 淇濆瓨鎸夐挳
async handleSave() {
+ const getTargetCorresponding = (row) => {
+ return this.targetColumn.dicData.find(column => column.targetAttrName === row.targetAttrName);
+ }
+ for (const item of this.mappingData) {
+ item.$cellEdit = false;
+ if (item.targetAttrName && !item.targetAttrId && !item.targetAttrKey) {
+ const {targetAttrId, targetAttrKey, targetAttrName} = await getTargetCorresponding(item);
+ Object.assign(item, {targetAttrId, targetAttrKey, targetAttrName});
+ }
+ }
+ this.mappingData[this.selectRow].dockingPreAttrRangeVoList = (this.rangeData)
const response = await batchAddSave({dockingPreAttrMappingVOList: this.mappingData})
if (response.status === 200) {
this.$message({
@@ -394,14 +567,17 @@
message: "璇烽�夋嫨涓�鏉￠泦鍥㈠垎绫�"
});
} else {
- const response = await syncClassifyModel(param)
- if (response.status === 200) {
- console.log(response)
+ try {
+ const response = await syncClassifyModel(param);
+ if (response.status === 200) {
+ this.$message.success(response.data.msg)
+ }
+ } catch (error) {
+ console.error(error);
}
}
},
handelTransferSave(event) {
- // console.log(event)
let that = this
const transferValue = event.value
if (Object.keys(that.mappingForm).length == 0) {
@@ -420,6 +596,7 @@
},
// 宸︿晶鏍戠偣鍑�
handelTreeCell(event) {
+ this.TreeOid = event.oid;
this.treeParam.codeClassifyId = event.oid
this.form.groupValue = ''
this.groupVal = ''
@@ -453,6 +630,9 @@
},
// 闆嗗洟鏄犲皠灞炴�ц閫夋嫨锛堝崟鍑伙級
handleMapingClick(row) {
+ // console.log(row)
+ this.tableSelectId = row.targetAttrKey || "";
+ this.selectRow = row.$index;
clearTimeout(this.times)
this.mappingForm = row
this.times = setTimeout(() => {
@@ -477,13 +657,42 @@
done();
},
// 灞炴�у彇鍊艰寖鍥村崟鍏冩牸缂栬緫鍚�
- handleMapingUpdate(row, index, done) {
- this.$message({
- showClose: true,
- message: "淇敼鎴愬姛",
- type: "success",
- });
- done();
+ async handleMapingUpdate(row, index, done) {
+ const getTargetCorresponding = async (row) => {
+ return this.targetColumn.dicData.find(column => column.targetAttrName === row.targetAttrName);
+ };
+
+ try {
+ if (!row.targetAttrName) {
+ this.$message.warning('璇烽�夋嫨瑕佷繚瀛樼殑灞炴�у悕绉帮紒');
+ done();
+ return;
+ }
+
+ // 鑾峰彇鐩爣灞炴�т俊鎭�
+ const {targetAttrId, targetAttrKey, targetAttrName} = await getTargetCorresponding(row);
+
+
+ // 鏇存柊琛屾暟鎹�
+ Object.assign(row, {
+ targetAttrId: targetAttrId.toLowerCase(),
+ targetAttrKey: targetAttrKey.toLowerCase(),
+ targetAttrName: targetAttrName.toLowerCase()
+ });
+
+ const response = await batchAddSave({dockingPreAttrMappingVOList: [row]});
+
+ if (response.status === 200) {
+ this.$message({
+ type: "success",
+ message: "淇敼鎴愬姛!"
+ });
+ }
+ } catch (error) {
+ this.$message.error(error)
+ } finally {
+ done();
+ }
},
// 闆嗗洟鏄犲皠灞炴�ч�夋嫨锛堝崟閫夛級
selectionChange(selection) {
@@ -497,12 +706,14 @@
}
},
setCurrentRow(selection, row) {
+
this.mappingForm = row
this.disabledPush = false
},
handleSelectAll(selection) {
this.$refs.crudMapping.toggleSelection()
- }
+ },
+
}
}
</script>
@@ -532,5 +743,10 @@
.el-transfer-panel {
width: 270px;
}
+
+ .el-scrollbar__view {
+ height: 100px;
+ }
}
+
</style>
--
Gitblit v1.9.3