From 96df9c12a94474ddd567fab1f255d3721b6cf03c Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期四, 02 一月 2025 16:28:38 +0800
Subject: [PATCH] 调整UI引擎页面按钮图标
---
Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-button.vue | 22 +++++++----
Source/plt-web/plt-web-ui/src/util/func.js | 20 +++++++--
Source/plt-web/plt-web-ui/src/views/system/department/index.vue | 2 -
Source/plt-web/plt-web-ui/src/styles/ui.scss | 23 +++++++++++
Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/index.vue | 2
Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue | 1
6 files changed, 52 insertions(+), 18 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-button.vue b/Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-button.vue
index 4007355..e7b8b47 100644
--- a/Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-button.vue
+++ b/Source/plt-web/plt-web-ui/src/components/dynamic-components/dynamic-button.vue
@@ -5,10 +5,11 @@
<!--top灞曠ず琛ㄦ牸涓婃柟鍖哄煙 menu灞曠ず琛ㄦ牸鎿嶄綔鏍忓尯鍩� 鏃犲氨鏄粯璁� -->
<el-tooltip v-if="LocationType === 'top'" v-for="item in basicButtonList.top" :content="item.description || item.name" placement="top">
<el-button :key="item.oid"
- :icon="item.paramVOS && item.paramVOS.icon ? item.paramVOS.icon :''"
:type="item.paramVOS && item.paramVOS.btnType ? item.paramVOS.btnType : 'primary'" plain
size="small"
- @click="buttonClick(item)">{{ item.name }}</el-button>
+ @click="buttonClick(item)">
+ <icon-show :name="item.iconPath"></icon-show>{{ item.name }}
+ </el-button>
</el-tooltip>
<el-button type="text" @click="handleDefaultAddChildren(scope.row)" v-if="(LocationType === 'menu' && type === 'TreeTable')">鏂板瀛愮骇</el-button>
@@ -16,10 +17,13 @@
<el-tooltip v-if="LocationType === 'menu'" v-for="item in basicButtonList.menu" :content="item.description || item.name" placement="top">
<el-button :key="item.oid"
- :icon="item.paramVOS.icon ? item.paramVOS.icon : (item.id === 'edit' ? 'el-icon-edit' : (item.id === 'delete' ||item.id === 'del' ? 'el-icon-delete' : ''))"
:type="item.paramVOS.btnType || 'text'" plain
size="small"
- @click="buttonClick(item,scope.row)">{{ item.name }}</el-button>
+ @click="buttonClick(item,scope.row)">
+ <icon-show v-if="item.iconPath" :name="item.iconPath"></icon-show>
+ <i v-else :class="item.id === 'edit' ? 'el-icon-edit' : (item.id === 'delete' ||item.id === 'del' ? 'el-icon-delete' : '')"></i>
+ {{ item.name }}
+ </el-button>
</el-tooltip>
<!-- 琛ㄦ牸鍐呮寜閽搷浣滃璇濇琛ㄥ崟 -->
@@ -29,21 +33,23 @@
<div v-else-if="type === 'form'">
<el-tooltip v-for="item in basicButtonList" :content="item.description || item.name" placement="top">
<el-button :key="item.oid"
- :icon="item.paramVOS && item.paramVOS.icon ? item.paramVOS.icon :''"
:type="item.paramVOS && item.paramVOS.btnType ? item.paramVOS.btnType : 'primary'" plain
plain
size="small"
- @click="buttonClick(item)">{{ item.name }}</el-button>
+ @click="buttonClick(item)">
+ <icon-show :name="item.iconPath"></icon-show>{{ item.name }}
+ </el-button>
</el-tooltip>
</div>
<div v-else-if="type === 'tree'" class="tree-buttons">
<el-tooltip v-for="item in basicButtonList" :content="item.description || item.name" placement="top">
<el-button :key="item.oid"
- :icon="item.paramVOS && item.paramVOS.icon ? item.paramVOS.icon :''"
:type="item.paramVOS && item.paramVOS.btnType ? item.paramVOS.btnType : 'primary'" plain
plain
size="small"
- @click="buttonClick(item)">{{ item.name }}</el-button>
+ @click="buttonClick(item)">
+ <icon-show :name="item.iconPath"></icon-show>{{ item.name }}
+ </el-button>
</el-tooltip>
<el-button type="primary"
plain
diff --git a/Source/plt-web/plt-web-ui/src/styles/ui.scss b/Source/plt-web/plt-web-ui/src/styles/ui.scss
index 5bed0d1..56715a0 100644
--- a/Source/plt-web/plt-web-ui/src/styles/ui.scss
+++ b/Source/plt-web/plt-web-ui/src/styles/ui.scss
@@ -530,7 +530,28 @@
text-align: center;
padding-left: 4.5px;
}
-
+/*鏄剧ずsvg鍥炬爣鐨勬寜閽�*/
+.el-button--small.button-custom-icon{
+ padding: 7px 14px;
+}
+.el-button--small.button-custom-icon > span{
+ height: 16px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+.el-button--small.button-custom-icon > span .iconShow{
+ font-size: 16px !important;
+ width: 16px !important;
+ height: 16px !important;
+ margin-right: 6px;
+}
/*
鏍�
*/
diff --git a/Source/plt-web/plt-web-ui/src/util/func.js b/Source/plt-web/plt-web-ui/src/util/func.js
index e3c463d..aa606d5 100644
--- a/Source/plt-web/plt-web-ui/src/util/func.js
+++ b/Source/plt-web/plt-web-ui/src/util/func.js
@@ -329,7 +329,7 @@
if (iconList && iconList.length > 0) {
let libName = name.split(':')[0];
let currentLic = iconList.find(item => item.lable == libName);
- if (currentLic.list) {
+ if (currentLic && currentLic.list) {
currentLic.list.find(item => {
if (item.name == name) {
svgHtml = item.content;
@@ -339,11 +339,21 @@
}
}else {
getIcons().then(res => {
- this.iconList=res.data.data;
- store.dispatch("setIcons", this.iconList);
- if(this.iconList.length>0) {
- this.activeName=this.iconList[0].lable;
+ store.dispatch("setIcons", res.data.data);
+ let iconList = res.data.data;
+ if (iconList && iconList.length > 0) {
+ let libName = name.split(':')[0];
+ let currentLic = iconList.find(item => item.lable == libName);
+ if (currentLic.list) {
+ currentLic.list.find(item => {
+ if (item.name == name) {
+ svgHtml = item.content;
+ }
+ return item.name == name;
+ })
+ }
}
+ return svgHtml;
})
}
}
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 51f9d19..46b249d 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
@@ -3,7 +3,6 @@
<el-aside>
<basic-container>
<div ref="TreeBox" style="height: calc(100vh - 154px);!important;">
-
<!-- 宸︿晶鏍� -->
<div style="height: calc(100vh - 190px);">
<avue-tree ref="tree" v-loading="treeLoading" :data="treeData" :option="treeOption" @node-click="nodeClick">
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 13d9809..035317e 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
@@ -38,7 +38,7 @@
</el-button>
<!--<el-button icon="el-icon-edit" plain size="small" type="primary" @click="editHandler">淇敼</el-button>
<el-button icon="el-icon-delete" plain size="small" type="danger" @click="delHandler">鍒犻櫎</el-button>-->
- <el-button v-if="permissionList.importBtn" icon="el-icon-upload2" plain size="small" type="primary"
+ <el-button v-if="!permissionList.importBtn" icon="el-icon-upload2" plain size="small" type="primary"
@click="upLoadClickHandler">瀵煎叆
</el-button>
<el-button v-if="permissionList.exportBtn" icon="el-icon-download" plain size="small" type="primary"
diff --git a/Source/plt-web/plt-web-ui/src/views/system/department/index.vue b/Source/plt-web/plt-web-ui/src/views/system/department/index.vue
index f87b389..b65c440 100644
--- a/Source/plt-web/plt-web-ui/src/views/system/department/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/system/department/index.vue
@@ -356,8 +356,6 @@
this.rightTransferData = byRoleRes.data.data.map(item => item.oid);
this.$refs.transfer.visible = true;
}
- }).catch(err => {
- console.error(err);
});
},
--
Gitblit v1.9.3