139 lines
3.6 KiB
Vue
139 lines
3.6 KiB
Vue
<template>
|
|
<view class="pd16_15">
|
|
<view class="box noshadow pd16_15">
|
|
<view class="flex alcenter">
|
|
<image class="adviser-face-big" :src="serviceInfo.avatar"></image>
|
|
<view style="width: calc(100% - 160rpx);" class=" pl15">
|
|
<view class="ft16 cl-main ftw600">{{serviceInfo.service_nickname}}</view>
|
|
<view class="flex alcenter mt8">
|
|
<view class="flex alcenter cl-notice">
|
|
<text class="iconfont iconicon_weixin ft14"></text>
|
|
<text class="ft14 ml5">{{serviceInfo.service_wx}}</text>
|
|
</view>
|
|
<view @click="onddtel(weixin)" class="copy-tag ml10" >复制</view>
|
|
</view>
|
|
<view class="flex alcenter space mt8">
|
|
<view class="flex alcenter cl-notice">
|
|
<text class="iconfont iconicon_call ft14"></text>
|
|
<text class="ft14 ml5">{{serviceInfo.service_mobile}}</text>
|
|
</view>
|
|
<uni-icons @click="ontel" color="#00C657" type="phone-filled" size="20" ></uni-icons>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="mt24">
|
|
<navigator url="/pages/client/vipcard/adviserchange">
|
|
<button class="btn-mid plan" style="width: 100%;" :style="getBtnPlanStyle">
|
|
<text class="iconfont iconicon_huan mr10"></text>更换顾问
|
|
</button>
|
|
</navigator>
|
|
</view> -->
|
|
</view>
|
|
|
|
<view class="box noshadow pd16_15 mt16">
|
|
<textarea v-model="content" placeholder="我有问题要跟顾问反馈:" placeholder-class="cl-notice" class="ft14" style="height: 300rpx; width: 100%;" :maxlength="300"></textarea>
|
|
<view class="mt12 text-right ft12 cl-notice">
|
|
{{content.length}}/300
|
|
</view>
|
|
</view>
|
|
<view class="mt16">
|
|
<button @tap="btn_load" class="btn-big" >立即提交</button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default{
|
|
data(){
|
|
return {
|
|
content:'',
|
|
weixin:'',
|
|
serviceInfo:'',
|
|
image_url:''
|
|
}
|
|
},
|
|
onShow() {
|
|
this.tel= uni.getStorageSync("config").tels
|
|
this.weixin= uni.getStorageSync("config").weixin
|
|
this.get_serviceInfo()
|
|
this.image_url = this.$config.webUrl
|
|
},
|
|
methods:{
|
|
btn_load(){
|
|
let that = this;
|
|
that.$httpRequest({
|
|
url:"/api/user/userFeedback",
|
|
method:"GET",
|
|
data:{
|
|
feedback:that.content
|
|
}
|
|
}).then(res=>{
|
|
if(res.code ==1){
|
|
this.content = ''
|
|
}
|
|
uni.showToast({
|
|
title: data.data.msg,
|
|
icon: 'none'
|
|
});
|
|
})
|
|
},
|
|
get_serviceInfo(){
|
|
let that = this;
|
|
that.$httpRequest({
|
|
url:"/api/user/serviceInfo",
|
|
method:"GET"
|
|
}).then(res=>{
|
|
this.serviceInfo = res.data;
|
|
})
|
|
},
|
|
ontel(){
|
|
console.log(this.serviceInfo.service_mobile)
|
|
uni.makePhoneCall({
|
|
phoneNumber: this.serviceInfo.service_mobile, //仅为示例
|
|
fail(res) {
|
|
console.log(res)
|
|
}
|
|
});
|
|
},
|
|
onddtel(tel){
|
|
uni.setClipboardData({
|
|
data: tel,
|
|
success() {
|
|
uni.showToast({title:"复制成功"})
|
|
},
|
|
fail(res) {
|
|
console.log(res)
|
|
uni.showToast({title:"复制失败",icon:"none",duration:1500})
|
|
}
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.adviser-face-big{
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
border-radius: 80rpx;
|
|
background: #FFFFFF;
|
|
}
|
|
.copy-tag{
|
|
width: 96rpx;
|
|
height: 40rpx;
|
|
background-color: #00C657;
|
|
color:#FFFFFF;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
line-height: 40rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
.iconicon_bottom_call{
|
|
color: #00C657;
|
|
}
|
|
.btn-big{
|
|
background-color: #00C657;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
</style> |