task#10094,司机app静态页调整

src/views/driverCaseList/driverCaseList.vue

@@ -18,36 +18,36 @@
       </div>
     </div>
     <div class="listWrap">
-      <div class="itemWrap" @click="isCheck = !isCheck">
+      <div class="itemWrap" >
-        <div class="contentWrap">
+        <div class="contentWrap" @click="goDetail">
-            <div class="left">
+              <div class="line1">
                 <div><span>订单编号:</span><span>PC230626124283</span></div>
-              <div><span>报销金额:</span><span>1238元</span></div>
-            </div>
                 <div class="right">
                   <img class="commonImg" src="@/assets/waitSubmit.png">
-              <div>待提交</div>
+                  <div class="yelColor">待提交</div>
                   <img class="rightArrImg"  src="@/assets/list_rightArrow.png">
                 </div>
               </div>
-        <img class="checkImg" :src="isCheck ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
-      </div>
-      <div class="itemWrap" @click="isCheck = !isCheck">
-        <div class="contentWrap">
-          <div class="left">
-            <div><span>订单编号:</span><span>PC230626124283</span></div>
               <div><span>报销金额:</span><span>1238元</span></div>
-            <div><span>审核备注:</span><span>缺失凭证照片</span></div>
+        </div>
+        <img class="checkImg" @click="isCheck = !isCheck" :src="isCheck ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
+      </div>
+      <div class="itemWrap">
+        <div class="contentWrap">
+          <div class="line1">
+            <div><span>订单编号:</span><span>PC230626124283</span></div>
+            <div class="right">
+              <img class="commonImg" src="@/assets/unpass.png">
+              <div class="oraColor">不通过</div>
+              <img class="rightArrImg"  src="@/assets/list_rightArrow.png">
+            </div>
+          </div>
+          <div><span>报销金额:</span><span>1238元</span></div>
+          <div><span>审核备注:</span><span style="color: #FF5D2E">缺失凭证照片</span></div>
           <div><span>审核人员:</span><span>张三</span></div>
           <div><span>审核时间:</span><span>2024-01-24 00:00:00</span></div>
         </div>
-          <div class="right">
+        <img class="checkImg" @click="isCheck = !isCheck" :src="isCheck ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
-            <img class="commonImg" src="@/assets/waitSubmit.png">
-            <div>待提交</div>
-            <img class="rightArrImg"  src="@/assets/list_rightArrow.png">
-          </div>
-        </div>
-        <img class="checkImg" :src="isCheck ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
       </div>
 
     </div>
@@ -83,6 +83,25 @@ export default {
       }
       // await this.getList()
     },
+    goDetail(){
+
+    },
+    getStatus(i){
+      switch (i){
+        case 1:
+          return require('@/assets/waitSubmit.png')
+        case 2:
+          return require('@/assets/unpass.png')
+        case 3:
+          return require('@/assets/unSubmit.png')
+        case 4:
+          return require('@/assets/waitDakuan.png')
+        case 5:
+          return require('@/assets/dakuan.png')
+        default:
+          return require('@/assets/waitSubmit.png')
+      }
+    },
   }
 }
 </script>
@@ -134,7 +153,6 @@ export default {
   .itemWrap{
     position: relative;
     width: 100%;
-    //@include wh(100%,79px);
     @include flexColBet();
     box-sizing: border-box;
     padding: 14px 12px 11px 34px;
@@ -144,25 +162,24 @@ export default {
     margin-bottom: 10px;
     .contentWrap{
       width: 100%;
-      @include flexColBet();
       @include fontWeightSize(400,12px);
       line-height: 27px;
-      .left{
+      .line1{
+        @include flexColBet();
+      }
       span:first-child{
           display:inline-block;
           width: 60px;
           opacity: .5;
         }
-      }
       .right{
         @include flexCenter();
-        //display: flex;
       }
     }
     .checkImg{
       position: absolute;
-      top: 0;
+      top: -1px;
-      left: 0;
+      left: -1px;
       @include wh(25px,27px)
     }
   }
@@ -174,4 +191,16 @@ export default {
   @include wh(6px,9px);
   margin-left: 6px;
 }
+.yelColor{
+  color: #E69B0B;
+}
+.greColor{
+  color: #56B628;
+}
+.oraColor{
+  color: #FF5D2E;
+}
+.garyColor{
+  color: #9C9C9C;
+}
 </style>