feature_20251015_主管任务门店扫码签到

src/views/week/VisitSummaryAdd.vue

@@ -57,6 +57,38 @@
             @click="validDateShow = true"
             :rules="[{ required: true, message: '请选择结束日期' }]" />
         </div>
+        <div class="activityItem">
+          <div class="van-cell QRCodeBtnBox">
+            <van-button class="QRCodeBtn" block type="info" color="#0057ba" @click="openQRCode">
+              打开签到二维码
+            </van-button>
+            <div class="tips">必须门店老板现场，使用企业微信扫码</div>
+          </div>
+        </div>
+        <div class="activityItem">
+          <div class="van-cell refreshBtnBox">
+            <div style="font-size: 16px; margin-right: 20px">已签到成功</div>
+            <div class="refresh">
+              <van-icon style="font-weight: 600" name="replay" size="20" color="#1989fa" />
+            </div>
+          </div>
+        </div>
+        <div class="activityItem">
+          <div class="van-cell chainListBox">
+            <div class="jxsContent">
+              <div class="item" v-for="(val, index) in QRChainList">
+                <el-popover
+                  placement="bottom"
+                  trigger="click"
+                  :content="val.chainName + '(' + val.chainCode + ')'">
+                  <template slot="reference">
+                    <div class="selectItem">{{ val.chainName }} &nbsp; ({{ val.chainCode }})</div>
+                  </template>
+                </el-popover>
+              </div>
+            </div>
+          </div>
+        </div>
       </van-form>
       <van-form ref="tabstoreVal">
         <div v-for="(item, index) in collectionItemList" :key="index">
@@ -439,6 +471,212 @@ export default {
       },
       activityShowCalendar: false,
       validDateShow: false,
+      QRChainList: [
+        {
+          searchValue: null,
+          createBy: null,
+          createTime: null,
+          updateBy: null,
+          updateTime: null,
+          remark: null,
+          params: {},
+          pageSize: null,
+          pageNum: null,
+          chainId: null,
+          chainCode: '0110005930',
+          chainName: '洛阳市西工今典装饰行',
+          delFlag: null,
+          orgCode: null,
+          orgCodes: null,
+          orgIds: null,
+          orgName: '12城-洛阳销售部',
+          provinceName: null,
+          cityName: null,
+          cityLevel: null,
+          districtName: null,
+          freeze: null,
+          salesOrg: null,
+          productLineCode: null,
+          orgId: '1162',
+          close: null,
+          typeCode1: null,
+          typeName1: null,
+          typeCode2: null,
+          typeName2: null,
+          typeName2List: null,
+          typeCode2List: null,
+          typeCode3: null,
+          typeName3: null,
+          type: null,
+          customerTypeCode2: null,
+          customerTypeName2: null,
+          valid: null,
+          workCode: null,
+          nickName: null,
+          storeCategory: null,
+          categoryDescribe: null,
+          visitId: null,
+          lat: null,
+          lon: null,
+          startTime: null,
+          endTime: null,
+          stateString: null,
+          mainCustomerCode: null,
+          mainCustomerName: null,
+          openDate: null,
+          customerManager: null,
+          monthVisited: null,
+          chainsName: null,
+          hisTime: null,
+          myChainsVisit: null,
+          chainLabelTypes: null,
+          chainLabels: null,
+          skuNum: null,
+          fhCustomer: null,
+          shipped: null,
+          chainSonName: null,
+          beOverdueOne: null,
+          beOverdueTwo: null,
+          beOverdueThree: null,
+          limit: null,
+        },
+        {
+          searchValue: null,
+          createBy: null,
+          createTime: null,
+          updateBy: null,
+          updateTime: null,
+          remark: null,
+          params: {},
+          pageSize: null,
+          pageNum: null,
+          chainId: null,
+          chainCode: '0110033307',
+          chainName: '洛阳豪沃德机械设备有限公司',
+          delFlag: null,
+          orgCode: null,
+          orgCodes: null,
+          orgIds: null,
+          orgName: '36城-豫西销售部',
+          provinceName: null,
+          cityName: null,
+          cityLevel: null,
+          districtName: null,
+          freeze: null,
+          salesOrg: null,
+          productLineCode: null,
+          orgId: '1111',
+          close: null,
+          typeCode1: null,
+          typeName1: null,
+          typeCode2: null,
+          typeName2: null,
+          typeName2List: null,
+          typeCode2List: null,
+          typeCode3: null,
+          typeName3: null,
+          type: null,
+          customerTypeCode2: null,
+          customerTypeName2: null,
+          valid: null,
+          workCode: null,
+          nickName: null,
+          storeCategory: null,
+          categoryDescribe: null,
+          visitId: null,
+          lat: null,
+          lon: null,
+          startTime: null,
+          endTime: null,
+          stateString: null,
+          mainCustomerCode: null,
+          mainCustomerName: null,
+          openDate: null,
+          customerManager: null,
+          monthVisited: null,
+          chainsName: null,
+          hisTime: null,
+          myChainsVisit: null,
+          chainLabelTypes: null,
+          chainLabels: null,
+          skuNum: null,
+          fhCustomer: null,
+          shipped: null,
+          chainSonName: null,
+          beOverdueOne: null,
+          beOverdueTwo: null,
+          beOverdueThree: null,
+          limit: null,
+        },
+        {
+          searchValue: null,
+          createBy: null,
+          createTime: null,
+          updateBy: null,
+          updateTime: null,
+          remark: null,
+          params: {},
+          pageSize: null,
+          pageNum: null,
+          chainId: null,
+          chainCode: '0110046938',
+          chainName: '洛阳融颜装饰工程有限公司',
+          delFlag: null,
+          orgCode: null,
+          orgCodes: null,
+          orgIds: null,
+          orgName: '12城-洛阳销售部',
+          provinceName: null,
+          cityName: null,
+          cityLevel: null,
+          districtName: null,
+          freeze: null,
+          salesOrg: null,
+          productLineCode: null,
+          orgId: '1162',
+          close: null,
+          typeCode1: null,
+          typeName1: null,
+          typeCode2: null,
+          typeName2: null,
+          typeName2List: null,
+          typeCode2List: null,
+          typeCode3: null,
+          typeName3: null,
+          type: null,
+          customerTypeCode2: null,
+          customerTypeName2: null,
+          valid: null,
+          workCode: null,
+          nickName: null,
+          storeCategory: null,
+          categoryDescribe: null,
+          visitId: null,
+          lat: null,
+          lon: null,
+          startTime: null,
+          endTime: null,
+          stateString: null,
+          mainCustomerCode: null,
+          mainCustomerName: null,
+          openDate: null,
+          customerManager: null,
+          monthVisited: null,
+          chainsName: null,
+          hisTime: null,
+          myChainsVisit: null,
+          chainLabelTypes: null,
+          chainLabels: null,
+          skuNum: null,
+          fhCustomer: null,
+          shipped: null,
+          chainSonName: null,
+          beOverdueOne: null,
+          beOverdueTwo: null,
+          beOverdueThree: null,
+          limit: null,
+        },
+      ],
     };
   },
   created() {
@@ -1042,9 +1280,12 @@ export default {
     },
     validDateOnConfirm(date) {
       const [start, end] = date;
-      this.show = false;
-      this.date = `${this.formatDate(start)} - ${this.formatDate(end)}`;
+      this.validDateShow = false;
+      this.activityForm.validDateStart = this.formatDate(start);
+      this.activityForm.validDateEnd = this.formatDate(end);
     },
+    // 打开二维码
+    openQRCode() {},
   },
 };
 </script>
@@ -1125,6 +1366,17 @@ export default {
         top: 10px;
         z-index: 1;
       }
+      .QRCodeBtnBox {
+        justify-content: space-between;
+        align-items: end;
+        .QRCodeBtn {
+          width: auto;
+          border-radius: 10px;
+        }
+        .tips {
+          font-size: 11px;
+        }
+      }
     }
   }
 }
@@ -1227,6 +1479,11 @@ export default {
   margin-top: -10px;
 }
 .jxsBox {
+  .tips {
+    text-align: right;
+  }
+}
+.VisitSummaryAdd {
   .jxsContent {
     margin-bottom: 10px;
     .item {
@@ -1247,8 +1504,5 @@ export default {
       }
     }
   }
-  .tips {
-    text-align: right;
-  }
 }
 </style>