|
@@ -11,85 +11,8 @@
|
|
|
<div class="lineGrey"></div>
|
|
<div class="lineGrey"></div>
|
|
|
<div class="lineGrey" style="height: 6px"></div>
|
|
<div class="lineGrey" style="height: 6px"></div>
|
|
|
<div class="container" style="width: 94%; margin: 0px auto; border-radius: 6px">
|
|
<div class="container" style="width: 94%; margin: 0px auto; border-radius: 6px">
|
|
|
- <van-form ref="tabstoreVal" class="QRCodeActivity">
|
|
|
|
|
- <div class="activityItem">
|
|
|
|
|
- <span class="van-f-red">*</span>
|
|
|
|
|
- <van-field
|
|
|
|
|
- v-model="activityForm.name"
|
|
|
|
|
- name="活动名称"
|
|
|
|
|
- label="活动名称"
|
|
|
|
|
- placeholder="请输入活动名称"
|
|
|
|
|
- :rules="[{ required: true, message: '请输入活动名称' }]" />
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="activityItem">
|
|
|
|
|
- <span class="van-f-red">*</span>
|
|
|
|
|
- <van-field
|
|
|
|
|
- readonly
|
|
|
|
|
- clickable
|
|
|
|
|
- name="calendar"
|
|
|
|
|
- :value="activityForm.value"
|
|
|
|
|
- label="活动日期"
|
|
|
|
|
- placeholder="请选择活动日期"
|
|
|
|
|
- @click="activityShowCalendar = true"
|
|
|
|
|
- :rules="[{ required: true, message: '请选择活动日期' }]" />
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="activityItem">
|
|
|
|
|
- <span class="van-f-red">*</span>
|
|
|
|
|
- <van-field
|
|
|
|
|
- readonly
|
|
|
|
|
- clickable
|
|
|
|
|
- name="calendar"
|
|
|
|
|
- :value="activityForm.validDateStart"
|
|
|
|
|
- label="生效开始日期"
|
|
|
|
|
- placeholder="请选择开始日期"
|
|
|
|
|
- @click="validDateShow = true"
|
|
|
|
|
- :rules="[{ required: true, message: '请选择开始日期' }]" />
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="activityItem">
|
|
|
|
|
- <span class="van-f-red">*</span>
|
|
|
|
|
- <van-field
|
|
|
|
|
- readonly
|
|
|
|
|
- clickable
|
|
|
|
|
- name="calendar"
|
|
|
|
|
- :value="activityForm.validDateEnd"
|
|
|
|
|
- label="生效结束日期"
|
|
|
|
|
- placeholder="请选择结束日期"
|
|
|
|
|
- @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 }} ({{ val.chainCode }})</div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-popover>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </van-form>
|
|
|
|
|
|
|
+ <!-- 活动扫码 -->
|
|
|
|
|
+ <ActivityQRCode @onSubmit="onSubmit"></ActivityQRCode>
|
|
|
<van-form ref="tabstoreVal">
|
|
<van-form ref="tabstoreVal">
|
|
|
<div v-for="(item, index) in collectionItemList" :key="index">
|
|
<div v-for="(item, index) in collectionItemList" :key="index">
|
|
|
<div v-if="item.answerType == 'sz'" class="formLabel z-cell">
|
|
<div v-if="item.answerType == 'sz'" class="formLabel z-cell">
|
|
@@ -374,10 +297,6 @@
|
|
|
@confirm="onConfirmChainsList"
|
|
@confirm="onConfirmChainsList"
|
|
|
@cancel="moreTypeShow = false" />
|
|
@cancel="moreTypeShow = false" />
|
|
|
</van-popup>
|
|
</van-popup>
|
|
|
- <!-- 活动日期 -->
|
|
|
|
|
- <van-calendar v-model="activityShowCalendar" @confirm="activityOnConfirm" />
|
|
|
|
|
- <!-- 生效日期 -->
|
|
|
|
|
- <van-calendar v-model="validDateShow" type="range" @confirm="validDateOnConfirm" />
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -397,10 +316,10 @@ import zCheckbox from '@/components/zCheckbox2';
|
|
|
// import uploadImg from "@/components/uo";
|
|
// import uploadImg from "@/components/uo";
|
|
|
import uploadImg from '@/components/uploadVTask';
|
|
import uploadImg from '@/components/uploadVTask';
|
|
|
import deleteUploadImg from '@/components/deleteUploadImg2';
|
|
import deleteUploadImg from '@/components/deleteUploadImg2';
|
|
|
-
|
|
|
|
|
|
|
+import ActivityQRCode from './ActivityQRCode';
|
|
|
export default {
|
|
export default {
|
|
|
name: 'MyHistoricalWeekly',
|
|
name: 'MyHistoricalWeekly',
|
|
|
- components: { zRadio, zCheckbox, uploadImg, deleteUploadImg },
|
|
|
|
|
|
|
+ components: { zRadio, zCheckbox, uploadImg, deleteUploadImg, ActivityQRCode },
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
timeico: timeico,
|
|
timeico: timeico,
|
|
@@ -462,221 +381,6 @@ export default {
|
|
|
chainName: '',
|
|
chainName: '',
|
|
|
chainCode: '',
|
|
chainCode: '',
|
|
|
jxsList: [],
|
|
jxsList: [],
|
|
|
- // 活动数据
|
|
|
|
|
- activityForm: {
|
|
|
|
|
- name: '',
|
|
|
|
|
- value: '',
|
|
|
|
|
- validDateStart: '',
|
|
|
|
|
- validDateEnd: '',
|
|
|
|
|
- },
|
|
|
|
|
- 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() {
|
|
created() {
|
|
@@ -781,7 +485,7 @@ export default {
|
|
|
return val.slice(0, 4) + '-' + val.slice(4, 6) + '-' + val.slice(6, 8);
|
|
return val.slice(0, 4) + '-' + val.slice(4, 6) + '-' + val.slice(6, 8);
|
|
|
},
|
|
},
|
|
|
onLoad() {},
|
|
onLoad() {},
|
|
|
- onSubmit() {
|
|
|
|
|
|
|
+ onSubmit(ActivityQRCodeData, callback) {
|
|
|
this.setParams(() => {
|
|
this.setParams(() => {
|
|
|
if (this.flagclick) {
|
|
if (this.flagclick) {
|
|
|
this.flagclick = false;
|
|
this.flagclick = false;
|
|
@@ -793,10 +497,15 @@ export default {
|
|
|
userSummaryId: '', // Long 用户总结id,如果为新增则不填,编辑则必填
|
|
userSummaryId: '', // Long 用户总结id,如果为新增则不填,编辑则必填
|
|
|
summaryId: this.$route.query.summaryId, //Long 主管任务id
|
|
summaryId: this.$route.query.summaryId, //Long 主管任务id
|
|
|
customItemList: this.collectionItemList, //List<Object> 答案列表
|
|
customItemList: this.collectionItemList, //List<Object> 答案列表
|
|
|
|
|
+ ...ActivityQRCodeData,
|
|
|
})
|
|
})
|
|
|
.then((res) => {
|
|
.then((res) => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
- this.$router.go(-1);
|
|
|
|
|
|
|
+ if (callback) {
|
|
|
|
|
+ callback();
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$router.go(-1);
|
|
|
|
|
+ }
|
|
|
} else {
|
|
} else {
|
|
|
this.$toast(res.msg);
|
|
this.$toast(res.msg);
|
|
|
}
|
|
}
|
|
@@ -1274,18 +983,6 @@ export default {
|
|
|
});
|
|
});
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- activityOnConfirm(date) {
|
|
|
|
|
- this.activityForm.value = this.formatDate(date);
|
|
|
|
|
- this.activityShowCalendar = false;
|
|
|
|
|
- },
|
|
|
|
|
- validDateOnConfirm(date) {
|
|
|
|
|
- const [start, end] = date;
|
|
|
|
|
- this.validDateShow = false;
|
|
|
|
|
- this.activityForm.validDateStart = this.formatDate(start);
|
|
|
|
|
- this.activityForm.validDateEnd = this.formatDate(end);
|
|
|
|
|
- },
|
|
|
|
|
- // 打开二维码
|
|
|
|
|
- openQRCode() {},
|
|
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
@@ -1356,29 +1053,6 @@ export default {
|
|
|
.van-form {
|
|
.van-form {
|
|
|
background-color: white;
|
|
background-color: white;
|
|
|
}
|
|
}
|
|
|
- .QRCodeActivity {
|
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
|
- .activityItem {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- .van-f-red {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- left: 16px;
|
|
|
|
|
- top: 10px;
|
|
|
|
|
- z-index: 1;
|
|
|
|
|
- }
|
|
|
|
|
- .QRCodeBtnBox {
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- align-items: end;
|
|
|
|
|
- .QRCodeBtn {
|
|
|
|
|
- width: auto;
|
|
|
|
|
- border-radius: 10px;
|
|
|
|
|
- }
|
|
|
|
|
- .tips {
|
|
|
|
|
- font-size: 11px;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|