bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'anhui-mall-ui-test' of http://192.168.30.2:3000/bonus/bonus-ui into anhui-mall-ui-test

This commit is contained in:
zzyuan 2026-01-28 18:16:28 +08:00
parent d13067b353 4c8a3b31f1
commit 53f61e4dfa
2 changed files with 36 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/home/components/MunicipalChart/Top1.vue
View File

@ -26,15 +26,15 @@
<div class="title-name ">装备年限</div>
<div class="flex-between">
<span class="title-name">5年以内</span>
<span style="color: #2CBAB2;">{{lineData.fiveYearRatio || 0}}%</span>
<span style="color: #2CBAB2;">{{ lineData.fiveYearRatio > 0 ? ((lineData.fiveYearRatio / lineData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
<div class="flex-between">
<span class="title-name">5年-10年</span>
<span style="color: #4EACFF;">{{lineData.fiveToTenYearRatio || 0}}%</span>
<span style="color: #4EACFF;">{{ lineData.fiveToTenYearRatio > 0 ? ((lineData.fiveToTenYearRatio / lineData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
<div class="flex-between">
<span class="title-name">10年以上</span>
<span style="color: #FEAF6A;">{{lineData.aboveTenYearRatio||0}}%</span>
<span style="color: #FEAF6A;">{{ lineData.aboveTenYearRatio > 0 ? ((lineData.aboveTenYearRatio / lineData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
</div>
</div>
@ -62,15 +62,15 @@
<div class="title-name ">装备年限</div>
<div class="flex-between">
<span class="title-name">5年以内</span>
<span style="color: #2CBAB2;">{{bdData.fiveYearRatio||0}}%</span>
<span style="color: #2CBAB2;">{{ bdData.fiveYearRatio > 0 ? ((bdData.fiveYearRatio / bdData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
<div class="flex-between">
<span class="title-name">5年-10年</span>
<span style="color: #4EACFF;">{{bdData.fiveToTenYearRatio||0}}%</span>
<span style="color: #4EACFF;">{{ bdData.fiveToTenYearRatio > 0 ? ((bdData.fiveToTenYearRatio / bdData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
<div class="flex-between">
<span class="title-name">10年以上</span>
<span style="color: #FEAF6A;">{{bdData.aboveTenYearRatio||0}}%</span>
<span style="color: #FEAF6A;">{{ bdData.aboveTenYearRatio > 0 ? ((bdData.aboveTenYearRatio / bdData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
</div>
</div>
@ -98,15 +98,15 @@
<div class="title-name ">装备年限</div>
<div class="flex-between">
<span class="title-name">5年以内</span>
<span style="color: #2CBAB2;">{{dlData.fiveYearRatio||0}}%</span>
<span style="color: #2CBAB2;">{{ dlData.fiveYearRatio > 0 ? ((dlData.fiveYearRatio / dlData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
<div class="flex-between">
<span class="title-name">5年-10年</span>
<span style="color: #4EACFF;">{{dlData.fiveToTenYearRatio||0}}%</span>
<span style="color: #4EACFF;">{{ dlData.fiveToTenYearRatio > 0 ? ((dlData.fiveToTenYearRatio / dlData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
<div class="flex-between">
<span class="title-name">10年以上</span>
<span style="color: #FEAF6A;">{{dlData.aboveTenYearRatio||0}}%</span>
<span style="color: #FEAF6A;">{{ dlData.aboveTenYearRatio > 0 ? ((dlData.aboveTenYearRatio / dlData.deviceQuantity) * 100).toFixed(1) : 0 }}%</span>
</div>
</div>
</div>

36
src/views/home/components/provincial/Top1.vue
View File

@ -41,15 +41,21 @@
<div class="bt-title" style="margin-top: 20px">装备年限</div>
<div>
<span>5年以内 </span>
<span class="num-text" style="color: #2cbab2">{{ state1.five }}%</span>
<span class="num-text" style="color: #2cbab2"
>{{ state1.five > 0 ? ((state1.five / state1.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
<div>
<span>5年-10年 </span>
<span class="num-text" style="color: #4eacff">{{ state1.fiveOrTen }}%</span>
<span class="num-text" style="color: #4eacff"
>{{ state1.fiveOrTen > 0 ? ((state1.fiveOrTen / state1.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
<div>
<span>10年以上 </span>
<span class="num-text" style="color: #feaf6a">{{ state1.ten }}%</span>
<span class="num-text" style="color: #feaf6a"
>{{ state1.ten > 0 ? ((state1.ten / state1.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
</div>
@ -64,15 +70,21 @@
<div class="bt-title" style="margin-top: 20px">装备年限</div>
<div>
<span>5年以内 </span>
<span class="num-text" style="color: #2cbab2">{{ state2.five }}%</span>
<span class="num-text" style="color: #2cbab2"
>{{ state2.five > 0 ? ((state2.five / state2.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
<div>
<span>5年-10年 </span>
<span class="num-text" style="color: #4eacff">{{ state2.fiveOrTen }}%</span>
<span class="num-text" style="color: #4eacff"
>{{ state2.fiveOrTen > 0 ? ((state2.fiveOrTen / state2.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
<div>
<span>10年以上 </span>
<span class="num-text" style="color: #feaf6a">{{ state2.ten }}%</span>
<span class="num-text" style="color: #feaf6a"
>{{ state2.ten > 0 ? ((state2.ten / state2.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
</div>
@ -87,15 +99,21 @@
<div class="bt-title" style="margin-top: 20px">装备年限</div>
<div>
<span>5年以内 </span>
<span class="num-text" style="color: #2cbab2">{{ state3.five }}%</span>
<span class="num-text" style="color: #2cbab2"
>{{ state3.five > 0 ? ((state3.five / state3.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
<div>
<span>5年-10年 </span>
<span class="num-text" style="color: #4eacff">{{ state3.fiveOrTen }}%</span>
<span class="num-text" style="color: #4eacff"
>{{ state3.fiveOrTen > 0 ? ((state3.fiveOrTen / state3.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
<div>
<span>10年以上 </span>
<span class="num-text" style="color: #feaf6a">{{ state3.ten }}%</span>
<span class="num-text" style="color: #feaf6a"
>{{ state3.ten > 0 ? ((state3.ten / state3.num) * 100).toFixed(1) : 0 }}%</span
>
</div>
</div>
</div>