|
|
|
@ -1,5 +1,10 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<view class="input-box"> |
|
|
|
|
<view class="icon search"></view> |
|
|
|
|
<input placeholder="请输入商户名称" v-model="mersearchName" placeholder-style="color:#c0c0c0;" |
|
|
|
|
@input="getMerListBySalesman()" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="mart20 width100"> |
|
|
|
|
<view v-if="merchantlist == '' " class="mart60 fotct font14 fcor666"> |
|
|
|
|
<image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image> |
|
|
|
@ -48,6 +53,7 @@ |
|
|
|
|
pageNum: 1, |
|
|
|
|
pagesize: 10, |
|
|
|
|
isLoadMore: false, //是否加载中 |
|
|
|
|
mersearchName: '' //搜索商户 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
@ -65,17 +71,19 @@ |
|
|
|
|
methods: { |
|
|
|
|
//查询商户列表 |
|
|
|
|
getMerListBySalesman() { |
|
|
|
|
this.merchantlist = []; |
|
|
|
|
uni.showLoading({ |
|
|
|
|
title: '加载中' |
|
|
|
|
}) |
|
|
|
|
let datas = { |
|
|
|
|
merStatus: 1, |
|
|
|
|
merName: this.mersearchName, |
|
|
|
|
pageNum: this.pageNum, |
|
|
|
|
pageSize: this.pagesize, |
|
|
|
|
} |
|
|
|
|
getMerListBySalesman(datas).then(res => { |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
if (res.return_code == '000000' && res.return_data.list) { |
|
|
|
|
if (res.return_code == '000000' && res.return_data.list !='') { |
|
|
|
|
this.merchantlist = this.merchantlist.concat(res.return_data.list); |
|
|
|
|
if (res.return_data.pages == this.pageNum) { |
|
|
|
|
this.isLoadMore = true; |
|
|
|
@ -83,6 +91,7 @@ |
|
|
|
|
this.isLoadMore = false |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
this.merchantlist = []; |
|
|
|
|
this.isLoadMore = true |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
@ -135,6 +144,38 @@ |
|
|
|
|
background-color: #f6f6f6; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.input-box { |
|
|
|
|
width: 90%; |
|
|
|
|
margin-left: 5%; |
|
|
|
|
margin-top: 15px; |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
height: 70rpx; |
|
|
|
|
background-color: #fff; |
|
|
|
|
border-radius: 10rpx; |
|
|
|
|
position: relative; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 2px; |
|
|
|
|
left: 5px; |
|
|
|
|
width: 60upx; |
|
|
|
|
height: 60upx; |
|
|
|
|
font-size: 34upx; |
|
|
|
|
color: #c0c0c0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
input { |
|
|
|
|
padding-left: 50upx; |
|
|
|
|
height: 28upx; |
|
|
|
|
font-size: 28upx; |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.notes { |
|
|
|
|
width: calc(100% - 40upx); |
|
|
|
|
display: flex; |
|
|
|
|