首页增加提示类tab,B类指标页优化,我的-增加业务员日常工作统计

src/views/home/hintTabPage/noVIsit.vue

@@ -7,7 +7,7 @@
       <van-collapse v-model="activeName" accordion>
         <van-collapse-item v-for="(val, key, ind) in list" :key="ind" :name="key">
           <template #title>
-            <div class="title">{{ key }}</div>
+            <div class="title">{{ key | storeType }}</div>
             <div class="num">{{ val.storeNum }}家</div>
           </template>
           <div
@@ -15,22 +15,31 @@
             v-if="val.storeList.length"
             v-for="(item, index) in val.storeList"
             :key="index">
-            <div class="storeName">{{ item.storeName }}</div>
-            <div class="address">
-              <van-icon name="location-o" />
-              {{ item.addressLine }}
-              <!-- <img v-if="item.distance" style="width: 36px" :src="sbpmdh" @click="linkapp(item)" /> -->
+            <div class="itemLeft">
+              <div class="storeName">{{ item.storeName }}</div>
+              <div class="address">
+                <van-icon name="location-o" />
+                {{ item.addressLine }}
+                <!-- <img v-if="item.distance" style="width: 36px" :src="sbpmdh" @click="linkapp(item)" /> -->
+              </div>
+              <div class="distance" v-if="item.distance">
+                (距离{{ Micrometer(item.distance) }}m)
+              </div>
             </div>
-            <div class="distance" v-if="item.distance">(距离{{ Micrometer(item.distance) }}m)</div>
-            <div
-              class="statstext"
-              :style="{ 'background-color': item.visitsStatus == '未拜访' ? '#ed5c68' : 'white' }">
-              <van-icon
-                v-if="item.visitsStatus == '拜访中'"
-                :name="times"
-                color="#ee0a24"
-                size="32" />
-              {{ item.visitsStatus == '未拜访' ? '未拜访' : '' }}
+            <div class="itemRight">
+              <div
+                class="statstext"
+                :style="{
+                  'background-color': item.visitsStatus == '未拜访' ? '#ed5c68' : 'white',
+                }">
+                <van-icon
+                  v-if="item.visitsStatus == '拜访中'"
+                  :name="times"
+                  color="#ee0a24"
+                  size="32" />
+                {{ item.visitsStatus == '未拜访' ? '未拜访' : '' }}
+              </div>
+              <div class="toVisit" @click="enterVisit">进入拜访 <van-icon name="arrow" /></div>
             </div>
           </div>
         </van-collapse-item>
@@ -53,6 +62,21 @@ export default {
       list: {},
     };
   },
+  filters: {
+    storeType(value) {
+      let type = '';
+      if (value == 'jinPai') {
+        type = '金牌店';
+      } else if (value == 'tongB') {
+        type = '同城B';
+      } else if (value == 'tongA') {
+        type = '同城A';
+      } else if (value == 'keKong') {
+        type = '可控店';
+      }
+      return type;
+    },
+  },
   created() {
     this.activeName = this.$route.query.activeName;
     this.getList();
@@ -117,6 +141,8 @@ export default {
       // selectUserStoreNoVisits().then((res) => {});
     },
     tabChange(val) {},
+    // 进入拜访
+    enterVisit() {},
     onClickLeft() {
       this.$router.go(-1);
     },
@@ -132,7 +158,7 @@ export default {
       padding: 8px;
       margin: 10px 0;
       border-radius: 5px;
-      position: relative;
+      display: flex;
       .storeName {
         font-size: 15px;
         font-weight: bold;
@@ -148,17 +174,39 @@ export default {
       .distance {
         padding-left: 12px;
       }
-      .statstext {
-        background-color: #0057ba;
-        position: absolute;
-        right: 0;
-        top: 6px;
-        padding: 2px 6px 2px 12px;
-        border-bottom-left-radius: 60px;
-        border-top-left-radius: 60px;
-        color: #fff;
-        .van-icon__image {
-          height: 0.7em;
+      .itemLeft {
+        flex: 1;
+      }
+      .itemRight {
+        width: 25%;
+        /* position: relative; */
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: end;
+        .statstext {
+          background-color: #0057ba;
+          /* position: absolute; */
+          /* right: 0; */
+          /* top: 6px; */
+          padding: 2px 6px 2px 12px;
+          border-bottom-left-radius: 60px;
+          border-top-left-radius: 60px;
+          color: #fff;
+          width: 60px;
+          margin-right: -8px;
+          .van-icon__image {
+            height: 0.7em;
+          }
+        }
+        .toVisit {
+          height: 40%;
+          font-size: 15px;
+          color: #1989fa;
+          width: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: end;
         }
       }
     }