123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180 |
- <template>
- <view class="feedback-wrapper">
-
- <view class="goPage">
- <view class="iconfont icon-fanhui1 acea-row row-center-wrapper" @click="gotoPre"></view>
- </view>
-
- <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>
|