吆喝
This commit is contained in:
蔡同学
@@ -0,0 +1,139 @@
|
||||
<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>
|
||||
@@ -0,0 +1,160 @@
|
||||
<template>
|
||||
<view class="bgc-body" style="width: 750rpx;
|
||||
height: 100vh;
|
||||
background-image: url('https://wx.yaohe.hnjrdzkj.xyz/static/wechat/static/kefbgc.png');
|
||||
background-size: 750rpx 100vh;
|
||||
padding: 47rpx;">
|
||||
<view>
|
||||
<view style="width: 656rpx; display: flex;">
|
||||
<view style="display: flex;
|
||||
align-items: center;
|
||||
margin: 0 auto;">
|
||||
<image :src="touxing"
|
||||
style="width: 136rpx;height: 136rpx;border-radius: 50%;border: 3rpx solid #FFFFFF;margin-right: 24rpx;">
|
||||
</image>
|
||||
<view>
|
||||
<view style="font-size: 46rpx;color: #fff;font-weight: 600;">
|
||||
扫码添加客服微信
|
||||
</view>
|
||||
<view style="font-size: 30rpx;color: #fff;margin-top: 15rpx;">
|
||||
有问题请联系客服
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="margin-top: 40rpx;">
|
||||
<!-- <image src="https://wx.yaohe.hnjrdzkj.xyz/static/wechat/static/erweim.png" style="width: 656rpx;height: 760rpx;"></image> -->
|
||||
<view
|
||||
style="background-image: url('https://wx.yaohe.hnjrdzkj.xyz/static/wechat/static/erweim.png');background-size: 656rpx 760rpx;width: 656rpx;height: 760rpx;">
|
||||
<image :src="erweim" style="width: 372rpx;height: 372rpx;margin-left: 142rpx;margin-top: 100rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view style="position: relative;">
|
||||
<!-- <image src="https://wx.yaohe.hnjrdzkj.xyz/static/wechat/static/ann.png" style=""></image> -->
|
||||
<view style="
|
||||
background-image: url('https://wx.yaohe.hnjrdzkj.xyz/static/wechat/static/ann.png');
|
||||
background-size: 374rpx 142rpx;
|
||||
width: 374rpx;
|
||||
height: 142rpx;
|
||||
color: #fff;
|
||||
font-size: 34rpx;
|
||||
text-align: center;
|
||||
line-height: 102rpx;
|
||||
position: absolute;
|
||||
top: -170rpx;
|
||||
left: 127rpx;" @click="saveImg">保存二维码
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="color: #fff;font-size: 28rpx;padding-left: 136rpx;margin-top: 15rpx;">
|
||||
1.保存上方二维码添加客服微信
|
||||
</view>
|
||||
<view style="color: #fff;font-size: 28rpx;padding-left: 136rpx;">
|
||||
2.添加客服微信咨询问题
|
||||
</view>
|
||||
<view style="color: #fff;font-size: 28rpx;padding-left: 136rpx;">
|
||||
3.工作时间：9:00-18:00
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
touxing: '',
|
||||
erweim: ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.ermadata()
|
||||
},
|
||||
methods: {
|
||||
ermadata() {
|
||||
this.$httpRequest({
|
||||
url:'/api/user/serviceInfo',
|
||||
method:"GET",
|
||||
data: {},
|
||||
}).then(res=>{
|
||||
this.touxing = res.data.avatar
|
||||
this.erweim = res.data.qr
|
||||
})
|
||||
},
|
||||
saveImg() {
|
||||
let that = this;
|
||||
// 向用户发起授权请求
|
||||
uni.authorize({
|
||||
scope: 'scope.writePhotosAlbum',
|
||||
success: () => {
|
||||
// 已授权
|
||||
that.downLoadImg();
|
||||
},
|
||||
fail: () => {
|
||||
// 拒绝授权，获取当前设置
|
||||
uni.getSetting({
|
||||
success: (result) => {
|
||||
if (!result.authSetting['scope.writePhotosAlbum']) {
|
||||
that.isAuth()
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
downLoadImg() {
|
||||
//下载图片资源至本地，返回文件的本地临时路径
|
||||
uni.showLoading()
|
||||
uni.downloadFile({
|
||||
url: this.erweim,
|
||||
success: (res) => {
|
||||
uni.hideLoading()
|
||||
if (res.statusCode === 200) {
|
||||
//保存图片至相册
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: res.tempFilePath,
|
||||
success: function () {
|
||||
uni.showToast({
|
||||
title: "保存成功",
|
||||
icon: "none"
|
||||
});
|
||||
},
|
||||
fail: function () {
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: "保存失败，请稍后重试",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//引导用户开启权限
|
||||
isAuth() {
|
||||
uni.showModal({
|
||||
content: '由于您还没有允许保存图片到您相册里,无法进行保存,请点击确定允许授权',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
uni.openSetting({
|
||||
success: (result) => {
|
||||
console.log(result.authSetting);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
houtui() {
|
||||
uni.navigateBack({ //返回上一个页面
|
||||
delta: 1
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user