From 55f12d7be89a721be2fca909f79b47c184562ef3 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期二, 31 十月 2023 16:30:36 +0800
Subject: [PATCH] 主数据左侧菜单数据统计前缀
---
Source/UBCS-WEB/src/views/integration/applicationForm.vue | 16 ++++----
Source/UBCS-WEB/src/components/Theme/ThemeClassifyTreeform.vue | 2
Source/UBCS-WEB/src/components/Master/MasterTree.vue | 51 ++++++++++++++++++-------
3 files changed, 46 insertions(+), 23 deletions(-)
diff --git a/Source/UBCS-WEB/src/components/Master/MasterTree.vue b/Source/UBCS-WEB/src/components/Master/MasterTree.vue
index a14ba8d..17a4f13 100644
--- a/Source/UBCS-WEB/src/components/Master/MasterTree.vue
+++ b/Source/UBCS-WEB/src/components/Master/MasterTree.vue
@@ -1,8 +1,9 @@
<template>
<div class="app" style="display: flex;">
- <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="Treedata" :defaultExpandAll="false" :option="Treeoption" @node-click="nodeClick" style="width: fit-content;">
+ <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="Treedata" :defaultExpandAll="false"
+ :option="Treeoption" style="width: fit-content;" @node-click="nodeClick">
<template slot-scope="{ node }">
- <span style="display: inline-block;">{{ node.label }}</span>
+ <span v-html="node.label"></span>
</template>
</avue-tree>
<div style="display: inline-block;"><i class="el-icon-refresh refresh-icon" @click="getTreeLists"></i></div>
@@ -31,7 +32,7 @@
},
data() {
return {
- TreeValue:'',
+ TreeValue: '',
idData: '',
masterVrBtnList: [],
tableHeadFindData: [],
@@ -63,7 +64,8 @@
resolve(res.data.map(item => {
return {
...item,
- label: item.text
+ label: `<span style="color:#409EFF">${item.count}</span> ${item.text}`,
+ count: item.count
}
}))
})
@@ -75,7 +77,19 @@
created() {
this.getTreeLists()
},
- computed: {},
+ mounted() {
+
+ },
+ computed: {
+ formatCount() {
+ return (label) => {
+ const countIndex = label.indexOf('</span>') + '</span>'.length;
+ const count = label.slice(countIndex);
+ const coloredCount = `<span class="count">${count}</span>`;
+ return `${label.slice(0, countIndex)}${coloredCount}`;
+ };
+ },
+ },
methods: {
//鑾峰彇鏁版嵁
getTreeLists() {
@@ -84,10 +98,10 @@
this.idData = result
// console.log(this.$route)
getTreeList({'conditionMap[id]': this.idData}).then(res => {
- if(res){
- if(res.data.length === 0){
+ if (res) {
+ if (res.data.length === 0) {
this.$message.error("涓绘暟鎹垎绫绘煡璇负绌猴紒");
- }else{
+ } else {
this.Treedata = res.data;
const [firstProperty] = res.data;
this.ModifyProperties(this.Treedata, 'text', 'label');
@@ -95,6 +109,12 @@
this.coderuleoid = firstProperty.attributes.coderuleoid;
this.$emit("coderuleoid", this.coderuleoid)
this.$emit('Treedata', this.Treedata)
+ this.Treedata.forEach((item, index) => {
+ item.label = `<span style="color:#409EFF">${item.count}</span> ${item.label}`;
+ });
+ this.$emit("coderuleoid", this.coderuleoid)
+ this.$emit('Treedata', this.Treedata)
+ console.log(this.Treedata)
}
}
}).catch(res => {
@@ -170,9 +190,9 @@
async nodeClick(data) {
try {
// console.log(data)
- this.TreeValue=data.label.split(" ")[0].trim();
+ this.TreeValue = data.label.split(" ")[0].trim();
// console.log('TreeValue',this.TreeValue)
- this.$emit('TreeValue',this.TreeValue)
+ this.$emit('TreeValue', this.TreeValue)
this.nodeClickList = data;
this.tableHeadDataFateher = []
this.tableHeadFindData = []
@@ -190,23 +210,26 @@
</script>
<style lang="scss" scoped>
-.app{
+.app {
overflow: auto;
height: calc(100vh - 150px);
}
- .app::-webkit-scrollbar {
- height: 15px ; // 绾靛悜婊氬姩鏉� 蹇呭啓
+
+.app::-webkit-scrollbar {
+ height: 15px; // 绾靛悜婊氬姩鏉� 蹇呭啓
background: white;
border: white;
width: 10px;
}
+
// 婊氬姩鏉＄殑婊戝潡
- .app::-webkit-scrollbar-thumb {
+.app::-webkit-scrollbar-thumb {
background-color: #ececec;
border-radius: 20px;
border: #ececec;
}
+
.refresh-icon {
color: #409EFF;
margin-top: 8px;
diff --git a/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTreeform.vue b/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTreeform.vue
index 05d7ba3..4ea4530 100644
--- a/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTreeform.vue
+++ b/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTreeform.vue
@@ -401,7 +401,7 @@
watch:{
TreeFlag:{
handler(newval,oldval){
- console.log(newval)
+ // console.log(newval)
}
}
},
diff --git a/Source/UBCS-WEB/src/views/integration/applicationForm.vue b/Source/UBCS-WEB/src/views/integration/applicationForm.vue
index 9e2db4f..106e9b1 100644
--- a/Source/UBCS-WEB/src/views/integration/applicationForm.vue
+++ b/Source/UBCS-WEB/src/views/integration/applicationForm.vue
@@ -124,10 +124,10 @@
message: "璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�!"
})
} else {
- console.log(this.stateParam)
+ // console.log(this.stateParam)
const response = await queryApplyStat(this.stateParam)
if (response.status === 200) {
- console.log(response)
+ // console.log(response)
}
}
},
@@ -135,15 +135,15 @@
this.loading = true
const { pageSize, currentPage, total } = this.page
let param = { size: pageSize, current: currentPage }
- console.log(this.searchParam)
+ // console.log(this.searchParam)
this.searchParam = Object.keys(this.searchParam)
.filter((key) => this.searchParam[key] !== null && this.searchParam[key] !== undefined && this.searchParam[key] !== "")
.reduce((acc, key) => ({ ...acc, [key]: this.searchParam[key] }), {});
- console.log(this.searchParam)
+ // console.log(this.searchParam)
const response = await getList({ ...param, ...this.searchParam })
if (response.status === 200) {
this.loading = false
- console.log(response)
+ // console.log(response)
const data = response.data.data
this.data = data.records
this.page.total = data.total
@@ -160,7 +160,7 @@
this.getDataList()
},
handleSearch(form, done) {
- console.log(form)
+ // console.log(form)
const { id, groupCode, operationType } = form
let dataTime = { id, groupCode, operationType }
if (form.hasOwnProperty('createTime')) {
@@ -175,13 +175,13 @@
done()
},
selectionChange(list) {
- console.log(list)
+ // console.log(list)
let newData = list.map(item => {
const { dataOid } = item
return dataOid
})
this.stateParam = { oids: newData.toString() }
- console.log(newData)
+ // console.log(newData)
},
handleRowClick(row) {
this.$refs.crud.toggleRowSelection(row, true)
--
Gitblit v1.9.3