|
|
@@ -235,7 +235,7 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="indicator-group-body" v-if="groupExpandList[gIdx]">
|
|
|
- <view class="indicator-item" v-for="(ind, idx) in group.items" :key="idx">
|
|
|
+ <view class="indicator-item" :class="'ind-item-' + ind._statusCss" v-for="(ind, idx) in group.items" :key="idx">
|
|
|
<view class="ind-header">
|
|
|
<text class="ind-help-btn" @click.stop="showHelp(ind)">?</text>
|
|
|
<input class="ind-name" :class="'ind-name-' + _cssClass(ind.status)" v-model="ind.indicatorName" />
|
|
|
@@ -608,6 +608,8 @@ export default {
|
|
|
ind._cardChangeCss = st.colorClass
|
|
|
ind._isChanged = !!(ch && ch.comparable && tc && tc !== 'flat')
|
|
|
ind._isAbnormal = this.isAbnormalStatus(ind.status)
|
|
|
+ // 行首状态色条(T04 第二段 §2871-②):预计算状态类,避免 :class 内带参方法调用
|
|
|
+ ind._statusCss = this._cssClass(ind.status)
|
|
|
// 简报徽标(短词):由 trendCode + movement 推导,不看 delta 正负
|
|
|
var badge = ''
|
|
|
if (tc === 'first_record') { badge = '首次' }
|
|
|
@@ -1935,7 +1937,20 @@ $c-rptd-orange-line: #FFD4A8; // 暖橙描边
|
|
|
border-radius: 16rpx;
|
|
|
padding: 16rpx;
|
|
|
margin-bottom: 12rpx;
|
|
|
-}
|
|
|
+ /* T04 第二段 §2871-② 行首状态色条:左缘 8rpx 竖条,颜色随当前状态 */
|
|
|
+ border-left: 8rpx solid transparent;
|
|
|
+}
|
|
|
+/* 行首状态色条配色(与 .status-* 同色系,状态类由 _statusCss 预计算) */
|
|
|
+.ind-item-normal { border-left-color: $mat-green-strong; }
|
|
|
+.ind-item-high { border-left-color: $mat-orange-strong; }
|
|
|
+.ind-item-low { border-left-color: $mat-blue-strong; }
|
|
|
+.ind-item-abnormal { border-left-color: $status-danger-strong-2; }
|
|
|
+.ind-item-deficient { border-left-color: $mat-orange-strong; }
|
|
|
+.ind-item-insufficient { border-left-color: $mat-orange-strong; }
|
|
|
+.ind-item-warning { border-left-color: $mat-orange-strong; }
|
|
|
+.ind-item-high-risk { border-left-color: $status-danger-strong-2; }
|
|
|
+.ind-item-low-risk { border-left-color: $mat-green-strong; }
|
|
|
+.ind-item-not-detected { border-left-color: $uni-text-color-secondary; }
|
|
|
.ind-header {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|