家装人员主管任务列表添加暂存标识

src/views/week/VisitSummaryMy.vue

@@ -42,20 +42,21 @@
             <div class="cardContent" @click="dailyFn(item)">
               <div class="title">
                 <p class="textLeft">{{ item.nickName }}的{{ item.summaryTaskName }}</p>
+                <div class="approvalStatusBtn" v-if="item.approvalStatus">
+                  <span class="approvalStatusBtn1" v-if="item.approvalStatus == '2'">审批通过</span>
+                  <span class="approvalStatusBtn2" v-if="item.approvalStatus == '1'">
+                    提交待审批
+                  </span>
+                  <span class="approvalStatusBtn3" v-if="item.approvalStatus == '3'">
+                    拒绝待提交
+                  </span>
+                </div>
+                <div class="approvalStatusBtn" v-if="item.status == '0'">
+                  <span class="status0">暂存</span>
+                </div>
               </div>
               <div class="info">提交时间：{{ item.createTime }}</div>
             </div>
-            <div class="approvalStatusBtn" v-if="item.approvalStatus">
-              <van-button type="primary" size="small" v-if="item.approvalStatus == '2'"
-                >审批通过</van-button
-              >
-              <van-button type="info" size="small" v-if="item.approvalStatus == '1'"
-                >提交待审批</van-button
-              >
-              <van-button color="red" size="small" v-if="item.approvalStatus == '3'"
-                >拒绝待提交</van-button
-              >
-            </div>
           </van-cell>
         </div>
         <van-empty v-if="list.length == 0" />
@@ -233,10 +234,18 @@ export default {
       return days;
     },
     dailyFn(row) {
-      this.$router.push({
-        path: '/VisitSummaryDetail',
-        query: { userSummaryId: row.userSummaryId },
-      });
+      // 暂存
+      if (row.status == '0') {
+        this.$router.push({
+          path: '/VisitSummaryStorageDetail',
+          query: { userSummaryId: row.userSummaryId },
+        });
+      } else {
+        this.$router.push({
+          path: '/VisitSummaryDetail',
+          query: { userSummaryId: row.userSummaryId, source: 'VisitSummary' },
+        });
+      }
     },
     onClickLeft() {
       this.$router.go(-1);
@@ -282,6 +291,8 @@ export default {
   font-weight: bold;
   color: #333;
   line-height: 22px;
+  display: flex;
+  justify-content: space-between;
 }
 
 .cardContent .title p {
@@ -362,12 +373,29 @@ export default {
     position: relative;
   }
   .approvalStatusBtn {
-    position: absolute;
-    bottom: 4px;
-    right: 1px;
-    .van-button {
+    span {
+      color: #fff;
       border-radius: 5px;
-      width: 78px;
+      display: inline-block;
+      padding: 3px 5px;
+      font-size: 14px;
+      width: 80px;
+      text-align: center;
+    }
+    .approvalStatusBtn1 {
+      background-color: #12ea7a;
+    }
+    .approvalStatusBtn2 {
+      background-color: rgb(112, 33, 239);
+    }
+    .approvalStatusBtn3 {
+      background-color: red;
+    }
+    .status1 {
+      background-color: #07c160;
+    }
+    .status0 {
+      background-color: #ff976a;
     }
   }
 }