门店
This commit is contained in:
@@ -19,7 +19,7 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tabList: [{name: '门店情况'}, {name: '我要评价'}],
|
tabList: [{name: '门店情况'}, {name: '我要评价'}],
|
||||||
tabIndex: 0,
|
tabIndex: 1,
|
||||||
barStyle: {
|
barStyle: {
|
||||||
'width': '20px',
|
'width': '20px',
|
||||||
'height': '3px',
|
'height': '3px',
|
||||||
|
|||||||
@@ -5,16 +5,8 @@
|
|||||||
<div class="left">
|
<div class="left">
|
||||||
<div class="name">{{ detailInfo.shopName }}</div>
|
<div class="name">{{ detailInfo.shopName }}</div>
|
||||||
<div class="star-info">
|
<div class="star-info">
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="detailInfo.storeScore >1"></u-icon>
|
<u-icon name="star-fill" color="#FF8C19" size="24" v-for="(items, indexs) in detailInfo.xzStar" :key="indexs"></u-icon>
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="detailInfo.storeScore >2"></u-icon>
|
<u-icon name="star-fill" color="#F0F0F0" size="24" v-for="(items, indexs) in detailInfo.wxzStar" :key="indexs"></u-icon>
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="detailInfo.storeScore >3"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="detailInfo.storeScore >4"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="detailInfo.storeScore >=5"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="detailInfo.storeScore <5"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="detailInfo.storeScore <4"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="detailInfo.storeScore <3"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="detailInfo.storeScore <2"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="detailInfo.storeScore <1"></u-icon>
|
|
||||||
<span class="star-num">{{ detailInfo.storeScore }}</span>
|
<span class="star-num">{{ detailInfo.storeScore }}</span>
|
||||||
|
|
||||||
<div class="right-btn" @click="toEvaluateForm">
|
<div class="right-btn" @click="toEvaluateForm">
|
||||||
@@ -58,17 +50,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="star-info">
|
<div class="star-info">
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >1"></u-icon>
|
<u-icon name="star-fill" color="#FF8C19" size="24" v-for="(items, indexs) in item.xzStar" :key="indexs"></u-icon>
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >2"></u-icon>
|
<u-icon name="star-fill" color="#F0F0F0" size="24" v-for="(items, indexs) in item.wxzStar" :key="indexs"></u-icon>
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >3"></u-icon>
|
<span class="star-num">{{ item.score }}</span>
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >4"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >=5"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <5"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <4"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <3"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <2"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <1"></u-icon>
|
|
||||||
<span class="star-num">{{ item.storeScore }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="text">{{ item.remark }}</div>
|
<div class="text">{{ item.remark }}</div>
|
||||||
<div v-if="item.imgList && item.imgList.length">
|
<div v-if="item.imgList && item.imgList.length">
|
||||||
@@ -117,6 +101,9 @@ export default {
|
|||||||
this.$instance.post(`/app/appshoparchives/queryDetailById?id=${this.shopId}`).then(res => {
|
this.$instance.post(`/app/appshoparchives/queryDetailById?id=${this.shopId}`).then(res => {
|
||||||
if (res?.data) {
|
if (res?.data) {
|
||||||
this.detailInfo = res.data
|
this.detailInfo = res.data
|
||||||
|
this.detailInfo.xzStar = Math.floor(this.detailInfo.storeScore)
|
||||||
|
var wxz = 5 - this.detailInfo.xzStar
|
||||||
|
this.detailInfo.wxzStar = wxz <= 0 ? 0 : wxz
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -129,7 +116,9 @@ export default {
|
|||||||
if(item.pictureUrl) {
|
if(item.pictureUrl) {
|
||||||
item.imgList = item.pictureUrl.split(',')
|
item.imgList = item.pictureUrl.split(',')
|
||||||
}
|
}
|
||||||
|
item.xzStar = Math.floor(item.score)
|
||||||
|
var wxz = 5 - item.xzStar
|
||||||
|
item.wxzStar = wxz <= 0 ? 0 : wxz
|
||||||
})
|
})
|
||||||
this.assessList = this.current == 1 ? res.data.records : [this.list, res.data.records].flat()
|
this.assessList = this.current == 1 ? res.data.records : [this.list, res.data.records].flat()
|
||||||
this.pages = res.data.total
|
this.pages = res.data.total
|
||||||
@@ -138,6 +127,9 @@ export default {
|
|||||||
},
|
},
|
||||||
typeClick(e) {
|
typeClick(e) {
|
||||||
this.typeIndex = e
|
this.typeIndex = e
|
||||||
|
this.current = 1
|
||||||
|
this.pages = 2
|
||||||
|
this.getAssessList()
|
||||||
},
|
},
|
||||||
toEvaluateForm() {
|
toEvaluateForm() {
|
||||||
uni.navigateTo({url: `./EvaluateForm?shopId=${this.shopId}`})
|
uni.navigateTo({url: `./EvaluateForm?shopId=${this.shopId}`})
|
||||||
|
|||||||
@@ -32,16 +32,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="store-name">{{ item.shopName }}</div>
|
<div class="store-name">{{ item.shopName }}</div>
|
||||||
<div class="star-info">
|
<div class="star-info">
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >1"></u-icon>
|
<u-icon name="star-fill" color="#FF8C19" size="24" v-for="(items, indexs) in item.xzStar" :key="indexs"></u-icon>
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >2"></u-icon>
|
<u-icon name="star-fill" color="#F0F0F0" size="24" v-for="(items, indexs) in item.wxzStar" :key="indexs"></u-icon>
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >3"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >4"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#FF8C19" size="24" v-if="item.storeScore >=5"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <5"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <4"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <3"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <2"></u-icon>
|
|
||||||
<u-icon name="star-fill" color="#F0F0F0" size="24" v-if="item.storeScore <1"></u-icon>
|
|
||||||
<span class="star-num">{{ item.storeScore }}</span>
|
<span class="star-num">{{ item.storeScore }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-info">
|
<div class="flex-info">
|
||||||
@@ -114,6 +106,11 @@ export default {
|
|||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
if (res?.data) {
|
if (res?.data) {
|
||||||
|
res.data.records.map((item) => {
|
||||||
|
item.xzStar = Math.floor(item.storeScore)
|
||||||
|
var wxz = 5 - item.xzStar
|
||||||
|
item.wxzStar = wxz <= 0 ? 0 : wxz
|
||||||
|
})
|
||||||
this.list = this.current == 1 ? res.data.records : [this.list, res.data.records].flat()
|
this.list = this.current == 1 ? res.data.records : [this.list, res.data.records].flat()
|
||||||
this.pages = res.data.total
|
this.pages = res.data.total
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<p>门店总数量</p>
|
<p>门店总数量</p>
|
||||||
<div>230</div>
|
<div>{{numInfo.shopCounts || 0}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<p>总网格数</p>
|
<p>总网格数</p>
|
||||||
<div>230</div>
|
<div>{{numInfo.girdCounts || 0}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
@@ -28,7 +28,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<p>总网格员</p>
|
<p>总网格员</p>
|
||||||
<div>230</div>
|
<div>{{numInfo.girdPersons || 0}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
@@ -37,7 +37,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<p>五星门店</p>
|
<p>五星门店</p>
|
||||||
<div>230</div>
|
<div>{{numInfo.fiveStarsShops || 0}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -76,7 +76,8 @@ export default {
|
|||||||
searchGird: {girdName: ''},
|
searchGird: {girdName: ''},
|
||||||
month: '',
|
month: '',
|
||||||
monthText: '',
|
monthText: '',
|
||||||
table: []
|
table: [],
|
||||||
|
numInfo: {}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -86,6 +87,7 @@ export default {
|
|||||||
month = month > 9 ? month : "0" + month;
|
month = month > 9 ? month : "0" + month;
|
||||||
this.month = date.getFullYear() + '-' + month
|
this.month = date.getFullYear() + '-' + month
|
||||||
this.getTable()
|
this.getTable()
|
||||||
|
this.getStatistics()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleGridSelect(e) {
|
handleGridSelect(e) {
|
||||||
@@ -111,6 +113,14 @@ export default {
|
|||||||
}
|
}
|
||||||
}).finally(() => uni.hideLoading())
|
}).finally(() => uni.hideLoading())
|
||||||
},
|
},
|
||||||
|
getStatistics() {
|
||||||
|
this.$loading()
|
||||||
|
this.$instance.post(`/app/appShopStatistics/queryShopDetail`).then(res => {
|
||||||
|
if (res?.data) {
|
||||||
|
this.numInfo = res.data
|
||||||
|
}
|
||||||
|
}).finally(() => uni.hideLoading())
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user