|
@@ -173,6 +173,21 @@
|
|
|
<div class="maplit" :class="{ maplitactive: listpoint.length > 1 }">
|
|
<div class="maplit" :class="{ maplitactive: listpoint.length > 1 }">
|
|
|
<div v-for="(info, index) in listpoint" :key="index" class="maplistitem">
|
|
<div v-for="(info, index) in listpoint" :key="index" class="maplistitem">
|
|
|
<p style="font-weight: bold; font-size: 16px">
|
|
<p style="font-weight: bold; font-size: 16px">
|
|
|
|
|
+ <template v-if="info.storeLabels">
|
|
|
|
|
+ <!-- 金牌店ABC -->
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="JPABC"
|
|
|
|
|
+ :src="require('@/assets/Icon/JPA.png')"
|
|
|
|
|
+ v-if="info.storeLabels.jpA" />
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="JPABC"
|
|
|
|
|
+ :src="require('@/assets/Icon/JPB.png')"
|
|
|
|
|
+ v-if="info.storeLabels.jpB" />
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="JPABC"
|
|
|
|
|
+ :src="require('@/assets/Icon/JPC.png')"
|
|
|
|
|
+ v-if="info.storeLabels.jpC" />
|
|
|
|
|
+ </template>
|
|
|
<span @click="goOtherSystem(info)" :style="setStroeNameStyle(info)">
|
|
<span @click="goOtherSystem(info)" :style="setStroeNameStyle(info)">
|
|
|
<span>{{ info.storeName }}</span>
|
|
<span>{{ info.storeName }}</span>
|
|
|
(<span> {{ info.storeCode }} </span>)
|
|
(<span> {{ info.storeCode }} </span>)
|
|
@@ -206,6 +221,22 @@
|
|
|
<div class="text" style="position: relative">
|
|
<div class="text" style="position: relative">
|
|
|
联系人:{{ info.contactName }}
|
|
联系人:{{ info.contactName }}
|
|
|
<div style="position: absolute; bottom: 0px; right: 10px; display: inline-block">
|
|
<div style="position: absolute; bottom: 0px; right: 10px; display: inline-block">
|
|
|
|
|
+ <!-- 金牌店ABC -->
|
|
|
|
|
+ <el-popover
|
|
|
|
|
+ popper-class="zpover"
|
|
|
|
|
+ placement="bottom"
|
|
|
|
|
+ width="120"
|
|
|
|
|
+ trigger="click"
|
|
|
|
|
+ :content="setJPABCContent(info)">
|
|
|
|
|
+ <div
|
|
|
|
|
+ v-if="setJPABCFlag(info)"
|
|
|
|
|
+ class="visitStoreIco"
|
|
|
|
|
+ style="background-color: #fff"
|
|
|
|
|
+ slot="reference">
|
|
|
|
|
+ <van-icon :name="require('@/assets/Icon/visitJPNum.png')" size="26" />
|
|
|
|
|
+ <div class="JPVisitNum">{{ info.visitNum }}/{{ info.needVisitNum }}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-popover>
|
|
|
<el-popover
|
|
<el-popover
|
|
|
popper-class="zpover"
|
|
popper-class="zpover"
|
|
|
placement="bottom"
|
|
placement="bottom"
|
|
@@ -358,7 +389,7 @@
|
|
|
:disabled="!info.userVisitTimesMap"
|
|
:disabled="!info.userVisitTimesMap"
|
|
|
:content="'本店本月已拜访过' + info.storeLabels.visitTimes + '次'">
|
|
:content="'本店本月已拜访过' + info.storeLabels.visitTimes + '次'">
|
|
|
<div
|
|
<div
|
|
|
- v-if="info.storeLabels.visitTimes && info.storeLabels.visitTimes > 0"
|
|
|
|
|
|
|
+ v-if="false && info.storeLabels.visitTimes && info.storeLabels.visitTimes > 0"
|
|
|
class="visitStoreIco"
|
|
class="visitStoreIco"
|
|
|
slot="reference"
|
|
slot="reference"
|
|
|
style="background-color: #fff; position: relative">
|
|
style="background-color: #fff; position: relative">
|
|
@@ -850,6 +881,25 @@ export default {
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ setJPABCFlag(item) {
|
|
|
|
|
+ // needVisitNum:需要拜访的次数;visitNum:本月已拜访次数
|
|
|
|
|
+ if (item.storeLabels.jpA && item.visitNum < item.needVisitNum) {
|
|
|
|
|
+ return true;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ setJPABCContent(item) {
|
|
|
|
|
+ if (item.storeLabels.jpA) {
|
|
|
|
|
+ return 'A级金牌店拜访标准1月2次';
|
|
|
|
|
+ } else if (item.storeLabels.jpB) {
|
|
|
|
|
+ return 'B级金牌店拜访标准1月1次';
|
|
|
|
|
+ } else if (item.storeLabels.jpC) {
|
|
|
|
|
+ return 'C级金牌店拜访标准1月1次';
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return '';
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
setStroeNameStyle(item) {
|
|
setStroeNameStyle(item) {
|
|
|
// 家装或工装 approvalStatus:是否结案 0:未结案,1:已结案
|
|
// 家装或工装 approvalStatus:是否结案 0:未结案,1:已结案
|
|
|
if (
|
|
if (
|
|
@@ -2097,7 +2147,7 @@ export default {
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
-<style scoped>
|
|
|
|
|
|
|
+<style scoped lang="scss">
|
|
|
.map {
|
|
.map {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 79.3vh;
|
|
height: 79.3vh;
|
|
@@ -2144,6 +2194,12 @@ export default {
|
|
|
.maplistitem {
|
|
.maplistitem {
|
|
|
padding-bottom: 14px;
|
|
padding-bottom: 14px;
|
|
|
border-bottom: 1px solid #eeeeee;
|
|
border-bottom: 1px solid #eeeeee;
|
|
|
|
|
+ .JPABC {
|
|
|
|
|
+ width: 20px;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ top: 4px;
|
|
|
|
|
+ margin-right: 3px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.maplistitem:last-child {
|
|
.maplistitem:last-child {
|
|
|
border: 0;
|
|
border: 0;
|
|
@@ -2316,6 +2372,11 @@ export default {
|
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
|
}
|
|
}
|
|
|
.rangeStore {
|
|
.rangeStore {
|
|
|
|
|
+ .JPVisitNum {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ top: -26px;
|
|
|
|
|
+ font-size: 10px;
|
|
|
|
|
+ }
|
|
|
.TCFXListItem {
|
|
.TCFXListItem {
|
|
|
display: inline-block;
|
|
display: inline-block;
|
|
|
border: 1px solid #ccc;
|
|
border: 1px solid #ccc;
|