|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="noVIsit">
|
|
|
+ <div class="noVisit">
|
|
|
<div class="header">
|
|
|
<van-nav-bar class="navBar" title="未拜访门店" left-arrow @click-left="onClickLeft" />
|
|
|
</div>
|
|
|
@@ -30,16 +30,18 @@
|
|
|
<div
|
|
|
class="statstext"
|
|
|
:style="{
|
|
|
- 'background-color': item.visitsStatus == '未拜访' ? '#ed5c68' : 'white',
|
|
|
+ 'background-color': item.stateString == '未拜访' ? '#ed5c68' : 'white',
|
|
|
}">
|
|
|
<van-icon
|
|
|
- v-if="item.visitsStatus == '拜访中'"
|
|
|
+ v-if="item.stateString == '拜访中'"
|
|
|
:name="times"
|
|
|
color="#ee0a24"
|
|
|
size="32" />
|
|
|
- {{ item.visitsStatus == '未拜访' ? '未拜访' : '' }}
|
|
|
+ {{ item.stateString == '未拜访' ? '未拜访' : '' }}
|
|
|
+ </div>
|
|
|
+ <div class="toVisit" @click="storeVisit(item)">
|
|
|
+ 进入拜访 <van-icon name="arrow" />
|
|
|
</div>
|
|
|
- <div class="toVisit" @click="enterVisit">进入拜访 <van-icon name="arrow" /></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-collapse-item>
|
|
|
@@ -48,101 +50,286 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { selectUserStoreNoVisits } from '@/api/index';
|
|
|
+import {
|
|
|
+ selectUserStoreNoVisits,
|
|
|
+ mobileReposition,
|
|
|
+ checkVisit,
|
|
|
+ addVisitsPosition,
|
|
|
+} from '@/api/index';
|
|
|
+import { checkStoreAddressByStoreCode } from '@/api/visitstore';
|
|
|
import { getPosition, getTicketFun } from '@/utils/TXApiFun';
|
|
|
import sbpmdh from '@/assets/sbpmdh.png';
|
|
|
import times from '@/assets/Icon/times.png';
|
|
|
export default {
|
|
|
- name: 'noVIsit',
|
|
|
+ name: 'noVisit',
|
|
|
data() {
|
|
|
return {
|
|
|
sbpmdh: sbpmdh,
|
|
|
times: times,
|
|
|
activeName: '',
|
|
|
list: {},
|
|
|
+ TXPiont: {}, //腾讯定位数据
|
|
|
+ TXisBD: {}, // 腾讯定位数据转百度
|
|
|
+ activatStoreVal: {}, //当前点击门店数据
|
|
|
+ visitRoutePath: '', //拜访页面路径
|
|
|
+ clickIsFlage: true,
|
|
|
};
|
|
|
},
|
|
|
filters: {
|
|
|
storeType(value) {
|
|
|
let type = '';
|
|
|
- if (value == 'jinPai') {
|
|
|
+ if (value == 'keKong') {
|
|
|
+ type = '可控店';
|
|
|
+ } else if (value == 'jinPai') {
|
|
|
type = '金牌店';
|
|
|
- } else if (value == 'tongB') {
|
|
|
- type = '同城B';
|
|
|
} else if (value == 'tongA') {
|
|
|
type = '同城A';
|
|
|
- } else if (value == 'keKong') {
|
|
|
- type = '可控店';
|
|
|
+ } else if (value == 'tongB') {
|
|
|
+ type = '同城B';
|
|
|
}
|
|
|
return type;
|
|
|
},
|
|
|
},
|
|
|
- created() {
|
|
|
+ activated() {
|
|
|
+ // 授权
|
|
|
+ getTicketFun().then(() => {
|
|
|
+ // 获取定位
|
|
|
+ getPosition()
|
|
|
+ .then((res) => {
|
|
|
+ let { TXisBD } = res;
|
|
|
+ this.getList(TXisBD);
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ this.$dialog.alert({
|
|
|
+ message: error,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
this.activeName = this.$route.query.activeName;
|
|
|
- this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
- getList() {
|
|
|
- let resData = {
|
|
|
- jinPai: {
|
|
|
- storeList: [
|
|
|
- {
|
|
|
- distance: 733122,
|
|
|
- storeName: '溧阳市南渡益民建材商店',
|
|
|
- storeCategory: 'JinPai',
|
|
|
- storeId: 254801,
|
|
|
- addressLine: '江苏省常州市溧阳市苏浙皖边界市场A区一层31-32号',
|
|
|
- visitsStatus: '未拜访',
|
|
|
- },
|
|
|
- ],
|
|
|
- storeNum: 1,
|
|
|
- },
|
|
|
- tongB: {
|
|
|
- storeList: [
|
|
|
- {
|
|
|
- distance: 735948,
|
|
|
- storeName: '王明建材店',
|
|
|
- storeCategory: 'TongB',
|
|
|
- storeId: 311790,
|
|
|
- addressLine: '江苏省常州市溧阳市建业街12号',
|
|
|
- visitsStatus: '未拜访',
|
|
|
- },
|
|
|
- ],
|
|
|
- storeNum: 1,
|
|
|
- },
|
|
|
- tongA: {
|
|
|
- storeList: [
|
|
|
- {
|
|
|
- distance: 722628,
|
|
|
- storeName: '大牛建材',
|
|
|
- storeCategory: 'TongA',
|
|
|
- storeId: 311846,
|
|
|
- addressLine: '江苏省常州市溧阳市公园路与永兴大道交叉口正东方向126米左右',
|
|
|
- visitsStatus: '未拜访',
|
|
|
- },
|
|
|
- ],
|
|
|
- storeNum: 1,
|
|
|
- },
|
|
|
- keKong: {
|
|
|
- storeList: [
|
|
|
- {
|
|
|
- distance: 746334,
|
|
|
- storeName: '常州市溧阳市边界市场立邦专卖店',
|
|
|
- storeCategory: 'KeKong',
|
|
|
- storeId: 244305,
|
|
|
- addressLine: '江苏省溧阳市苏浙皖边界市场建材区B区二层31-32号',
|
|
|
- visitsStatus: '未拜访',
|
|
|
- },
|
|
|
- ],
|
|
|
- storeNum: 1,
|
|
|
- },
|
|
|
- };
|
|
|
- this.list = resData;
|
|
|
- // selectUserStoreNoVisits().then((res) => {});
|
|
|
+ getList(TXisBD) {
|
|
|
+ selectUserStoreNoVisits({
|
|
|
+ lat: TXisBD.lat,
|
|
|
+ lon: TXisBD.lon,
|
|
|
+ }).then((res) => {
|
|
|
+ this.list = res.data;
|
|
|
+ console.log(this.list);
|
|
|
+ });
|
|
|
},
|
|
|
tabChange(val) {},
|
|
|
// 进入拜访
|
|
|
- enterVisit() {},
|
|
|
+ storeVisit(val) {
|
|
|
+ if (!this.clickIsFlage) return;
|
|
|
+ this.clickIsFlage = false;
|
|
|
+ this.toastLoading(0, '加载中...', true);
|
|
|
+ // 删除拜访id
|
|
|
+ localStorage.removeItem('visitId');
|
|
|
+ checkVisit({ storeId: val.storeId }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ if (val.stateString.indexOf('拜访中') != -1) {
|
|
|
+ this.toSuishenbangOutstoreVisit(0);
|
|
|
+ } else {
|
|
|
+ // 拜访时重新获取定位
|
|
|
+ getPosition()
|
|
|
+ .then((res) => {
|
|
|
+ let { TXisBD, resData } = res;
|
|
|
+ this.TXisBD = TXisBD;
|
|
|
+ this.TXPiont = resData;
|
|
|
+ localStorage.setItem('lat', TXisBD.lat);
|
|
|
+ localStorage.setItem('lon', TXisBD.lon);
|
|
|
+ this.activatStoreVal = val;
|
|
|
+ // 拜访页面分为 计划外、计划内; 0计划内 1计划外
|
|
|
+ this.visitRoutePath =
|
|
|
+ this.activatStoreVal.visitEntry == '1'
|
|
|
+ ? '/suishenbangOutstoreVisit'
|
|
|
+ : '/storeVisitpage';
|
|
|
+ this.checkStoreAddressByStoreCodeFun();
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ this.clickIsFlage = true;
|
|
|
+ this.$dialog.alert({
|
|
|
+ message: error,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.toastLoading().clear();
|
|
|
+ this.clickIsFlage = true;
|
|
|
+ this.$dialog.alert({
|
|
|
+ message: res.msg,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ checkStoreAddressByStoreCodeFun() {
|
|
|
+ this.toastLoading(0, '加载中...', true);
|
|
|
+ let PointSumval = this.twoPointSum(
|
|
|
+ this.TXisBD.lat,
|
|
|
+ this.TXisBD.lon,
|
|
|
+ this.TXisBD.lat,
|
|
|
+ this.TXisBD.lon
|
|
|
+ ).toFixed(2);
|
|
|
+ // GZ:工装店铺 直接进入拜访
|
|
|
+ if (localStorage.getItem('postType') == 'GZ') {
|
|
|
+ localStorage.setItem('startTime', new Date());
|
|
|
+ localStorage.setItem('ORGName', this.activatStoreVal.deptName);
|
|
|
+ localStorage.setItem('chainNameR', this.activatStoreVal.storeName);
|
|
|
+ this.toSuishenbangOutstoreVisit(PointSumval);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ checkStoreAddressByStoreCode({
|
|
|
+ storeCode: this.activatStoreVal.storeCode,
|
|
|
+ lon: this.TXisBD.lon,
|
|
|
+ lat: this.TXisBD.lat,
|
|
|
+ })
|
|
|
+ .then((response) => {
|
|
|
+ this.clickIsFlage = true;
|
|
|
+ // 门店校验 地址不通过
|
|
|
+ if (response.code != 200) {
|
|
|
+ this.toastLoading().clear();
|
|
|
+ // updateAddress : ，1：同城AB+金牌,去修改地址;2:非金牌店铺，非同城店铺偏差过大不允许拜访，可以重置定位;0非金牌店铺，非同城店铺 位置信息不存在 可以继续拜访
|
|
|
+ if (response.data) {
|
|
|
+ if (response.data.updateAddress == 0) {
|
|
|
+ // 非金牌店铺，非同城店铺 位置信息不存在 可以继续拜访
|
|
|
+ this.$dialog
|
|
|
+ .confirm({
|
|
|
+ confirmButtonText: '确定拜访',
|
|
|
+ cancelButtonText: '取消拜访',
|
|
|
+ title: '系统提示',
|
|
|
+ message:
|
|
|
+ '该客户没有经纬度，此次拜访会保存定位点作为客户经纬度，下次拜访时判断是否偏差过大。',
|
|
|
+ closeOnClickOverlay: true,
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.toSuishenbangOutstoreVisit(PointSumval);
|
|
|
+ });
|
|
|
+ } else if (response.data.updateAddress == 1) {
|
|
|
+ // 同城AB+金牌,去修改地址
|
|
|
+ // addressUpdateTimesOver: true=已经达到最大次数，不让修改; false=没有达到可以修改
|
|
|
+ if (!response.data.addressUpdateTimesOver) {
|
|
|
+ this.$dialog
|
|
|
+ .confirm({
|
|
|
+ title: '系统提示',
|
|
|
+ message: response.msg + '请立即修改后再拜访',
|
|
|
+ messageAlign: 'left',
|
|
|
+ confirmButtonText: '立即修改',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/storeDetail',
|
|
|
+ query: {
|
|
|
+ id: this.activatStoreVal.storeId,
|
|
|
+ type: 'address',
|
|
|
+ storeAddressId: this.activatStoreVal.storeAddressId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$dialog.confirm({
|
|
|
+ title: '系统提示',
|
|
|
+ message: '已经达到最大修改次数',
|
|
|
+ messageAlign: 'left',
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else if (response.data.updateAddress == 2) {
|
|
|
+ // 1.非金牌店铺，非同城店铺 位置偏差过大 重置经纬度
|
|
|
+ this.resetCoord(PointSumval);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$dialog.confirm({
|
|
|
+ title: '系统提示',
|
|
|
+ message: response.msg,
|
|
|
+ showCancelButton: false,
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // 门店编码校验门店地址通过 进入拜访
|
|
|
+ this.toSuishenbangOutstoreVisit(PointSumval);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ this.clickIsFlage = true;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 进入拜访
|
|
|
+ toSuishenbangOutstoreVisit(PointSumval) {
|
|
|
+ addVisitsPosition({
|
|
|
+ storeId: this.activatStoreVal.storeId,
|
|
|
+ visitsId: '',
|
|
|
+ lon: this.TXPiont.longitude,
|
|
|
+ lat: this.TXPiont.latitude,
|
|
|
+ sourceLon: this.TXisBD.lon,
|
|
|
+ sourceLat: this.TXisBD.lat,
|
|
|
+ positionDesc: '',
|
|
|
+ accuracy: this.TXPiont.accuracy,
|
|
|
+ });
|
|
|
+ this.clickIsFlage = true;
|
|
|
+ this.toastLoading().clear();
|
|
|
+ this.$router.push({
|
|
|
+ path: this.visitRoutePath,
|
|
|
+ query: {
|
|
|
+ storeId: this.activatStoreVal.storeId,
|
|
|
+ rdId: this.activatStoreVal.rdId,
|
|
|
+ lat: this.TXisBD.lat,
|
|
|
+ lon: this.TXisBD.lon,
|
|
|
+ visitId: this.activatStoreVal.visitId,
|
|
|
+ pageType: 'out',
|
|
|
+ addressLine: this.activatStoreVal.addressLine,
|
|
|
+ storeCategory: this.activatStoreVal.storeCategory,
|
|
|
+ storeName: this.activatStoreVal.storeName,
|
|
|
+ hisTime: this.activatStoreVal.hisTime,
|
|
|
+ contactName: this.activatStoreVal.contactName,
|
|
|
+ storeCode: this.activatStoreVal.storeCode,
|
|
|
+ tabVal: this.tabVal,
|
|
|
+ visitModel: '1',
|
|
|
+ latNew: this.TXisBD.lat,
|
|
|
+ lonNew: this.TXisBD.lon,
|
|
|
+ PointSum: PointSumval,
|
|
|
+ marklat: this.TXPiont.latitude,
|
|
|
+ marklon: this.TXPiont.longitude,
|
|
|
+ from: 'outPlan',
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 重置经纬度
|
|
|
+ resetCoord(PointSumval) {
|
|
|
+ this.$dialog
|
|
|
+ .confirm({
|
|
|
+ confirmButtonText: '初始化定位',
|
|
|
+ cancelButtonText: '取消拜访',
|
|
|
+ title: '系统提示',
|
|
|
+ message: '偏差过大，不允许拜访。可修改本店定位.',
|
|
|
+ closeOnClickOverlay: true,
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ mobileReposition({
|
|
|
+ storeId: this.activatStoreVal.storeId,
|
|
|
+ lat: this.TXisBD.lat,
|
|
|
+ lon: this.TXisBD.lon,
|
|
|
+ }).then((response) => {
|
|
|
+ if (response.code == 200) {
|
|
|
+ this.$dialog
|
|
|
+ .alert({
|
|
|
+ title: '系统提示',
|
|
|
+ message: '本信息定位已更新成功!',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.toSuishenbangOutstoreVisit(PointSumval);
|
|
|
+ });
|
|
|
+ localStorage.setItem('startTime', new Date());
|
|
|
+ localStorage.setItem('ORGName', this.activatStoreVal.deptName);
|
|
|
+ localStorage.setItem('chainNameR', this.activatStoreVal.storeName);
|
|
|
+ } else {
|
|
|
+ this.$toast(response.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
onClickLeft() {
|
|
|
this.$router.go(-1);
|
|
|
},
|
|
|
@@ -150,7 +337,7 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.noVIsit {
|
|
|
+.noVisit {
|
|
|
.content {
|
|
|
padding: 8px 10px;
|
|
|
.item {
|
|
|
@@ -217,7 +404,7 @@ export default {
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
-.noVIsit {
|
|
|
+.noVisit {
|
|
|
.van-cell__title {
|
|
|
font-size: 15px;
|
|
|
font-weight: bold;
|
|
|
@@ -232,5 +419,10 @@ export default {
|
|
|
.van-collapse-item__wrapper {
|
|
|
border-top: 1px solid #dcdcdc;
|
|
|
}
|
|
|
+ .van-collapse-item__title--expanded {
|
|
|
+ position: sticky;
|
|
|
+ top: 0px;
|
|
|
+ z-index: 10;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
