You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
180 lines
3.6 KiB
180 lines
3.6 KiB
<template>
|
|
<view class="feedback-wrapper">
|
|
<!-- #ifdef H5 -->
|
|
<view class="goPage">
|
|
<view class="iconfont icon-fanhui1 acea-row row-center-wrapper" @click="gotoPre"></view>
|
|
</view>
|
|
<!-- #endif -->
|
|
<view class="head">
|
|
<view class="left-wrapper">
|
|
<view class="title">商城客服已离线</view>
|
|
<view class="txt">{{feedback}}</view>
|
|
</view>
|
|
<view class="img-box"><image src="../static/feed-icon.png" mode=""></image></view>
|
|
</view>
|
|
<view class="main">
|
|
<view class="title">我要反馈</view>
|
|
<view class="input-box">
|
|
<input type="text" placeholder="请输入您的姓名" v-model="name">
|
|
</view>
|
|
<view class="input-box">
|
|
<input type="text" placeholder="请输入您的联系电话" v-model="phone">
|
|
</view>
|
|
<view class="input-box">
|
|
<textarea type="text" placeholder="请填写内容" v-model="con" />
|
|
</view>
|
|
<view class="sub_btn" @click="subMit">提交</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { serviceFeedBack,feedBackPost } from '@/api/kefu.js'
|
|
export default{
|
|
name:'feedback',
|
|
data(){
|
|
return {
|
|
name:'',
|
|
phone:'',
|
|
con:'',
|
|
feedback:''
|
|
}
|
|
},
|
|
onLoad(){
|
|
this.getInfo()
|
|
},
|
|
onShow(){
|
|
uni.removeStorageSync('form_type_cart');
|
|
},
|
|
methods:{
|
|
// 返回上一页
|
|
gotoPre(){
|
|
uni.navigateBack();
|
|
},
|
|
getInfo(){
|
|
serviceFeedBack().then(res=>{
|
|
this.feedback = res.data.feedback
|
|
})
|
|
},
|
|
subMit(){
|
|
if(!this.name){
|
|
return this.$util.Tips({
|
|
title:'请填写姓名'
|
|
})
|
|
}
|
|
if(!this.phone || !(/^1(3|4|5|7|8|9|6)\d{9}$/i.test(this.phone))){
|
|
return this.$util.Tips({
|
|
title:'请填写正确的手机号码'
|
|
})
|
|
}
|
|
if(!this.con){
|
|
return this.$util.Tips({
|
|
title:'请填写内容'
|
|
})
|
|
}
|
|
feedBackPost({
|
|
rela_name:this.name,
|
|
phone:this.phone,
|
|
content:this.con
|
|
}).then(res=>{
|
|
this.$util.Tips({
|
|
title:res.msg,
|
|
icon:'success'
|
|
},{
|
|
tab:3
|
|
})
|
|
}).catch(function(res) {
|
|
that.$util.Tips({ title: res });
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="stylus">
|
|
.goPage{
|
|
background-color #3A3A3A;
|
|
padding 20rpx 0 0 20rpx;
|
|
.icon-fanhui1{
|
|
background-color #fff;
|
|
color #333;
|
|
width 50rpx;
|
|
height 50rpx;
|
|
border-radius 50%;
|
|
font-size 20rpx
|
|
}
|
|
}
|
|
.feedback-wrapper
|
|
.head
|
|
display flex
|
|
align-items center
|
|
justify-content space-between
|
|
height 215rpx
|
|
padding 0rpx 30rpx
|
|
background-color #3A3A3A
|
|
.left-wrapper
|
|
width 456rpx
|
|
color #fff
|
|
font-size 24rpx
|
|
.title
|
|
margin-bottom 15rpx
|
|
font-size 32rpx
|
|
.img-box
|
|
image
|
|
width 173rpx
|
|
height 156rpx
|
|
.info
|
|
display flex
|
|
background-color #fff
|
|
.info-item
|
|
flex 1
|
|
display flex
|
|
flex-direction column
|
|
align-items center
|
|
justify-content center
|
|
height 138rpx
|
|
border-right 1px solid #F0F1F2
|
|
&:last-child
|
|
border:none
|
|
.big-txt
|
|
font-size 32rpx
|
|
font-weight bold
|
|
color #282828
|
|
.small
|
|
margin-top 10rpx
|
|
font-size 24rpx
|
|
color #9F9F9F
|
|
.main
|
|
margin-top 16rpx
|
|
padding 30rpx 30rpx 68rpx
|
|
background-color #FFF
|
|
.title
|
|
font-size 30rpx
|
|
font-weight bold
|
|
.input-box
|
|
margin-top 20rpx
|
|
input
|
|
display block
|
|
width 100%
|
|
height 78rpx
|
|
background #F5F5F5
|
|
font-size 28rpx
|
|
padding-left 20rpx
|
|
textarea
|
|
display block
|
|
width 100%
|
|
height 260rpx
|
|
padding 20rpx
|
|
background #F5F5F5
|
|
font-size 28rpx
|
|
.sub_btn
|
|
margin-top 130rpx
|
|
width 100%
|
|
height 86rpx
|
|
line-height 86rpx
|
|
font-size 30rpx
|
|
text-align center
|
|
color #fff
|
|
border-radius 43rpx
|
|
background-color #3875EA
|
|
</style>
|
|
|