主管任务增加经销商选项

src/views/week/VisitSummary.vue

@@ -70,22 +70,20 @@
             <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>
               <div class="info">部门：{{ item.deptName }}</div>
               <div class="info">提交时间：{{ item.createTime }}</div>
             </div>
           </van-cell>
-          <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>
         </div>
         <van-empty v-if="list.length == 0" />
       </van-list>
@@ -601,6 +599,8 @@ export default {
   font-weight: bold;
   color: #333;
   line-height: 22px;
+  display: flex;
+  justify-content: space-between;
 }
 
 .cardContent .title p {
@@ -681,12 +681,21 @@ export default {
     position: relative;
   }
   .approvalStatusBtn {
-    position: absolute;
-    bottom: 40px;
-    right: 10px;
-    .van-button {
+    span {
+      color: #fff;
       border-radius: 5px;
-      width: 78px;
+      display: inline-block;
+      padding: 0 5px;
+      font-size: 14px;
+    }
+    .approvalStatusBtn1 {
+      background-color: #12ea7a;
+    }
+    .approvalStatusBtn2 {
+      background-color: rgb(99, 10, 243);
+    }
+    .approvalStatusBtn3 {
+      background-color: red;
     }
   }
 }