|
|
@@ -1,8 +1,7 @@
|
|
|
-
|
|
|
<template>
|
|
|
<div class="bgcolor">
|
|
|
- <div class="navBarTOP" style="background-color: #fff;">
|
|
|
- <van-nav-bar class="navBar" title="待规范门店地址" left-arrow @click-left="onClickLeft" />
|
|
|
+ <div class="navBarTOP" style="background-color: #fff">
|
|
|
+ <van-nav-bar class="navBar" title="待规范门店地址" left-arrow @click-left="onClickLeft" />
|
|
|
</div>
|
|
|
<div class="lineGrey"></div>
|
|
|
<div class="lineGrey"></div>
|
|
|
@@ -10,113 +9,125 @@
|
|
|
<div class="lineGrey"></div>
|
|
|
<div class="lineGrey"></div>
|
|
|
<div class="lineGrey" style="height: 4px"></div>
|
|
|
- <div class="container" >
|
|
|
- <van-list class="myList" v-model="loading" :finished="finished" finished-text="--已经到底了--" @load="onLoad">
|
|
|
- <div class="cellcontent srore" v-for="(item,index) in list" :key="index">
|
|
|
- <van-cell >
|
|
|
+ <div class="container">
|
|
|
+ <van-list
|
|
|
+ class="myList"
|
|
|
+ v-model="loading"
|
|
|
+ :finished="finished"
|
|
|
+ finished-text="--已经到底了--"
|
|
|
+ @load="onLoad">
|
|
|
+ <div class="cellcontent srore" v-for="(item, index) in list" :key="index">
|
|
|
+ <van-cell>
|
|
|
<div class="card" @click="storeDetailFn(item)">
|
|
|
- <div class="title btn" style="padding-right: 74px;" :data-clipboard-text="item.storeCode">
|
|
|
- <span>{{ item.storeName }}</span>(<span style="color:#0057ba">{{item.storeCode}}</span>)
|
|
|
+ <div
|
|
|
+ class="title btn"
|
|
|
+ style="padding-right: 74px"
|
|
|
+ :data-clipboard-text="item.storeCode">
|
|
|
+ <span>{{ item.storeName }}</span
|
|
|
+ >(<span style="color: #0057ba">{{ item.storeCode }}</span
|
|
|
+ >)
|
|
|
</div>
|
|
|
- <van-button type="info" size="small" plain class="centerBtn ctns1" >更改地址<van-icon name="arrow" /></van-button>
|
|
|
+ <van-button type="info" size="small" plain class="centerBtn ctns1"
|
|
|
+ >更改地址<van-icon name="arrow"
|
|
|
+ /></van-button>
|
|
|
<div class="info">地址:{{ item.addressLine }}</div>
|
|
|
<div class="info">创建时间:{{ item.createTime }}</div>
|
|
|
- <div class="info" style="color:#ff976a">不规范原因:{{ item.exceptionCause }}</div>
|
|
|
+ <div class="info" style="color: #ff976a">不规范原因:{{ item.exceptionCause }}</div>
|
|
|
</div>
|
|
|
</van-cell>
|
|
|
<div class="lineGrey"></div>
|
|
|
</div>
|
|
|
- <van-empty v-if="list.length==0"/>
|
|
|
+ <van-empty v-if="list.length == 0" />
|
|
|
</van-list>
|
|
|
- <br>
|
|
|
- <br>
|
|
|
- <br>
|
|
|
- <br>
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {
|
|
|
- getStoreTypeList,
|
|
|
- getStoreyslTypeList,
|
|
|
-} from "@/api/index";
|
|
|
-import ord from "@/assets/ord.png";
|
|
|
-import paste from "@/assets/paste.png";
|
|
|
-import mpimg from "@/assets/mpimg.png";
|
|
|
-import order from "@/assets/order.png";
|
|
|
+import { getStoreTypeList, getStoreyslTypeList } from '@/api/index';
|
|
|
+import ord from '@/assets/ord.png';
|
|
|
+import paste from '@/assets/paste.png';
|
|
|
+import mpimg from '@/assets/mpimg.png';
|
|
|
+import order from '@/assets/order.png';
|
|
|
import axios from 'axios';
|
|
|
-import order60 from "@/assets/order60.png";
|
|
|
-import targetOne from "@/assets/targetOne.png";
|
|
|
-import visitTimes from "@/assets/visitTimes.png";
|
|
|
-import ordernum from "@/assets/ordernum.png";
|
|
|
-import {getStoreAddress} from "@/api/visitstore";
|
|
|
+import order60 from '@/assets/order60.png';
|
|
|
+import targetOne from '@/assets/targetOne.png';
|
|
|
+import visitTimes from '@/assets/visitTimes.png';
|
|
|
+import ordernum from '@/assets/ordernum.png';
|
|
|
+import { getStoreAddress } from '@/api/visitstore';
|
|
|
export default {
|
|
|
- name: "storeAddress",
|
|
|
+ name: 'storeAddress',
|
|
|
data() {
|
|
|
return {
|
|
|
- disabled:false,
|
|
|
+ disabled: false,
|
|
|
list: [],
|
|
|
- ord:ord,
|
|
|
- addShow:false,
|
|
|
- ordernum:ordernum,
|
|
|
- mapShows:false,
|
|
|
- visitTimess:visitTimes,
|
|
|
- paste:paste,
|
|
|
+ ord: ord,
|
|
|
+ addShow: false,
|
|
|
+ ordernum: ordernum,
|
|
|
+ mapShows: false,
|
|
|
+ visitTimess: visitTimes,
|
|
|
+ paste: paste,
|
|
|
storeTypeList: [],
|
|
|
loading: false,
|
|
|
finished: false,
|
|
|
- mpimg:mpimg,
|
|
|
- order:order,
|
|
|
- order60:order60,
|
|
|
- targetOne:targetOne,
|
|
|
+ mpimg: mpimg,
|
|
|
+ order: order,
|
|
|
+ order60: order60,
|
|
|
+ targetOne: targetOne,
|
|
|
pageSize: 12,
|
|
|
pageNum: 1,
|
|
|
- cont:0,
|
|
|
- tabVal:'1',
|
|
|
+ cont: 0,
|
|
|
+ tabVal: '1',
|
|
|
showProvincePicker: false,
|
|
|
showCityPicker: false,
|
|
|
showDistrictPicker: false,
|
|
|
provinceList: [],
|
|
|
cityList: [],
|
|
|
districtList: [],
|
|
|
- validFlag:"",
|
|
|
- addShow1:false,
|
|
|
- addBTN:"新建工地",
|
|
|
- title:"我的",
|
|
|
+ validFlag: '',
|
|
|
+ addShow1: false,
|
|
|
+ addBTN: '新建工地',
|
|
|
+ title: '我的',
|
|
|
fromValue: {
|
|
|
storeName: '',
|
|
|
- provinceName: "全部省",
|
|
|
- districtName: "全部县区",
|
|
|
- cityName: "全部市",
|
|
|
- province:"",
|
|
|
- city:"",
|
|
|
+ provinceName: '全部省',
|
|
|
+ districtName: '全部县区',
|
|
|
+ cityName: '全部市',
|
|
|
+ province: '',
|
|
|
+ city: '',
|
|
|
pageSize: 12,
|
|
|
pageNum: 1,
|
|
|
- district:"",
|
|
|
- timeData:""
|
|
|
- }
|
|
|
- }
|
|
|
+ district: '',
|
|
|
+ timeData: '',
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ activated() {
|
|
|
+ this.$router.replace({ path: '/home' });
|
|
|
},
|
|
|
created() {
|
|
|
- this.onLoad()
|
|
|
+ // this.onLoad()
|
|
|
},
|
|
|
watch: {
|
|
|
- $route(to, from) {
|
|
|
- if (from.path == "/home" || from.path == "/storeDetail"){
|
|
|
- this.onLoad()
|
|
|
- }
|
|
|
- }
|
|
|
+ // $route(to, from) {
|
|
|
+ // if (from.path == "/home" || from.path == "/storeDetail"){
|
|
|
+ // this.onLoad()
|
|
|
+ // }
|
|
|
+ // }
|
|
|
},
|
|
|
methods: {
|
|
|
- linkList(val){
|
|
|
+ linkList(val) {
|
|
|
this.$router.push({
|
|
|
- path: "/pItem",
|
|
|
- query: {id: val.storeCode,detilId:"a"}
|
|
|
- })
|
|
|
+ path: '/pItem',
|
|
|
+ query: { id: val.storeCode, detilId: 'a' },
|
|
|
+ });
|
|
|
},
|
|
|
onLoad() {
|
|
|
- this.getStoreAddress()
|
|
|
+ this.getStoreAddress();
|
|
|
},
|
|
|
getStoreAddress() {
|
|
|
if (this.refreshing) {
|
|
|
@@ -128,29 +139,29 @@ export default {
|
|
|
message: '加载中...',
|
|
|
forbidClick: true,
|
|
|
});
|
|
|
- getStoreAddress({}).then(res => {
|
|
|
- loading1.clear()
|
|
|
+ getStoreAddress({}).then((res) => {
|
|
|
+ loading1.clear();
|
|
|
if (res.code == 200) {
|
|
|
this.loading = false;
|
|
|
- this.list =res.data
|
|
|
+ this.list = res.data;
|
|
|
this.finished = true;
|
|
|
} else {
|
|
|
- this.$toast.fail(res.msg)
|
|
|
+ this.$toast.fail(res.msg);
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
storeDetailFn(id) {
|
|
|
this.$router.push({
|
|
|
- path: "/storeDetail",
|
|
|
- query: {id: id.storeId,type:"address",storeAddressId:id.storeAddressId}
|
|
|
- })
|
|
|
+ path: '/storeDetail',
|
|
|
+ query: { id: id.storeId, type: 'address', storeAddressId: id.storeAddressId },
|
|
|
+ });
|
|
|
},
|
|
|
onClickLeft() {
|
|
|
// this.$router.go(-1)
|
|
|
- this.$router.push("/")
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ this.$router.push('/');
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
.searchDiv {
|
|
|
@@ -170,7 +181,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.van-search--show-action {
|
|
|
- padding-right: 12px
|
|
|
+ padding-right: 12px;
|
|
|
}
|
|
|
|
|
|
.van-search__content {
|
|
|
@@ -190,20 +201,23 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-.myTab{
|
|
|
- .van-tabs__nav--card{
|
|
|
+.myTab {
|
|
|
+ .van-tabs__nav--card {
|
|
|
margin: 0 !important;
|
|
|
border-left: 0;
|
|
|
border-right: 0;
|
|
|
}
|
|
|
- .van-tabs__wrap,.van-tabs__nav--card{
|
|
|
+ .van-tabs__wrap,
|
|
|
+ .van-tabs__nav--card {
|
|
|
height: 39px;
|
|
|
}
|
|
|
- .van-tab{
|
|
|
+ .van-tab {
|
|
|
line-height: 40px;
|
|
|
}
|
|
|
}
|
|
|
-.van-tabs__nav--card .van-tab.van-tab--active{background-color:#0057ba !important;}
|
|
|
+.van-tabs__nav--card .van-tab.van-tab--active {
|
|
|
+ background-color: #0057ba !important;
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
|
.container {
|
|
|
@@ -230,31 +244,63 @@ export default {
|
|
|
.cellcontent .van-cell__right-icon {
|
|
|
height: 144px;
|
|
|
line-height: 144px;
|
|
|
- margin-right: 10px
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
|
|
|
.srore .van-cell {
|
|
|
- padding: 0
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
|
|
|
.contentpd16 .van-cell {
|
|
|
- background-color: #EBF4FF;
|
|
|
+ background-color: #ebf4ff;
|
|
|
margin: 8px 0;
|
|
|
border-radius: 5px;
|
|
|
padding: 4px 16px;
|
|
|
}
|
|
|
-.visitStoreIco{float: left; float: left;
|
|
|
+.visitStoreIco {
|
|
|
+ float: left;
|
|
|
+ float: left;
|
|
|
width: 26px;
|
|
|
text-align: center;
|
|
|
- background-color: #FFBA13;
|
|
|
+ background-color: #ffba13;
|
|
|
color: #fff;
|
|
|
border-radius: 100%;
|
|
|
margin-left: 14px;
|
|
|
line-height: 26px;
|
|
|
- height: 26px;}
|
|
|
-.centerBtn{margin:0 auto 10px; display: block; width: 92%;color:#0057ba;border-radius: 5px;padding: 0 6px;height: 28px}
|
|
|
-.ctns1{position: absolute;top: 12px;right: 12px;width: 76px;}
|
|
|
-.positionContent{position: fixed;color:#666;display: inline-block; box-shadow: 0px 2px 7px -5px #000;border-radius: 100px;overflow: hidden;right: 14px; cursor: pointer;bottom:60px;background-color: white}
|
|
|
-.positionContent .img{border-radius: 100px;float: left}
|
|
|
-.positionContent .img .van-icon__image{border-radius: 100px;}
|
|
|
-</style>
|
|
|
+ height: 26px;
|
|
|
+}
|
|
|
+.centerBtn {
|
|
|
+ margin: 0 auto 10px;
|
|
|
+ display: block;
|
|
|
+ width: 92%;
|
|
|
+ color: #0057ba;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 0 6px;
|
|
|
+ height: 28px;
|
|
|
+}
|
|
|
+.ctns1 {
|
|
|
+ position: absolute;
|
|
|
+ top: 12px;
|
|
|
+ right: 12px;
|
|
|
+ width: 76px;
|
|
|
+}
|
|
|
+.positionContent {
|
|
|
+ position: fixed;
|
|
|
+ color: #666;
|
|
|
+ display: inline-block;
|
|
|
+ box-shadow: 0px 2px 7px -5px #000;
|
|
|
+ border-radius: 100px;
|
|
|
+ overflow: hidden;
|
|
|
+ right: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ bottom: 60px;
|
|
|
+ background-color: white;
|
|
|
+}
|
|
|
+.positionContent .img {
|
|
|
+ border-radius: 100px;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.positionContent .img .van-icon__image {
|
|
|
+ border-radius: 100px;
|
|
|
+}
|
|
|
+</style>
|