|
|
@@ -15,24 +15,26 @@
|
|
|
<title></title>
|
|
|
</head>
|
|
|
<style>
|
|
|
- .dingdangenzong .dingdanSearch {
|
|
|
+ /* .dingdangenzong .dingdanSearch {
|
|
|
top: .1rem
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
.dingdangenzong {
|
|
|
padding-top: 1.2rem;
|
|
|
}
|
|
|
+
|
|
|
.totalCount {
|
|
|
background-color: #00a0ea !important;
|
|
|
color: #fff;
|
|
|
text-align: center;
|
|
|
padding: 0.3rem 0;
|
|
|
font-size: 0.3rem;
|
|
|
- width: 90%;
|
|
|
+ width: 90%;
|
|
|
margin: 0 5%;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
- .search_input{
|
|
|
+
|
|
|
+ .search_input {
|
|
|
color: #B5B5B5;
|
|
|
font-size: .25rem;
|
|
|
width: 100%;
|
|
|
@@ -42,36 +44,115 @@
|
|
|
|
|
|
<body>
|
|
|
<div id="app" v-cloak>
|
|
|
- <div class="pageView dingdangenzong">
|
|
|
- <div class="totalCount">总共：{{ totaltotals }} 家</div>
|
|
|
- <div class="dingdanSearch flex a-center j-center">
|
|
|
- <div class="search_box flex a-center">
|
|
|
- <!-- <input type="text" placeholder="请输入门店名称" v-model="agentKeyword"> -->
|
|
|
- <div class="search_input" v-on:click="inSearch">
|
|
|
- 请输入门店名称
|
|
|
+ <van-tabs v-model="active">
|
|
|
+ <van-tab title="门店审核">
|
|
|
+ <div class="pageView dingdangenzong">
|
|
|
+ <div class="totalCount">总共：{{ totaltotals }} 家</div>
|
|
|
+ <div class="dingdanSearch flex a-center j-center">
|
|
|
+ <div class="search_box flex a-center">
|
|
|
+ <!-- <input type="text" placeholder="请输入门店名称" v-model="agentKeyword"> -->
|
|
|
+ <div class="search_input" v-on:click="inSearch">
|
|
|
+ 请输入门店名称
|
|
|
+ </div>
|
|
|
+ <div class="fgx"></div>
|
|
|
+ <div class="search_btn flex a-center" style="width:1.8rem" v-on:click="chooseStatus">{{
|
|
|
+ agentStatus.name }} <i class="iconfont icon-xia"></i> </div>
|
|
|
+ <van-icon name="search" size="0.32rem" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mendianliebiao" v-show="list.length > 0" id="mescroll" style="height:80vh">
|
|
|
+ <div class="item flex a-center" v-for="(item,index) in list"
|
|
|
+ v-on:click="lookStoreInfo(item.id)">
|
|
|
+ <div class="img"><img :src="item.storeImageUrl"
|
|
|
+ onerror="javascript:this.src='../../../../../image/image/noimg.png';"></div>
|
|
|
+ <div class="infos">
|
|
|
+ <h2>{{item.storeName}}</h2>
|
|
|
+ <p><a style="font-weight: 600;">经销品牌：</a>{{item.brandName}}</p>
|
|
|
+ <p><a style="font-weight: 600;">电话：</a>{{item.storePhone}}</p>
|
|
|
+ <span>状态：{{item.statusName}}</span>
|
|
|
+ </div>
|
|
|
+ <i class="iconfont icon-right"></i>
|
|
|
+ </div>
|
|
|
+ <div v-show="hasOther && list.length > 0"
|
|
|
+ style="width: 100%;height: 1rem;;text-align : center;margin-top : 1rem;font-size:0.3rem">
|
|
|
+ 暂无更多数据</div>
|
|
|
+ </div>
|
|
|
+ <div v-show="list.length == 0" style="text-align:center">
|
|
|
+ <img src="../../../../../image/image/nodata.png"
|
|
|
+ style="margin:2rem auto;width:100%;height:100%" />
|
|
|
</div>
|
|
|
- <div class="fgx"></div>
|
|
|
- <div class="search_btn flex a-center" style="width:1.8rem" v-on:click="chooseStatus">{{ agentStatus.name }} <i class="iconfont icon-xia"></i> </div>
|
|
|
- <van-icon name="search" size="0.32rem" />
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="mendianliebiao" v-show="list.length > 0" id="mescroll">
|
|
|
- <div class="item flex a-center" v-for="(item,index) in list" v-on:click="lookStoreInfo(item.id)">
|
|
|
- <div class="img"><img :src="item.storeImageUrl" onerror="javascript:this.src='../../../../../image/image/noimg.png';"></div>
|
|
|
- <div class="infos">
|
|
|
- <h2>{{item.storeName}}</h2>
|
|
|
- <p><a style="font-weight: 600;">经销品牌：</a>{{item.brandName}}</p>
|
|
|
- <p><a style="font-weight: 600;">电话：</a>{{item.storePhone}}</p>
|
|
|
- <span>状态：{{item.statusName}}</span>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab title="冻结门店">
|
|
|
+ <div class="pageView dingdangenzong">
|
|
|
+ <div class="totalCount">总共：{{ freezeList.length }} 家</div>
|
|
|
+ <div class="dingdanSearch flex a-center j-center">
|
|
|
+ <div class="search_box flex a-center">
|
|
|
+ <input type="text" placeholder="请输入门店名称" v-model="agentKeyword">
|
|
|
+ <van-icon name="search" size="0.32rem" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mendianliebiao" v-show="freezeList.length > 0" id="mescroll" style="height:93vh">
|
|
|
+ <div class="item flex a-center" v-for="(item,index) in freezeList"
|
|
|
+ v-on:click="lookStoreInfo(item.id)">
|
|
|
+ <div class="img"><img :src="item.storeImageUrl"
|
|
|
+ onerror="javascript:this.src='../../../../../image/image/noimg.png';"></div>
|
|
|
+ <div class="infos">
|
|
|
+ <h2>{{item.storeName}}</h2>
|
|
|
+ <p><a style="font-weight: 600;">经销品牌：</a>{{item.brandName}}</p>
|
|
|
+ <p><a style="font-weight: 600;">电话：</a>{{item.storePhone}}</p>
|
|
|
+ <span>状态：{{item.statusName}}</span>
|
|
|
+ </div>
|
|
|
+ <i class="iconfont icon-right"></i>
|
|
|
+ </div>
|
|
|
+ <div v-show="hasOther && freezeList.length > 0"
|
|
|
+ style="width: 100%;height: 1rem;;text-align : center;margin-top : 1rem;font-size:0.3rem">
|
|
|
+ 暂无更多数据</div>
|
|
|
+ </div>
|
|
|
+ <div v-show="freezeList.length == 0" style="text-align:center">
|
|
|
+ <img src="../../../../../image/image/nodata.png"
|
|
|
+ style="margin:2rem auto;width:100%;height:100%" />
|
|
|
</div>
|
|
|
- <i class="iconfont icon-right"></i>
|
|
|
</div>
|
|
|
- <div v-show="hasOther && list.length > 0" style="width: 100%;height: 1rem;;text-align : center;margin-top : 1rem;font-size:0.3rem">暂无更多数据</div>
|
|
|
- </div>
|
|
|
- <div v-show="list.length == 0" style="text-align:center">
|
|
|
- <img src="../../../../../image/image/nodata.png" style="margin:2rem auto;width:100%;height:100%" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab title="门店解冻">
|
|
|
+ <div class="pageView dingdangenzong">
|
|
|
+ <div class="totalCount">总共：{{ thawList.length }} 家</div>
|
|
|
+ <div class="dingdanSearch flex a-center j-center">
|
|
|
+ <div class="search_box flex a-center">
|
|
|
+ <input type="text" placeholder="请输入门店名称" v-model="agentKeyword2">
|
|
|
+ <van-icon name="search" size="0.32rem" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mendianliebiao" v-show="thawList.length > 0" id="mescroll">
|
|
|
+ <div class="item flex a-center" v-for="(item,index) in thawList"
|
|
|
+ v-on:click="lookStoreInfo2(item)">
|
|
|
+ <div class="img"><img :src="item.storeImageUrl"
|
|
|
+ onerror="javascript:this.src='../../../../../image/image/noimg.png';"></div>
|
|
|
+ <div class="infos">
|
|
|
+ <h2>{{item.storeName}}</h2>
|
|
|
+ <p><a style="font-weight: 600;">经销品牌：</a>{{item.brand}}</p>
|
|
|
+ <p><a style="font-weight: 600;">电话：</a>{{item.storePhone}}</p>
|
|
|
+ <span v-if="item.status==0">状态：待审核</span>
|
|
|
+ <span v-if="item.status==1">状态：经销商审核通过</span>
|
|
|
+ <span v-if="item.status==2">状态：经销商审核拒绝 </span>
|
|
|
+ <span v-if="item.status==3">状态：B2B审核通过</span>
|
|
|
+ <span v-if="item.status==4">状态：B2B审核拒绝</span>
|
|
|
+ </div>
|
|
|
+ <i class="iconfont icon-right"></i>
|
|
|
+ </div>
|
|
|
+ <div v-show="hasOther && thawList.length > 0"
|
|
|
+ style="width: 100%;height: 1rem;;text-align : center;margin-top : 1rem;font-size:0.3rem">
|
|
|
+ 暂无更多数据</div>
|
|
|
+ </div>
|
|
|
+ <div v-show="thawList.length == 0" style="text-align:center">
|
|
|
+ <img src="../../../../../image/image/nodata.png"
|
|
|
+ style="margin:2rem auto;width:100%;height:100%" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </van-tab>
|
|
|
+ </van-tabs>
|
|
|
+
|
|
|
</div>
|
|
|
</body>
|
|
|
|
|
|
@@ -86,71 +167,81 @@
|
|
|
<script type="text/javascript" src="../../../../../script/httpRequest.js"></script>
|
|
|
<script type="text/javascript" src="../../../../../script/vue_plugins.js"></script>
|
|
|
<script>
|
|
|
- apiready = function() {
|
|
|
+ apiready = function () {
|
|
|
new Vue({
|
|
|
el: '#app',
|
|
|
data: {
|
|
|
- list : [],
|
|
|
+ list: [],
|
|
|
// list: [{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1},{statusName : 1}],
|
|
|
kunnr: '',
|
|
|
current: 1,
|
|
|
size: 10,
|
|
|
totalPages: 1,
|
|
|
- frist : 1,
|
|
|
- statuses : [{
|
|
|
- code : '',
|
|
|
- name : '全部'
|
|
|
- },{
|
|
|
- code : '0',
|
|
|
- name : '待审核'
|
|
|
- },{
|
|
|
- code : '1',
|
|
|
- name : '审核通过'
|
|
|
+ frist: 1,
|
|
|
+ active: 0,
|
|
|
+ statuses: [{
|
|
|
+ code: '',
|
|
|
+ name: '全部'
|
|
|
+ }, {
|
|
|
+ code: '0',
|
|
|
+ name: '待审核'
|
|
|
+ }, {
|
|
|
+ code: '1',
|
|
|
+ name: '审核通过'
|
|
|
}],
|
|
|
- agentKeyword : '', // 门店名称
|
|
|
- agentStatus : {code : '',name : '全部'},
|
|
|
- UIActionSelector : '',
|
|
|
- mescroll : '',
|
|
|
- hasOther : false,
|
|
|
- totaltotals : 0,
|
|
|
+ agentKeyword: '', // 冻结
|
|
|
+ agentKeyword2: '', // 解冻
|
|
|
+ agentStatus: { code: '', name: '全部' },
|
|
|
+ UIActionSelector: '',
|
|
|
+ mescroll: '',
|
|
|
+ hasOther: false,
|
|
|
+ totaltotals: 0,
|
|
|
+ freezeList: [],
|
|
|
+ thawList: []
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ agentKeyword: function () {
|
|
|
+ this.selectFreezeStore();
|
|
|
+ },
|
|
|
+ agentKeyword2: function () {
|
|
|
+ this.agentUnfreezeProposer();
|
|
|
+ }
|
|
|
},
|
|
|
- // watch : {
|
|
|
- // agentKeyword : function(nw,ow){
|
|
|
- // this.current = 1;
|
|
|
- // this.getStoreList();
|
|
|
- // }
|
|
|
- // },
|
|
|
- mounted: function() {
|
|
|
+ mounted: function () {
|
|
|
this.init();
|
|
|
},
|
|
|
methods: {
|
|
|
- init: function() {
|
|
|
+ init: function () {
|
|
|
this.UIActionSelector = api.require("UIActionSelector");
|
|
|
this.kunnr = $api.getStorage('kunnr');
|
|
|
this.getStoreList();
|
|
|
- var _this = this;
|
|
|
- this.addEvent('refushAgentList',function(){
|
|
|
+ this.selectFreezeStore();
|
|
|
+ this.agentUnfreezeProposer();
|
|
|
+ var _this = this;
|
|
|
+ this.addEvent('refushAgentList', function () {
|
|
|
_this.current = 1;
|
|
|
_this.getStoreList();
|
|
|
+ _this.selectFreezeStore();
|
|
|
+ _this.agentUnfreezeProposer();
|
|
|
})
|
|
|
},
|
|
|
- configs : function(){
|
|
|
+ configs: function () {
|
|
|
var _this = this;
|
|
|
this.frist = 2;
|
|
|
- this.configDownAndPull("mescroll", function(mescroll) {
|
|
|
- _this.list = [];
|
|
|
+ this.configDownAndPull("mescroll", function (mescroll) {
|
|
|
+ _this.list = [];
|
|
|
_this.current = 1;
|
|
|
_this.mescroll = mescroll;
|
|
|
_this.getStoreList(mescroll);
|
|
|
- }, function(mescroll) {
|
|
|
+ }, function (mescroll) {
|
|
|
if (_this.current < _this.totalPages) {
|
|
|
_this.current = _this.current + 1;
|
|
|
_this.getStoreList(mescroll, 1);
|
|
|
} else {
|
|
|
mescroll.endSuccess(_this.size, false);
|
|
|
}
|
|
|
- },false);
|
|
|
- this.configBottomRefush(function(){
|
|
|
+ }, false);
|
|
|
+ this.configBottomRefush(function () {
|
|
|
if (_this.current < _this.totalPages) {
|
|
|
_this.current = _this.current + 1;
|
|
|
_this.getStoreList(_this.mescroll, 1);
|
|
|
@@ -160,63 +251,105 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- getStoreList: function(mescroll) {
|
|
|
+ selectFreezeStore: function () {
|
|
|
var params = {
|
|
|
- kunnr: this.kunnr,
|
|
|
- "status": this.agentStatus.code,
|
|
|
- "storeName":this.agentKeyword,
|
|
|
- "current" : this.current,
|
|
|
- "size" : this.size,
|
|
|
- url: 'json',
|
|
|
- type: 'body'
|
|
|
- },
|
|
|
+ kunnr: this.kunnr,
|
|
|
+ // kunnr: "0001001097",
|
|
|
+ vkorg: "8100",
|
|
|
+ vtweg: "10",
|
|
|
+ spart: "40",
|
|
|
+ storeName: this.agentKeyword,
|
|
|
+ url: 'json',
|
|
|
+ type: 'body'
|
|
|
+ },
|
|
|
_this = this;
|
|
|
- console.log(this.kunnr)
|
|
|
- this.$post('getRetailerUrl', params, function(ret) {
|
|
|
+ this.$post('selectFreezeStore', params, function (ret) {
|
|
|
if (ret.code == 0 || ret.code == '0') {
|
|
|
- _this.list = _this.current == 1 ? ret.list.records : _this.list.concat(ret.list.records);
|
|
|
+ _this.freezeList = ret.data
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ agentUnfreezeProposer: function () {
|
|
|
+ var params = {
|
|
|
+ kunnr: this.kunnr,
|
|
|
+ // kunnr: "0001002432",
|
|
|
+ storeName: this.agentKeyword2,
|
|
|
+ url: 'json',
|
|
|
+ type: 'body'
|
|
|
+ },
|
|
|
+ _this = this;
|
|
|
+ this.$post('agentUnfreezeProposer', params, function (ret) {
|
|
|
+ if (ret.code == 0 || ret.code == '0') {
|
|
|
+ _this.thawList = ret.data
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getStoreList: function (mescroll) {
|
|
|
+ var params = {
|
|
|
+ kunnr: this.kunnr,
|
|
|
+ "status": this.agentStatus.code,
|
|
|
+ "storeName": this.agentKeyword,
|
|
|
+ "current": this.current,
|
|
|
+ "size": this.size,
|
|
|
+ url: 'json',
|
|
|
+ type: 'body'
|
|
|
+ },
|
|
|
+ _this = this;
|
|
|
+ this.$post('getRetailerUrl', params, function (ret) {
|
|
|
+ if (ret.code == 0 || ret.code == '0') {
|
|
|
+ _this.list = _this.current == 1 ? ret.list.records : _this.list.concat(ret.list.records);
|
|
|
_this.totalPages = ret.list.pages;
|
|
|
_this.totaltotals = ret.list.total;
|
|
|
// _this.list = _this.current == 1 ? _this.demoList : _this.list.concat(_this.demoList);
|
|
|
- if(_this.frist == 1){
|
|
|
- _this.$nextTick(function(){
|
|
|
+ if (_this.frist == 1) {
|
|
|
+ _this.$nextTick(function () {
|
|
|
_this.configs();
|
|
|
})
|
|
|
}
|
|
|
- if(mescroll){
|
|
|
- mescroll.endSuccess(_this.size,true);
|
|
|
+ if (mescroll) {
|
|
|
+ mescroll.endSuccess(_this.size, true);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
// 点击查看门店详情进行审核
|
|
|
- lookStoreInfo: function(id) {
|
|
|
+ lookStoreInfo: function (id) {
|
|
|
var params = {
|
|
|
storeId: id
|
|
|
}
|
|
|
this.goWin('agentInfo', '../agentInfo/agentInfo_win.html', params);
|
|
|
},
|
|
|
+ // 点击查看门店详情进行审核
|
|
|
+ lookStoreInfo2: function (item) {
|
|
|
+ var params = {
|
|
|
+ storeData:item
|
|
|
+ }
|
|
|
+ this.goWin('agentInfo', '../agentInfo/thawInfo_win.html', params);
|
|
|
+ },
|
|
|
// 筛选状态
|
|
|
- chooseStatus : function(){
|
|
|
- var _this = this;
|
|
|
- this.chooseRegion(this.UIActionSelector,1,this.statuses,function(ret){
|
|
|
- if(ret.eventType == 'ok'){
|
|
|
- _this.agentStatus = ret.selectedInfo[0];
|
|
|
- _this.current = 1;
|
|
|
- if(_this.mescroll != ''){
|
|
|
- _this.mescroll.resetUpScroll();
|
|
|
- _this.mescroll.endSuccess(_this.size,true);
|
|
|
- }
|
|
|
- _this.getStoreList();
|
|
|
- }
|
|
|
- })
|
|
|
+ chooseStatus: function () {
|
|
|
+ var _this = this;
|
|
|
+ this.chooseRegion(this.UIActionSelector, 1, this.statuses, function (ret) {
|
|
|
+ if (ret.eventType == 'ok') {
|
|
|
+ _this.agentStatus = ret.selectedInfo[0];
|
|
|
+ _this.current = 1;
|
|
|
+ if (_this.mescroll != '') {
|
|
|
+ _this.mescroll.resetUpScroll();
|
|
|
+ _this.mescroll.endSuccess(_this.size, true);
|
|
|
+ }
|
|
|
+ _this.getStoreList();
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- inSearch:function(){
|
|
|
+ inSearch: function () {
|
|
|
this.goWin('agentSearch', '../agentSearch/agentSearch_win.html');
|
|
|
+ },
|
|
|
+ inSearch2: function () {
|
|
|
+ this.goWin('agentSearch', '../agentSearch/freezeSearch_win.html');
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-</html>
|
|
|
+</html>
|
qukaidi