parent
cb1ec4fab7
commit
30e8656005
@ -0,0 +1,244 @@ |
||||
<template> |
||||
<view> |
||||
|
||||
<view class="input-box"> |
||||
<view class="icon search"></view> |
||||
<input placeholder="输入二维码序列号" v-model="scanNo" placeholder-style="color:#c0c0c0;" @input="toSearch()" /> |
||||
</view> |
||||
|
||||
<view v-if="serviceList == ''" class="mart60 fotct font14 fcor666"> |
||||
<image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image> |
||||
</view> |
||||
<view class="height110 width94 backcorfff mart20" v-for="(item,index) in serviceList" :key="index"> |
||||
<view class="font20 font306adb paddtop10 fontwig6 padleft15">{{item.serialNumber}}</view> |
||||
<view class="mart10 fcor666 padleft15 font14" v-if="typeId == 1">绑定时间: {{item.storeBindTime | timeFormat('yyyy-mm-dd')}} |
||||
{{item.storeBindTime | timeFormat('hh:mm')}} |
||||
</view> |
||||
<view class="mart10 fcor666 padleft15 font14" v-else>创建: {{item.createTime | timeFormat('yyyy-mm-dd')}} |
||||
{{item.createTime | timeFormat('hh:mm')}} |
||||
</view> |
||||
<button class="btns" @click="bindStore(item.id)" v-if="typeId == 1">绑定二维码</button> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
bindStore, |
||||
getSalesmanQrCodeList, |
||||
getStoreQrCodeList |
||||
} from '../../../Utils/Api.js'; |
||||
let app = getApp(); |
||||
export default { |
||||
data() { |
||||
return { |
||||
serviceList: [], |
||||
pageNum: 1, |
||||
pagesize: 15, |
||||
isLoadMore: false, //是否加载中 |
||||
userInfo: app.globalData.userInfo, //用户信息 |
||||
typeId: '', //类型 |
||||
storeId: '', //门店id |
||||
scanNo: '' // 二维码编号 |
||||
} |
||||
}, |
||||
onReachBottom() { //上拉触底函数 |
||||
if (!this.isLoadMore) { //此处判断，上锁，防止重复请求 |
||||
this.isLoadMore = true |
||||
this.pageNum += 1 |
||||
if (this.typeId == 2) { |
||||
this.getStoreQrCodeList(); |
||||
} else { |
||||
this.getSalesmanQrCodeList(); |
||||
} |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.typeId = options.type; |
||||
this.storeId = options.storeid; |
||||
if (options.type == 2) { |
||||
this.getStoreQrCodeList(); |
||||
} else { |
||||
this.getSalesmanQrCodeList(); |
||||
} |
||||
}, |
||||
methods: { |
||||
toSearch() { |
||||
this.pageNum = 1; |
||||
this.pageSize = 10; |
||||
this.isNoMoreData = false; |
||||
this.serviceList = []; |
||||
if (this.typeId == 2) { |
||||
this.getStoreQrCodeList(); |
||||
} else { |
||||
this.getSalesmanQrCodeList(); |
||||
} |
||||
}, |
||||
//门店查询设备列表 |
||||
getStoreQrCodeList() { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
if (this.isNoMoreData) { |
||||
uni.hideLoading() |
||||
return false; |
||||
} |
||||
let pagenum = this.pageNum; |
||||
let params = { |
||||
pageNum: pagenum, |
||||
pageSize: this.pagesize, |
||||
serialNumber: this.scanNo, |
||||
storeId: this.storeId |
||||
} |
||||
getStoreQrCodeList(params).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000' && res.return_data.list) { |
||||
this.isLoadMore = res.return_data.list.length == this.pageSize ? false : true; |
||||
this.serviceList = this.serviceList.concat(res.return_data.list); |
||||
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||
this.isLoadMore = true; |
||||
} |
||||
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||
} else { |
||||
this.serviceList = []; |
||||
this.isLoadMore = true |
||||
} |
||||
}); |
||||
}, |
||||
//业务员查询设备列表 |
||||
getSalesmanQrCodeList() { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
if (this.isNoMoreData) { |
||||
uni.hideLoading() |
||||
return false; |
||||
} |
||||
let pagenum = this.pageNum; |
||||
let datas = { |
||||
salesmanId: this.userInfo.salesman.id, |
||||
isAssignStore: false, |
||||
serialNumber: this.scanNo, |
||||
pageNum: pagenum, |
||||
pageSize: this.pagesize, |
||||
} |
||||
getSalesmanQrCodeList(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000' && res.return_data.list) { |
||||
this.isLoadMore = res.return_data.list.length == this.pageSize ? false : true; |
||||
this.serviceList = this.serviceList.concat(res.return_data.list); |
||||
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||
this.isLoadMore = true; |
||||
} |
||||
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||
} else { |
||||
this.serviceList = []; |
||||
this.isLoadMore = true |
||||
} |
||||
}); |
||||
}, |
||||
//绑定设备 |
||||
bindStore(item) { |
||||
let that = this; |
||||
uni.showModal({ |
||||
title: '绑定二维码', |
||||
content: '是否绑定当前二维码。', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '提交中...' |
||||
}) |
||||
let params = { |
||||
"qrCodeId": item, |
||||
"storeId": that.storeId |
||||
} |
||||
bindStore(params).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '提交成功', |
||||
icon: 'none', |
||||
duration: 2000, |
||||
success() { |
||||
setTimeout(() => { |
||||
uni.navigateBack({}) |
||||
}, 1000); |
||||
} |
||||
}) |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}) |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
page { |
||||
background-color: #f8f9f9; |
||||
} |
||||
|
||||
.input-box { |
||||
width: 90%; |
||||
margin-left: 5%; |
||||
margin-top: 15px; |
||||
height: 70rpx; |
||||
background-color: #f5f5f5; |
||||
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%; |
||||
} |
||||
} |
||||
|
||||
.font306adb { |
||||
color: #306adb; |
||||
} |
||||
|
||||
.xfimg { |
||||
width: 100rpx; |
||||
bottom: 60rpx; |
||||
position: fixed; |
||||
right: 40rpx; |
||||
} |
||||
|
||||
.btns { |
||||
width: 25%; |
||||
margin-left: 68%; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
background-color: #0083f5; |
||||
color: #FFFFFF; |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
padding: 0px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,165 @@ |
||||
<template> |
||||
<view> |
||||
<view class="input-box"> |
||||
<view class="icon search"></view> |
||||
<input placeholder="输入二维码序列号" v-model="scanNo" placeholder-style="color:#c0c0c0;" @input="toSearch()" /> |
||||
</view> |
||||
|
||||
<view v-if="serviceList == ''" class="mart60 fotct font14 fcor666"> |
||||
<image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image> |
||||
</view> |
||||
<view class="width94 backcorfff mart20" v-for="(item,index) in serviceList" :key="index" @click="lookimgage(item.qrCodeUrl)"> |
||||
<view class="font20 font306adb paddtop10 fontwig6 padleft15">{{item.serialNumber}}</view> |
||||
<view class="mart10 fcor666 padleft15 font14 paddbotm10">绑定时间: |
||||
{{item.storeBindTime | timeFormat('yyyy-mm-dd')}} |
||||
{{item.storeBindTime | timeFormat('hh:mm')}} |
||||
</view> |
||||
</view> |
||||
|
||||
<wybPopup ref="popup" type="center" height="650" width="600" bgColor="" radius="6" :showCloseIcon="false"> |
||||
<image class="popImg" :src="images"></image> |
||||
</wybPopup> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
getStoreQrCodeList |
||||
} from '../../../Utils/Api.js'; |
||||
import wybPopup from '../../../components/wyb-popup/wyb-popup.vue' |
||||
let app = getApp(); |
||||
export default { |
||||
components: { |
||||
wybPopup |
||||
}, |
||||
data() { |
||||
return { |
||||
serviceList: [], |
||||
pageNum: 1, |
||||
pagesize: 15, |
||||
isLoadMore: false, //是否加载中 |
||||
userInfo: app.globalData.userInfo, //用户信息 |
||||
scanNo: '' ,// 二维码编号 |
||||
images:'' //二维码图片 |
||||
} |
||||
}, |
||||
onReachBottom() { //上拉触底函数 |
||||
if (!this.isLoadMore) { //此处判断，上锁，防止重复请求 |
||||
this.isLoadMore = true |
||||
this.pageNum += 1 |
||||
this.getStoreQrCodeList(); |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.getStoreQrCodeList(); |
||||
}, |
||||
methods: { |
||||
toSearch() { |
||||
this.pageNum = 1; |
||||
this.pageSize = 10; |
||||
this.isNoMoreData = false; |
||||
this.serviceList = []; |
||||
this.getStoreQrCodeList(); |
||||
}, |
||||
//门店查询设备列表 |
||||
getStoreQrCodeList() { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
if (this.isNoMoreData) { |
||||
uni.hideLoading() |
||||
return false; |
||||
} |
||||
let pagenum = this.pageNum; |
||||
let params = { |
||||
pageNum: pagenum, |
||||
pageSize: this.pagesize, |
||||
serialNumber: this.scanNo, |
||||
storeId: this.userInfo.store.id |
||||
} |
||||
getStoreQrCodeList(params).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000' && res.return_data.list) { |
||||
this.isLoadMore = res.return_data.list.length == this.pageSize ? false : true; |
||||
this.serviceList = this.serviceList.concat(res.return_data.list); |
||||
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||
this.isLoadMore = true; |
||||
} |
||||
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||
} else { |
||||
this.serviceList = []; |
||||
this.isLoadMore = true |
||||
} |
||||
}); |
||||
}, |
||||
lookimgage(item){ |
||||
this.images = item; |
||||
this.$refs.popup.show(); |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
page { |
||||
background-color: #f8f9f9; |
||||
} |
||||
|
||||
.input-box { |
||||
width: 90%; |
||||
margin-left: 5%; |
||||
margin-top: 15px; |
||||
height: 70rpx; |
||||
background-color: #f5f5f5; |
||||
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%; |
||||
} |
||||
} |
||||
|
||||
.font306adb { |
||||
color: #306adb; |
||||
} |
||||
|
||||
.xfimg { |
||||
width: 100rpx; |
||||
bottom: 60rpx; |
||||
position: fixed; |
||||
right: 40rpx; |
||||
} |
||||
|
||||
.btns { |
||||
width: 25%; |
||||
margin-left: 68%; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
background-color: #0083f5; |
||||
color: #FFFFFF; |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
padding: 0px; |
||||
} |
||||
.popImg { |
||||
width: 300px; |
||||
height: 300px; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue