经销商拜访历史 任务展示优化

src/views/agentList/visitHistoryDetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="visitHistoryDetail">
     <!--        顶部条-->
     <van-nav-bar class="navBar" title="拜访任务" left-arrow @click-left="onClickLeft">
       <template #right>
@@ -49,7 +49,7 @@
       </van-collapse>
       <div style="padding: 10px 16px; font-size: 16px; font-weight: bold">任务</div>
       <div class="card" v-if="list.visitSource != 2">
-        <div
+        <!-- <div
           class="info"
           style="line-height: 44px; font-size: 14px"
           v-for="(item, index) in list.sfaTaskList"
@@ -70,9 +70,9 @@
               style="flex: 1; font-weight: bold; color: #4a4a4a; font-size: 16px">
               {{ item.taskName }}
             </div>
-            <!-- <div class="arrowdetils1">
+            <div class="arrowdetils1">
               <van-icon name="arrow" />
-            </div> -->
+            </div>
           </div>
           <div class="infoContent">
             <visitedTaskDetailMobile
@@ -85,7 +85,23 @@
               v-if="item.collectionItemList.length" />
             <van-empty v-else />
           </div>
-        </div>
+        </div> -->
+        <van-collapse v-model="activeNames" :border="true">
+          <van-collapse-item
+            :title="item.taskName"
+            :name="index"
+            v-for="(item, index) in list.sfaTaskList">
+            <visitedTaskDetailMobile
+              :taskType="item.taskType"
+              :visitId="list.id"
+              :taskId="item.taskId"
+              :chainId="item.chainsId"
+              :storeGroupId="list.storeGroupId"
+              :visitsDetailData="item"
+              v-if="item.collectionItemList.length" />
+            <van-empty v-else />
+          </van-collapse-item>
+        </van-collapse>
       </div>
       <div v-if="list.visitSource == 2" style="background-color: #fff">
         <van-cell title="异常事由" :value="selectDictLabel(typeList, list.abnormalReason)" />
@@ -163,6 +179,7 @@ export default {
       list: null,
       urlParameter: null,
       imgs: '',
+      activeNames: [],
     };
   },
   created() {
@@ -260,6 +277,11 @@ export default {
     getVisitsDetailFn() {
       getVisitsDetail({ visitsId: this.urlParameter.visitId }).then((res) => {
         if (res.code == 200) {
+          let arr = [];
+          res.data.sfaTaskList.forEach((val, ind) => {
+            arr.push(ind);
+          });
+          this.activeNames = arr;
           this.list = res.data;
           if (res.data.visitSource != 2) {
             // this.getListHistoryList(res.data.instanceId);
@@ -397,7 +419,7 @@ export default {
   }
 }
 </style>
-<style>
+<style lang="scss">
 .fontWeit .van-cell__title {
   font-weight: bold;
   font-size: 16px;
@@ -414,4 +436,10 @@ export default {
   border-radius: 6px;
   overflow: hidden;
 }
+.visitHistoryDetail {
+  .van-cell__title {
+    font-size: 16px;
+    font-weight: bold;
+  }
+}
 </style>