From 423155b8134694c2f2e68f6d3f5239ba0541b0cf Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期二, 31 十二月 2024 18:10:35 +0800 Subject: [PATCH] ll --- screen/src/views/LogisticsCenter.vue | 36 ++++++++++++++++++++++++++++-------- 1 files changed, 28 insertions(+), 8 deletions(-) diff --git a/screen/src/views/LogisticsCenter.vue b/screen/src/views/LogisticsCenter.vue index c371f99..9f37ba8 100644 --- a/screen/src/views/LogisticsCenter.vue +++ b/screen/src/views/LogisticsCenter.vue @@ -518,14 +518,23 @@ { name: '婢抽棬鐗瑰埆琛屾斂鍖�', code:'820003',value: 0 }, { name: '鍗楁捣璇稿矝', code:'',value: 0 }, ] + let totalNum = 0 + mapList.value.forEach(i => { + totalNum += i.yearNum + }) mapData.forEach(item => { item.monthNum = 0 item.yearNum = 0 mapList.value.forEach(ite => { if (item.code == ite.code) { - item.value = ite.yearNum + item.value = 0 item.monthNum = ite.monthNum item.yearNum = ite.yearNum + if(totalNum > 0){ + item.rate = ((ite.yearNum / totalNum) * 100).toFixed(2) + item.value = (ite.yearNum / totalNum).toFixed(4) + + } } }) }) @@ -535,10 +544,14 @@ visualMap: { type: 'piecewise', pieces: [ - { min: 100000, max: 99999999999, label: '鍑哄簱閲�10w浠ヤ笂', color: '#be6f2b' }, - { min: 50000, max: 100000, label: '鍑哄簱閲�5-10w', color: '#c39332' }, - { min: 20000, max: 50000, label: '鍑哄簱閲�2-5w', color: '#5ecbaf' }, - { min: -1, max: 20000, label: '鍑哄簱閲�2w浠ヤ笅', color: '#3561a4' }, + { min: 0.05, max: 99999999999, label: '璋冩嫧閲忓崰姣�5%浠ヤ笂', color: '#be6f2b' }, + { min: 0.02, max: 0.05, label: '璋冩嫧閲忓崰姣�2%~5%', color: '#c39332' }, + { min: 0.01, max: 0.02, label: '璋冩嫧閲忓崰姣�1%~2%', color: '#5ecbaf' }, + { min: -1, max: 0.01, label: '璋冩嫧閲忓崰姣�1%浠ヤ笅', color: '#3561a4' }, + // { min: 100000, max: 99999999999, label: '鍑哄簱閲�10w浠ヤ笂', color: '#be6f2b' }, + // { min: 50000, max: 100000, label: '鍑哄簱閲�5-10w', color: '#c39332' }, + // { min: 20000, max: 50000, label: '鍑哄簱閲�2-5w', color: '#5ecbaf' }, + // { min: -1, max: 20000, label: '鍑哄簱閲�2w浠ヤ笅', color: '#3561a4' }, ], itemWidth: 22, itemHeight: 22, @@ -644,17 +657,24 @@ <div class="item-state-con"> <span class="dot bj"></span> <span class="item-state-num"> - <span class="text">鏈湀鍑哄簱閲忥細</span> + <span class="text">鏈湀璋冩嫧閲忥細</span> <span class="num">${params.data.monthNum}涓囨敮</span> </span> </div> - <div class="item-state-con"> + <div class="item-state-con"> <span class="dot yj"></span> <span class="item-state-num"> - <span class="text">鏈勾鍑哄簱閲忥細</span> + <span class="text">鏈勾璋冩嫧閲忥細</span> <span class="num">${params.data.yearNum}涓囨敮</span> </span> </div> + <div class="item-state-con"> + <span class="dot yj"></span> + <span class="item-state-num"> + <span class="text">璋冩嫧閲忓崰姣旓細</span> + <span class="num">${params.data.rate || 0}%</span> + </span> + </div> </div>` } }, -- Gitblit v1.9.3