This commit is contained in:
‘937886381’
2026-01-06 17:09:52 +08:00
parent 5605eeab06
commit 51e66cf6e1
145 changed files with 265 additions and 226 deletions

View File

@@ -7,7 +7,7 @@
<div class="content-wrapper">
<div class="left">
<div class="number">{{ itemList[0].targetValue }}</div>
<div class="title">目标</div>
<div class="title">预算</div>
</div>
<div class="line"></div>
<div class="right">
@@ -43,12 +43,12 @@
<!-- 循环渲染剩余的item从索引1开始 -->
<div class="item groupData" style="display: flex;padding: 0;" v-for="(item, index) in itemList.slice(1)"
:key="index">
<!-- 左侧目标/实际值部分不变 -->
<!-- 左侧预算/实际值部分不变 -->
<div class="left" style="display: flex;align-items: start;gap: 4px;padding: 12px 0 0 12px;">
<div class="groupName">{{ item.unit }}</div>
<div class="left-target">
<div class="number">{{ item.targetValue }}</div>
<div class="title">目标</div>
<div class="title">预算</div>
</div>
<div class="left-real">
<div class="number" :style="{ color: getColor(item.currentValue, item.targetValue) }">
@@ -233,7 +233,7 @@ export default {
}
]
},
// 颜色判断核心方法:实际值≥目标值返回绿色,否则返回橙色
// 颜色判断核心方法:实际值≥预算值返回绿色,否则返回橙色
getColor(currentValue, targetValue) {
return currentValue >= targetValue
? "rgba(98, 213, 180, 1)"
@@ -344,7 +344,7 @@ export default {
background-image: url("../../../assets/img/order-item-bg.png");
}
// 实际值 >= 目标值:绿色背景图
// 实际值 >= 预算值:绿色背景图
.bg-green {
background-image: url("../../../assets/img/order-item-greenbg.png");
}