From 49cdf259bfdb99b0c6b3b4430df8b7a715989795 Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期二, 07 一月 2025 10:59:57 +0800
Subject: [PATCH] 业务类型树图标展示，调整功能模块
---
Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Icons/index.vue | 14 ++++++-
Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/formDefine/index.vue | 27 +++++++------
Source/plt-web/plt-web-ui/src/views/systemModel/businessModel/index.vue | 5 ++
Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/index.vue | 2
Source/plt-web/plt-web-ui/src/views/systemModel/operateType/index.vue | 2
Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue | 14 ++++---
Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue | 4 +-
Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue | 5 ++
8 files changed, 49 insertions(+), 24 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
index 46b249d..07b84b2 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
@@ -6,12 +6,12 @@
<!-- 宸︿晶鏍� -->
<div style="height: calc(100vh - 190px);">
<avue-tree ref="tree" v-loading="treeLoading" :data="treeData" :option="treeOption" @node-click="nodeClick">
- <span slot-scope="{ node, data }" class="el-tree-node__label">
- <span>
- <i class="el-icon-s-promotion"></i>
- {{ (node || {}).label }}
- </span>
- </span>
+ <span slot-scope="{ node, data }" class="el-tree-node__label">
+ <span>
+ <icon-show :name="data.icon"></icon-show>
+ {{ (node || {}).label }}
+ </span>
+ </span>
</avue-tree>
</div>
</div>
@@ -866,6 +866,7 @@
const data = res.data.data.map(item => {
this.processChildren(item); // 澶勭悊姣忎釜鑺傜偣
item.attributes.TreeName = item.attributes.id;
+ item.attributes.icon = item.attributes.imageName;
return item.attributes; // 杩斿洖澶勭悊鍚庣殑 attributes
});
this.treeData[0].children = data;
@@ -879,6 +880,7 @@
if (item.children && item.children.length > 0) {
item.attributes.children = item.children.map(child => {
child.attributes.TreeName = child.attributes.id;
+ child.attributes.icon = child.attributes.imageName;
this.processChildren(child); // 閫掑綊澶勭悊姣忎釜瀛愯妭鐐�
return child.attributes; // 鍙繑鍥炲瓙鑺傜偣鐨� attributes
});
diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue
index b403bec..46cd11f 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue
@@ -312,7 +312,6 @@
label: '鍒嗙被',
prop: 'plActionCls',
type: 'tree',
- hide: true,
props: {
label: 'name',
value: 'id',
@@ -424,8 +423,9 @@
this.treeData = this.treeDataFormAtter([data],'Action鍒嗙被');
const selectTreeData = this.option.column.find(item => item.prop === 'plActionCls'); // 鎵惧埌action娣诲姞鍒嗙被鏍�
const dicData=this.treeData;
- dicData[0].disabled=true;//鏍硅妭鐐逛笉鑳介��
+ dicData[0].disabled=true;//鍒嗙被鏍硅妭鐐逛笉鑳介��
selectTreeData.dicData = dicData;
+ selectTreeData.hide=true;//闅愯棌鍒嗙被鍒椼�備笉鑳界洿鎺ュ湪option璁剧疆锛屼細瀵煎嚭dicData鍔犺浇涓嶅嚭
})
},
diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Icons/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Icons/index.vue
index c2d4177..ee6bbae 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Icons/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Icons/index.vue
@@ -473,7 +473,14 @@
}
</script>
-<style scoped>
+<style scoped lang="scss">
+::v-deep{
+ svg{
+ font-size: inherit;
+ height: 100%;
+ width:100%;
+ }
+}
.tag-group{font-size: 14px;}
.el-tag{
margin: 0 0 10px 10px;
@@ -490,7 +497,10 @@
text-align: center;
}
.iconList .iconItem .svgContent{
- font-size: 26px;
+ font-size: 24px;
+ width: 24px;
+ height: 24px;
+ margin: 0 auto;
}
.iconList .iconItem .svgContent:hover{
transform: scale(1.5);
diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/formDefine/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/formDefine/index.vue
index d15ee7b..70e5cd8 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/formDefine/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/formDefine/index.vue
@@ -11,12 +11,12 @@
<el-radio v-model="treeRadio" label="1" @input="TreeRadioChange">閾炬帴绫诲瀷鏍�</el-radio>
</div>
<avue-tree v-loading="treeLoading" :data="treeData" :option="treeOption" @node-click="nodeClick">
- <span slot-scope="{ node, data }" class="el-tree-node__label">
- <span>
- <i class="el-icon-s-promotion"></i>
- {{ (node || {}).label }}
- </span>
- </span>
+ <span slot-scope="{ node, data }" class="el-tree-node__label">
+ <span>
+ <icon-show :name="data.icon"></icon-show>
+ {{ (node || {}).label }}
+ </span>
+ </span>
</avue-tree>
</div>
</div>
@@ -90,12 +90,12 @@
</div>
<avue-tree ref="cloneTree" v-loading="cloneTreeLoading" :data="cloneTreeData" :option="treeOption"
@node-click="cloneTreeNodeClick">
- <span slot-scope="{ node, data }" class="el-tree-node__label">
- <span>
- <i class="el-icon-s-promotion"></i>
- {{ (node || {}).label }}
- </span>
- </span>
+ <span slot-scope="{ node, data }" class="el-tree-node__label">
+ <span>
+ <icon-show :name="data.icon"></icon-show>
+ {{ (node || {}).label }}
+ </span>
+ </span>
</avue-tree>
</div>
</div>
@@ -230,6 +230,7 @@
const data = res.data.data.map(item => {
this.processChildren(item); // 澶勭悊姣忎釜鑺傜偣
item.attributes.id = item.attributes.id;
+ item.attributes.icon = item.attributes.imageName;
return item.attributes; // 杩斿洖澶勭悊鍚庣殑 attributes
});
this.treeData = data;
@@ -248,6 +249,7 @@
const data = res.data.data.map(item => {
this.processChildren(item); // 澶勭悊姣忎釜鑺傜偣
item.attributes.id = item.attributes.id;
+ item.attributes.icon = item.attributes.imageName;
return item.attributes; // 杩斿洖澶勭悊鍚庣殑 attributes
});
this.treeData = data;
@@ -270,6 +272,7 @@
if (item.children && item.children.length > 0) {
item.attributes.children = item.children.map(child => {
child.attributes.id = child.attributes.id;
+ child.attributes.icon = child.attributes.imageName;
this.processChildren(child); // 閫掑綊澶勭悊姣忎釜瀛愯妭鐐�
return child.attributes; // 鍙繑鍥炲瓙鑺傜偣鐨� attributes
});
diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/index.vue
index 035317e..eb27bb3 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/index.vue
@@ -8,7 +8,7 @@
<avue-tree v-loading="loading" :data="treeData" :option="treeOption" @node-click="nodeClick">
<span slot-scope="{ node, data }" class="el-tree-node__label">
<span>
- <i class="el-icon-s-promotion"></i>
+ <icon-show :name="data.icon"></icon-show>
{{ (node || {}).label }}
</span>
</span>
diff --git a/Source/plt-web/plt-web-ui/src/views/systemModel/businessModel/index.vue b/Source/plt-web/plt-web-ui/src/views/systemModel/businessModel/index.vue
index b590439..f7244e7 100644
--- a/Source/plt-web/plt-web-ui/src/views/systemModel/businessModel/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/systemModel/businessModel/index.vue
@@ -136,6 +136,10 @@
<el-form-item label="鍒悕锛�" class="is-required">
<el-input v-model="form.alias" placeholder="璇疯緭鍏ュ埆鍚�"></el-input>
</el-form-item>
+ <el-form-item label="鍥炬爣锛�">
+ <input-icon v-model="form.source" placeholder="璇烽�夋嫨鍥炬爣">
+ </input-icon>
+ </el-form-item>
<el-form-item label="缂栧彿锛�" class="is-required">
<el-input-number v-model="form.sort" :disabled="form.category === 1" :max="63" :min="1"></el-input-number>
</el-form-item>
@@ -498,6 +502,7 @@
const params = {
id: this.form.id,
isValid: this.form.isValid,
+ source:this.form.source,
alias: this.form.alias
}
updateAlias(params).then(res => {
diff --git a/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue b/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue
index d36f65f..d59ee86 100644
--- a/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue
@@ -135,6 +135,10 @@
<el-form-item label="鍒悕锛�" class="is-required">
<el-input v-model="form.alias" placeholder="璇疯緭鍏ュ埆鍚�"></el-input>
</el-form-item>
+ <el-form-item label="鍥炬爣锛�">
+ <input-icon v-model="form.source" placeholder="璇烽�夋嫨鍥炬爣">
+ </input-icon>
+ </el-form-item>
<el-form-item label="缂栧彿锛�" class="is-required">
<el-input-number v-model="form.sort" :disabled="form.category === 1" :max="63" :min="1"></el-input-number>
</el-form-item>
@@ -498,6 +502,7 @@
const params = {
id: this.form.id,
isValid: this.form.isValid,
+ source:this.form.source,
alias: this.form.alias
}
updateAlias(params).then(res => {
diff --git a/Source/plt-web/plt-web-ui/src/views/systemModel/operateType/index.vue b/Source/plt-web/plt-web-ui/src/views/systemModel/operateType/index.vue
index 6888bb4..141f8e5 100644
--- a/Source/plt-web/plt-web-ui/src/views/systemModel/operateType/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/systemModel/operateType/index.vue
@@ -55,7 +55,7 @@
<el-form-item label="鍒悕锛�" class="is-required">
<el-input v-model="form.alias" :disabled="!editStatus && !addStatus" placeholder="璇疯緭鍏ュ埆鍚�"></el-input>
</el-form-item>
- <el-form-item label="鍥炬爣锛�" class="is-required">
+ <el-form-item label="鍥炬爣锛�">
<input-icon v-model="form.source" :disabled="!editStatus && !addStatus" placeholder="璇烽�夋嫨鍥炬爣">
</input-icon>
</el-form-item>
--
Gitblit v1.9.3