From 2c2ae7abc669e29ec304b9e606b66ca663921fa5 Mon Sep 17 00:00:00 2001
From: nyoung <12190070+nyoungo@user.noreply.gitee.com>
Date: Mon, 21 Oct 2024 21:05:19 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=B4=E4=BF=AE=E7=8F=AD=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/repairCard.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/components/repairCard.vue b/components/repairCard.vue
index 63ef395..6689030 100644
--- a/components/repairCard.vue
+++ b/components/repairCard.vue
@@ -1,7 +1,7 @@
 <template>
-  <view class="orderCard">
+  <view class="orderCard " :class="order.state==1?'orderCard-ok':'orderCard-doing'">
     <view class="order-top">
-		<view class="title-box">
+		<view class="title-box" :class="order.state==1?'title-box-ok':'title-box-doing'">
 			<image class="titleIcon" mode="aspectFit" src="/static/icons/order-icon1.png"></image>
 			<view class="title">
 			  {{ projectName }}
@@ -195,10 +195,14 @@ export default {
 .orderCard {
   background: #FFFFFF;
   border-radius: 8rpx 8rpx 8rpx 8rpx;
-  border-left: 4rpx solid #FFB323;
   margin: 32rpx 0;
 }
-
+.orderCard-doing{
+	border-left: 4rpx solid #FFB323;
+}
+.orderCard-ok{
+	border-left: 4rpx solid #4CD964;
+}
 .order-top {
   display: flex;
   align-items: center;
@@ -206,7 +210,6 @@ export default {
   border-bottom: 1px solid #F3F5F7;
 
 .title-box{
-	background: linear-gradient(90deg, #FFFFFF 0%, #FFF4E0 100%);
 	display: inline-flex;
 	align-items: center;
 	width: 100%;
@@ -224,6 +227,12 @@ export default {
 		  margin-left: 15px;
 	}
 }
+.title-box-doing{
+	background: linear-gradient(90deg, #FFFFFF 0%, #FFF4E0 100%);
+}
+.title-box-ok{
+	background: linear-gradient(90deg, #FFFFFF 0%, #DCFFE2 100%);
+}