From 576c918c2c213176e2aff1e130fd84d5dc1ee835 Mon Sep 17 00:00:00 2001
From: yuxc <yuxc@vci-tech.com>
Date: 星期四, 09 一月 2025 16:05:02 +0800
Subject: [PATCH] 在删除属性时删除的属性有数据进行属性的提示
---
Source/plt-web/plt-web-ui/src/components/PLT-basic-component/input-icon.vue | 93 +++++++++++++++++++++++++++++++---------------
1 files changed, 62 insertions(+), 31 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/components/PLT-basic-component/input-icon.vue b/Source/plt-web/plt-web-ui/src/components/PLT-basic-component/input-icon.vue
index 156d397..5849ea0 100644
--- a/Source/plt-web/plt-web-ui/src/components/PLT-basic-component/input-icon.vue
+++ b/Source/plt-web/plt-web-ui/src/components/PLT-basic-component/input-icon.vue
@@ -1,8 +1,8 @@
<template>
<div>
<el-input :width="width" :class="inputClass" :style="inputStyle" :clearable="true" :value="value"
- :disabled="disabled" :placeholder="placeholder" type="text" :size="size" @clear="clearValue" @focus="handleFocus">
- <span slot="append" v-html="svgHtml"></span>
+ :disabled="disabled" :placeholder="placeholder" :read-only="true" type="text" :size="size" @clear="clearValue">
+ <span slot="append" v-html="svgHtml" style="font-size: 18px;padding:3px 10px;width:18px;height:18px;display: block" @click="handleFocus"></span>
</el-input>
<el-dialog v-dialogDrag
v-dialog-resize
@@ -14,24 +14,24 @@
@close="dialogClose">
<div style="display: flex;justify-content: space-between;flex-wrap: wrap">
<div class="tag-group">
- <span class="tag-group__title">鍒嗙被</span>
+ <span class="tag-group__title" v-if="types.length>0">鍒嗙粍</span>
<el-tag
v-for="item in types"
- :key="item.value"
- :type="checkedTypes.includes(item.value)?'success':'info'" size="small"
- effect="plain" @click="changeType(item.value)">
- {{ item.label }}
+ :key="item.key"
+ :type="checkedTypes.includes(item.key)?'success':'info'" size="small"
+ effect="plain" @click="changeType(item.key)">
+ {{ item.value }}
</el-tag>
</div>
<avue-input v-model="searchText" @change="handleSearch" placeholder="鏌ヨ" size="mini" prefixIcon="el-icon-search" style="width: 300px;max-width: 30%"></avue-input>
</div>
<div style="height: 60vh">
<el-tabs v-model="activeName" @tab-click="handleTabClick">
- <el-tab-pane v-for="item in iconList" :label="item.lable" :name="item.lable" style="height: calc(60vh - 80px);;overflow: auto ">
+ <el-tab-pane v-for="item in iconList" :label="item.lable" :name="item.lable" style="height: calc(60vh - 60px);;overflow: auto ">
<div class="iconList">
<div class="iconItem" v-for="svg in item.list" :data-value="svg.name" @click="checkSvg(svg,item.lable)">
- <div v-html="svg.content"></div>
- <!--<span>{{svg.name.split(':')[1]}}</span>-->
+ <div class="svgContent" v-html="svg.content"></div>
+ <span>{{svg.name.split(':')[1]}}</span>
</div>
</div>
</el-tab-pane>
@@ -47,6 +47,7 @@
import func from "@/util/func";
import store from "@/store";
import {getIcons} from "@/api/UI/Icons";
+import {getDicts} from "@/api/system/dict";
export default {
name: "input-icon",
@@ -79,16 +80,7 @@
data(){
return {
visible: false,
- types: [{
- label:'鎸夐挳',
- value:0
- },{
- label:'鏍囩浜�',
- value:1
- },{
- label:'鏍囩涓�',
- value:2
- }],
+ types: [],
checkedTypes:[],
searchText:'',
activeName:'',
@@ -105,6 +97,7 @@
}
},
created(){
+ this.getGroups();
if (!validatenull(this.$store.state.icons)) {
this.iconList = this.$store.state.icons;
} else {
@@ -115,16 +108,31 @@
this.activeName=this.iconList[0].lable;
}else {
getIcons().then(res => {
- this.iconList=res.data.data;
- this.allIconList=this.iconList;
- store.dispatch("setIcons", this.iconList);
- if(this.iconList&&this.iconList.length>0) {
- this.activeName=this.iconList[0].lable;
+ if (res.data.success) {
+ this.iconList = res.data.data;
+ this.allIconList = this.iconList;
+ store.dispatch("setIcons", this.iconList);
+ if (this.iconList.length > 0) {
+ this.activeName = this.iconList[0].lable;
+ }
+ } else {
+ this.$message.error(res.data.msg);
}
})
}
+
+ this.svgHtml=func.getSVGByName(this.value);
},
methods:{
+ getGroups() {
+ getDicts('EnumIconGroups').then(res => {
+ if (res.data.success) {
+ this.types = res.data.obj;
+ } else {
+ this.$message.error(res.data.msg);
+ }
+ })
+ },
dialogClose() {
this.visible = false;
},
@@ -148,9 +156,16 @@
this.iconList=this.allIconList
}else{
const checkedTypes=JSON.stringify(this.checkedTypes);
- this.iconList=this.allIconList.filter(item=> {
- return checkedTypes.indexOf(JSON.stringify(item.groups))!=-1;
+ const iconList=[];
+ this.allIconList.forEach(item=>{
+ iconList.push({
+ lable:item.lable,
+ list:item.list.filter(iconitem=> {
+ return checkedTypes.indexOf(iconitem.groups)!=-1;
+ })
+ })
})
+ this.iconList=iconList;
}
this.activeName=this.iconList[0].lable;
},
@@ -185,7 +200,17 @@
}
</script>
-<style scoped>
+<style scoped lang="scss">
+::v-deep{
+ .el-input-group__append, .el-input-group__prepend{
+ padding: 0;
+ }
+ svg{
+ font-size: inherit;
+ height: 100%;
+ width:100%;
+ }
+}
.tag-group{font-size: 14px;}
.el-tag{
margin: 0 0 10px 10px;
@@ -197,11 +222,17 @@
flex-wrap: wrap;
}
.iconList .iconItem{
- width: 65px;
- margin: 6px;
+ width: 85px;
+ margin: 6px 5px 10px 5px;
text-align: center;
}
-.iconList .iconItem div:hover{
+.iconList .iconItem .svgContent{
+ font-size: 24px;
+ width: 24px;
+ height: 24px;
+ margin: 0 auto;
+}
+.iconList .iconItem .svgContent:hover{
transform: scale(1.5);
}
.iconList .iconItem span{
--
Gitblit v1.9.3