14 changed files with 306 additions and 103 deletions
@ -0,0 +1,129 @@ |
|||
<template> |
|||
<view> |
|||
<view class="nav_area"></view> |
|||
<view v-for="(item,index) in serviceList" :key="index" class="record-item"> |
|||
<view class="line1"> |
|||
<image src="../../static/user/icon_manager2.png" mode=""></image> |
|||
<view class="">客服名：<text style="color:#101010;">{{item.name}}</text></view> |
|||
</view> |
|||
<view class="line2">微信号码：<text style="color:#101010;">{{item.wx}}</text></view> |
|||
<view class="btn" @click="copyNum(item.wx)">复制联系方式</view> |
|||
</view> |
|||
<view class="" v-if="serviceList.length===0" style="color: #999;text-align: center;padding: 40rpx;"> |
|||
- 暂无记录 - |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import API from '@/common/js/api.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
serviceList:[ |
|||
{ |
|||
name: '100.00', |
|||
wx: '17177771111', |
|||
}, |
|||
{ |
|||
name: '100.00', |
|||
wx: '1000.00', |
|||
}, |
|||
], |
|||
page: 1, |
|||
noMore: true, |
|||
} |
|||
}, |
|||
onLoad(e) { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
copyNum(num){ |
|||
uni.setClipboardData({ |
|||
data: num, |
|||
success() { |
|||
uni.showToast({ |
|||
title: '复制成功' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
getList(){ |
|||
API.request('/user/getCustomerServiceList', {}, res=>{ |
|||
let list = res.data.list; |
|||
if(this.page===1){ |
|||
list.length>0 ? this.noMore=false : false; |
|||
this.serviceList = list; |
|||
}else{ |
|||
if(res.data.list.length==0){ |
|||
uni.showToast({ |
|||
title: '没有更多了', |
|||
icon: 'none' |
|||
}) |
|||
this.noMore = true; |
|||
} |
|||
this.serviceList = this.serviceList.concat(list) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
}, |
|||
onReachBottom() { |
|||
if(this.noMore) return; |
|||
this.page++; |
|||
this.getList(); |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.nav_area { |
|||
position: fixed; |
|||
top: 0px; |
|||
left: 0px; |
|||
z-index: 99; |
|||
background-color: #fff; |
|||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); |
|||
width: 700rpx; |
|||
height: 88rpx; |
|||
padding: 0px 25rpx; |
|||
padding-top: var(--status-bar-height); |
|||
box-sizing: content-box; |
|||
color: #b0b0b0; |
|||
font-size: 14px; |
|||
|
|||
} |
|||
.record-item{ |
|||
padding: 80rpx 88rpx 0px; |
|||
|
|||
.line1{ |
|||
width: 100%; |
|||
display: flex; |
|||
color: #999; |
|||
|
|||
image{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
margin-right: 20rpx; |
|||
} |
|||
} |
|||
.line2{ |
|||
width: 100%; |
|||
padding-left: 60rpx; |
|||
color: #999; |
|||
margin-top: 10px; |
|||
} |
|||
.btn{ |
|||
width: 226rpx; |
|||
height: 68rpx; |
|||
line-height: 68rpx; |
|||
border: 1px solid #d6e6ff; |
|||
border-radius: 10px; |
|||
font-size: 12px; |
|||
text-align: center; |
|||
color: #6DA6FF; |
|||
margin: 40rpx auto 0px; |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
|
After Width: | Height: | Size: 658 B |
Loading…
Reference in new issue