From 497b6af6f8b9a66148625e4da5d96881a48120e5 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期四, 30 五月 2024 09:50:36 +0800
Subject: [PATCH] 取样细节样式
---
pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue | 33 ++++++++++++++++++++++++++++++---
1 files changed, 30 insertions(+), 3 deletions(-)
diff --git a/pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue b/pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue
index 41a4a76..4e85da4 100644
--- a/pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue
+++ b/pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue
@@ -11,7 +11,7 @@
<view class="edc-sampling-card" v-for="item in edcList" :key="item.id">
<view class="edc-sampling-line">
<h1>渚涘簲鍟嗭細{{item.customerName}}</h1>
- <view class="status" v-if="item.status">{{statusComputed(item.status)}}</view>
+ <view class="status" :class="statusClassComputed(item.status)" v-if="item.status">{{statusComputed(item.status)}}</view>
</view>
<view class="edc-sampling-line">
<h2>閲囨牱鍦扮偣锛歿{item.bunkerName}}</h2>
@@ -84,6 +84,25 @@
return '瀹″畾涓�'
}else if(status == 7) {
return '宸插畬鎴�'
+ }else {
+ return ''
+ }
+ },
+ statusClassComputed(status) {
+ if(status == 1) {
+ return 'blue'
+ }else if(status == 2) {
+ return 'red'
+ }else if(status == 3) {
+ return 'red'
+ }else if(status == 4) {
+ return 'red'
+ }else if(status == 5) {
+ return 'red'
+ }else if(status == 6) {
+ return 'red'
+ }else if(status == 7) {
+ return 'black'
}else {
return ''
}
@@ -237,13 +256,21 @@
display: flex;
align-self: baseline;
}
+ .blue{
+ color: #184edd;
+ border: 1px solid #184edd;
+ }
.red{
color: #f56c6c;
border: 1px solid #f56c6c;
}
+ .black{
+ color: black;
+ border: 1px solid black;
+ }
.yellow{
- color: #f9ae3d;
- border: 1px solid #f9ae3d;
+ color: #fcbd20;
+ border: 1px solid #fcbd20;
}
}
.edc-sampling-btn-box{
--
Gitblit v1.9.1