feature_20260203_完美门店

src/views/deviceOutside/index.vue

@@ -356,26 +356,23 @@
               <van-icon :name="times" color="#ee0a24" size="32" />
             </div>
             <template v-if="item.stateString == '已拜访'">
-              <div
-                class="statstext"
-                style="
-                  border-bottom-left-radius: 15px;
-                  border-top-left-radius: 15px;
-                  background-color: #e3f0fe;
-                  color: #387bca;
-                "
-                v-if="item.jinpaiStore"
-                @click="openPerfectStore(item)">
-                <div style="margin: 3px 0; font-size: 16px; font-weight: 600">
-                  <p style="line-height: 25px; margin: 0">
-                    查看<img
-                      style="width: 18px; height: 25px; margin-left: 5px; vertical-align: -5px"
-                      :src="require('@/assets/shouzhi.png')" />
-                  </p>
-                  <p style="line-height: 25px; margin: 0">完美门店</p>
+              <div class="statstext">
+                已拜访
+                <div
+                  class="statstextIcon"
+                  style="border-radius: 6px; background-color: #e3f0fe; color: #387bca"
+                  v-if="item.jinpaiStore"
+                  @click="openPerfectStore(item)">
+                  <div style="margin: 3px 7px; font-size: 14px; font-weight: 600">
+                    <p style="line-height: 20px; margin: 0">
+                      查看<img
+                        style="width: 18px; height: 20px; margin-left: 5px; vertical-align: -5px"
+                        :src="require('@/assets/shouzhi.png')" />
+                    </p>
+                    <p style="line-height: 20px; margin: 0">完美门店</p>
+                  </div>
                 </div>
               </div>
-              <div class="statstext" v-else>已拜访</div>
             </template>
             <div class="btnbox">
               <van-row>
@@ -2436,8 +2433,8 @@ export default {
   font-size: 15px;
   font-weight: bold;
   color: #333;
-  line-height: 22px;
-  padding-right: 72px;
+  line-height: 28px;
+  padding-right: 55px;
   .JPABC {
     width: 20px;
     position: relative;
@@ -2502,7 +2499,7 @@ export default {
   background-color: #0057ba;
   position: absolute;
   right: 0;
-  top: 6px;
+  top: 11px;
   padding: 2px 6px 2px 12px;
   border-bottom-left-radius: 60px;
   border-top-left-radius: 60px;
@@ -2514,6 +2511,11 @@ export default {
 .statstext .van-icon__image {
   height: 0.7em;
 }
+.statstextIcon {
+  position: absolute;
+  left: -10px;
+  top: 31px;
+}
 .tipsTitle {
   padding: 5px 0;
   text-align: center;

src/views/deviceWithin/index.vue

@@ -372,26 +372,23 @@
             <van-icon :name="times" color="#ee0a24" size="32" />
           </div>
           <template v-if="item.stateString == '已拜访'">
-            <div
-              class="statstext"
-              style="
-                border-bottom-left-radius: 15px;
-                border-top-left-radius: 15px;
-                background-color: #e3f0fe;
-                color: #387bca;
-              "
-              v-if="item.jinpaiStore"
-              @click="openPerfectStore(item)">
-              <div style="margin: 3px 0; font-size: 16px; font-weight: 600">
-                <p style="line-height: 25px; margin: 0">
-                  查看<img
-                    style="width: 18px; height: 25px; margin-left: 5px; vertical-align: -5px"
-                    :src="require('@/assets/shouzhi.png')" />
-                </p>
-                <p style="line-height: 25px; margin: 0">完美门店</p>
+            <div class="statstext">
+              已拜访
+              <div
+                class="statstextIcon"
+                style="border-radius: 6px; background-color: #e3f0fe; color: #387bca"
+                v-if="item.jinpaiStore"
+                @click="openPerfectStore(item)">
+                <div style="margin: 3px 7px; font-size: 14px; font-weight: 600">
+                  <p style="line-height: 20px; margin: 0">
+                    查看<img
+                      style="width: 18px; height: 20px; margin-left: 5px; vertical-align: -5px"
+                      :src="require('@/assets/shouzhi.png')" />
+                  </p>
+                  <p style="line-height: 20px; margin: 0">完美门店</p>
+                </div>
               </div>
             </div>
-            <div class="statstext" v-else>已拜访</div>
           </template>
           <div class="btnbox">
             <van-row>
@@ -1783,6 +1780,11 @@ export default {
 .statstext .van-icon__image {
   height: 0.7em;
 }
+.statstextIcon {
+  position: absolute;
+  left: -10px;
+  top: 31px;
+}
 .visitStoreIco {
   float: left;
   float: left;

src/views/historicalVisit/historAllVisit.vue

@@ -59,7 +59,9 @@
         </van-search>
       </div>
       <div class="lineGrey"></div>
-      <div v-if="refreshTotal" class="refreshBtn" @click="onSearch">检测到 {{ refreshTotal }} 条更新，点击刷新</div>
+      <div v-if="refreshTotal" class="refreshBtn" @click="onSearch">
+        检测到 {{ refreshTotal }} 条更新，点击刷新
+      </div>
       <div v-if="refreshTotal" class="lineGrey"></div>
     </div>
     <!--        主体内容-->
@@ -207,8 +209,8 @@ export default {
   name: 'index.vue',
   data() {
     return {
-      latestUpdateTime:null,
-      refreshTotal:0,
+      latestUpdateTime: null,
+      refreshTotal: 0,
       timeico: timeico,
       defaultDate: new Date(),
       searchValue: '',
@@ -270,15 +272,15 @@ export default {
   },
   activated() {
     let typeQuery = localStorage.getItem('typeQuery');
-    if(this.latestUpdateTime!=null && typeQuery == 1){ 
-        this.getListTotalFn();
-    }else{
+    if (this.latestUpdateTime != null && typeQuery == 1) {
+      this.getListTotalFn();
+    } else {
       setTimeout(() => {
         this.onSearch();
       }, 1000);
     }
   },
-  deactivated(){
+  deactivated() {
     localStorage.setItem('typeQuery', 1);
   },
   created() {
@@ -317,16 +319,16 @@ export default {
     }
   },
   methods: {
-    getListTotalFn(){
+    getListTotalFn() {
       getListTotal({
-        startTime: this.startTime + ' 00:00:00', 
-        stopTime: this.endTime + ' 24:00:00', 
+        startTime: this.startTime + ' 00:00:00',
+        stopTime: this.endTime + ' 24:00:00',
         storeRequest: this.storeName.trim(),
         companyId: this.companyCode,
         regionId: this.regionCode,
         userId: this.userCode,
         deptId: this.deptCode,
-        queryStartTime:this.latestUpdateTime
+        queryStartTime: this.latestUpdateTime,
       }).then((res) => {
         if (res.code == 200) {
           this.refreshTotal = res.data;
@@ -346,17 +348,28 @@ export default {
     },
     detilsFn(val) {
       console.log(val.id);
-      this.$router.push({
-        path: '/historicalDetails',
-        query: {
-          visitId: val.id,
-          storeId: val.storeId,
-          storeCode: val.storeCode,
-          taskId: val.taskId,
-          userId: val.userId,
-          storeCategory: val.storeCategory,
-        },
-      });
+      if (val.jinpaiStore) {
+        this.$router.push({
+          path: '/perfectStore',
+          query: {
+            visitId: val.id,
+            storeId: val.storeId,
+            storeCode: val.storeCode,
+          },
+        });
+      } else {
+        this.$router.push({
+          path: '/historicalDetails',
+          query: {
+            visitId: val.id,
+            storeId: val.storeId,
+            storeCode: val.storeCode,
+            taskId: val.taskId,
+            userId: val.userId,
+            storeCategory: val.storeCategory,
+          },
+        });
+      }
     },
     timeBefore7(date) {
       if (!date) {
@@ -406,7 +419,7 @@ export default {
     },
     onClickLeft() {
       this.$router.push({
-          path: '/My/index',
+        path: '/My/index',
       });
     },
     onSearch() {
@@ -440,7 +453,7 @@ export default {
         loading1.clear();
         if (res.code == 200) {
           this.loading = false;
-          if(this.pageNum == 1){
+          if (this.pageNum == 1) {
             this.latestUpdateTime = res.dataTime;
           }
           this.list = this.list.concat(res.data);
@@ -576,16 +589,16 @@ export default {
 };
 </script>
 <style lang="scss">
-.refreshBtn{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    width: 100%;
-    color: #ff976a;
-    padding: 5px;
-    font-size: 14px;
-    background-color: #fff;
+.refreshBtn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  width: 100%;
+  color: #ff976a;
+  padding: 5px;
+  font-size: 14px;
+  background-color: #fff;
 }
 .searchDiv {
   .van-search {

src/views/historicalVisit/perfectStore.vue

@@ -120,7 +120,7 @@
       <!-- 店招 -->
       <div class="shopSign specialTask" v-if="shopSignDetail && shopSignDetail.qualifiedState">
         <div class="specialTaskLeft">
-          <div class="SignText">店招:</div>
+          <div class="SignText" style="width: 40px">店招:</div>
           <div class="signContent">
             <div class="icon">
               <van-icon
@@ -163,11 +163,23 @@
         </div>
       </div>
       <div class="SKUBox">
-        <div class="SKUTotal" @click="toSkuRecognize" v-if="list.isSku == '是'">
-          <p style="flex: 1; margin: 0; line-height: 24px; padding: 10px 0; display: inline-block">
-            陈列SKU个数：<span v-if="list.skuTotal" style="color: #000">{{ list.skuTotal }}个</span>
+        <div
+          class="SKUTotal"
+          style="padding: 5px 0 15px 0"
+          @click="toSkuRecognize"
+          v-if="list.isSku == '是'">
+          <p
+            style="
+              flex: 1;
+              margin: 0;
+              line-height: 24px;
+              /* padding: 10px 0; */
+              display: inline-block;
+              font-weight: 600;
+            ">
+            陈列SKU个数：<span v-if="list.skuTotal">{{ list.skuTotal }}4444个</span>
           </p>
-          <p class="arrowdetils1">
+          <p class="arrowdetils1" style="margin: 0">
             查看详情
             <van-icon name="arrow" />
           </p>
@@ -576,7 +588,7 @@ export default {
   .specialTask {
     display: flex;
     flex-direction: row;
-    margin: 5px 10px;
+    margin: 0px 10px;
     border-radius: 10px;
     min-height: 90px;
     padding: 10px 10px;
@@ -589,6 +601,7 @@ export default {
     .SignText {
       color: rgb(25, 137, 250);
       width: 55px;
+      font-weight: 600;
     }
     .signContent {
       display: flex;
@@ -616,10 +629,10 @@ export default {
     margin-top: 20px;
   }
   .SKUBox {
-    margin: 20px 10px 30px 10px;
+    margin: 10px 10px 10px 10px;
     border-radius: 10px;
     min-height: 90px;
-    padding: 10px 10px;
+    padding: 5px 10px;
     font-size: 16px;
     background: #ffecf4;
     .SKUTotal {
@@ -634,22 +647,23 @@ export default {
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
-        padding: 8px 0;
+        padding: 3px 0;
         .itemTitle {
           flex: 1;
-          text-decoration: underline;
-          color: rgb(25, 137, 250);
+          // text-decoration: underline;
+          // color: rgb(25, 137, 250);
         }
         .jiantou {
-          margin: 0 10px 0 5px;
+          margin-left: 5px;
           color: rgb(25, 137, 250);
           display: flex;
           align-items: center;
         }
         button {
-          width: 60px;
-          height: 30px;
+          width: 55px;
+          height: 28px;
           padding: 0;
+          font-size: 12px;
         }
       }
     }

src/views/historicalVisit/perfectStoreSku.vue

@@ -22,7 +22,7 @@
         </div> -->
         <div style="padding: 10px">
           <van-row gutter="10">
-            <van-col span="4" v-for="(urls, index) in detail.fileUrlList" :key="index">
+            <van-col span="6" v-for="(urls, index) in detail.fileUrlList" :key="index">
               <div class="img-box">
                 <img :src="urls" @click="previewsImg(index)" />
               </div>
@@ -237,7 +237,7 @@ export default {
     }
     .img-box {
       width: 100%;
-      height: 50px;
+      height: 80px;
       position: relative;
       display: inline-block;
       border-radius: 6px;

src/views/historicalVisit/perfectStoreTask.vue

@@ -26,7 +26,7 @@
                   <!-- <span v-if="item.isMust == 0" class="van-f-red">*</span> -->
                   <div class="headline">
                     <span class="headlineIcon"></span>
-                    <span class="headlineTitle">{{ item.collectionName }}</span>
+                    <span class="headlineTitle">上传照片</span>
                   </div>
                   <!-- 操作说明图片和电话 -->
                   <taskTips