Commit dce4892b by TengFengLian

常见问题相关接口

parent c44628de
...@@ -263,7 +263,6 @@ Page({ ...@@ -263,7 +263,6 @@ Page({
wx.lin.hideToast() wx.lin.hideToast()
}, },
fail: function(err) { fail: function(err) {
wx.lin.hideToast()
wx.lin.showToast({ wx.lin.showToast({
icon: 'error', icon: 'error',
title: err.msg, title: err.msg,
......
...@@ -123,7 +123,6 @@ Page({ ...@@ -123,7 +123,6 @@ Page({
}) })
}, },
fail: function(err) { fail: function(err) {
wx.lin.hideToast()
wx.lin.showToast({ wx.lin.showToast({
icon: 'error', icon: 'error',
title: err.msg, title: err.msg,
......
...@@ -192,7 +192,6 @@ Page({ ...@@ -192,7 +192,6 @@ Page({
wx.lin.hideToast() wx.lin.hideToast()
}, },
fail: function(err) { fail: function(err) {
wx.lin.hideToast()
wx.lin.showToast({ wx.lin.showToast({
icon: 'error', icon: 'error',
title: err.msg, title: err.msg,
......
// pages/customerService/customerService.js // pages/customerService/customerService.js
const app = getApp()
Page({ Page({
/** /**
...@@ -7,6 +9,7 @@ Page({ ...@@ -7,6 +9,7 @@ Page({
data: { data: {
title:'客服中心', title:'客服中心',
inputHidden:true, inputHidden:true,
commonProblems: [],
data:[ data:[
{title:'进入碧海银虎园区需要提前预约吗?'}, {title:'进入碧海银虎园区需要提前预约吗?'},
{title:'园区餐厅有哪些?如何预订?'}, {title:'园区餐厅有哪些?如何预订?'},
...@@ -17,7 +20,8 @@ Page({ ...@@ -17,7 +20,8 @@ Page({
phone:'13685970580', phone:'13685970580',
hotline:false,//客服热线 hotline:false,//客服热线
bottom:0, bottom:0,
focus:false focus:false,
remark: '',
}, },
//获取焦点的时候 //获取焦点的时候
linfocus(e){ linfocus(e){
...@@ -31,10 +35,15 @@ Page({ ...@@ -31,10 +35,15 @@ Page({
}, },
//失去焦点 //失去焦点
inputBlur() { inputBlur(e) {
this.setData({ this.setData({
inputHidden:true, inputHidden:true,
title:'客服中心' title:'客服中心',
})
},
bindFeedbackInput: function (e) {
this.setData({
remark: e.detail.value
}) })
}, },
//填写反馈 //填写反馈
...@@ -87,7 +96,7 @@ Page({ ...@@ -87,7 +96,7 @@ Page({
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
onLoad: function (options) { onLoad: function (options) {
this.getCommonProblem()
}, },
/** /**
...@@ -137,5 +146,60 @@ Page({ ...@@ -137,5 +146,60 @@ Page({
*/ */
onShareAppMessage: function () { onShareAppMessage: function () {
},
// 提交意见反馈
feedbackSubmit() {
if (this.data.remark == '') {
return
}
let that = this
wx.lin.showToast({
icon: 'loading',
title: '提交中',
show: true,
})
app.wxRequest({
url: '/api/v1/smFeedback/doFeedBack',
data: {
content: that.data.remark
},
success: function(res) {
that.setData({
inputHidden:true,
title:'客服中心',
remark: '',
})
wx.lin.showToast({
icon: 'success',
title: '提交成功',
})
},
fail: function(err) {
wx.lin.showToast({
icon: 'error',
title: err.msg,
})
}
})
},
// 常见问题
getCommonProblem() {
let that = this
app.wxRequest({
url: '/api/v1/smCommonProblem/getList',
data: {
type: '',
top: 1,
},
success: function(res) {
that.setData({
commonProblems: res.data
})
}
})
} }
}) })
\ No newline at end of file
<!--pages/customerService/customerService.wxml--> <!--pages/customerService/customerService.wxml-->
<l-toast></l-toast>
<navigation class="navigation" titleText="{{title}}" backIcon="/image/back.png" color="#15191F"></navigation> <navigation class="navigation" titleText="{{title}}" backIcon="/image/back.png" color="#15191F"></navigation>
<view class="container"> <view class="container">
<image class="banner-img" src="http://upload.miaomiao-bao.com/70161202008161703131621.jpg"></image> <image class="banner-img" src="http://upload.miaomiao-bao.com/70161202008161703131621.jpg"></image>
...@@ -10,13 +11,32 @@ ...@@ -10,13 +11,32 @@
<l-icon name="right" color="rgb(172,172,174)" size="26"/> <l-icon name="right" color="rgb(172,172,174)" size="26"/>
</view> </view>
</view> </view>
<view> <block wx:if="{{commonProblems.length > 0}}">
<l-list wx:for="{{data}}" :key="index" is-hover="{{false}}" is-link="{{false}}"> <view class="content">
<view class="content-item" wx:for="{{commonProblems}}" wx:key="index">
<l-collapse>
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}">
<view class="item-title" slot="title">
<view class="row align-c">
<view class="circle"></view>
<view>{{item.title}}</view>
</view>
<l-icon name="right" size="28" color="#999"/>
</view>
<text class="text">{{item.content}}</text>
</l-collapse-item>
</l-collapse>
</view>
</view>
</block>
<!-- <view>
<l-list wx:for="{{data}}" wx:key="index" is-hover="{{false}}" is-link="{{false}}">
<view class="row align-c" slot="left-section"> <view class="row align-c" slot="left-section">
<view class="circle"></view><text>{{item.title}}</text> <view class="circle"></view><text>{{item.title}}</text>
</view> </view>
</l-list> </l-list>
</view> </view> -->
</view> </view>
</view> </view>
<view class="footer-nav"> <view class="footer-nav">
...@@ -65,8 +85,8 @@ ...@@ -65,8 +85,8 @@
<!-- 填写意见反馈 --> <!-- 填写意见反馈 -->
<view class="textBox" style="bottom:{{bottom}}px" hidden="{{inputHidden}}"> <view class="textBox" style="bottom:{{bottom}}px" hidden="{{inputHidden}}">
<view class="textBox-container"> <view class="textBox-container">
<l-textarea cursor-spacing='0' bind:linblur="inputBlur" focus="{{focus}}" adjust-position="{{false}}" bind:linfocus="linfocus" l-class="textArea-class" indicator="{{true}}" maxlength="200" placeholder="请留下您的宝贵意见" /> <l-textarea cursor-spacing='0' bind:linblur="inputBlur" bind:lininput="bindFeedbackInput" focus="{{focus}}" adjust-position="{{false}}" bind:linfocus="linfocus" l-class="textArea-class" indicator="{{true}}" maxlength="200" placeholder="请留下您的宝贵意见" value="{{remark}}"/>
<view class="feedbackButton">提交反馈</view> <view class="feedbackButton" bindtap="feedbackSubmit">提交反馈</view>
</view> </view>
</view> </view>
\ No newline at end of file
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
border-top: 1px solid rgb(244, 242, 244); border-top: 1px solid rgb(244, 242, 244);
background-color: white;
} }
.customer-body{ .customer-body{
padding-bottom: 120rpx; padding-bottom: 120rpx;
...@@ -24,7 +25,7 @@ ...@@ -24,7 +25,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 60rpx; margin-bottom: 10rpx;
} }
.customer-body-title{ .customer-body-title{
font-size:46rpx ; font-size:46rpx ;
...@@ -152,4 +153,35 @@ ...@@ -152,4 +153,35 @@
color: white; color: white;
background-color: rgb(132, 199, 224); background-color: rgb(132, 199, 224);
text-align: center; text-align: center;
}
.content{
padding-top: 0rpx;
padding-bottom: 60rpx;
}
.content-item{
width: 100%;
height: auto;
border-bottom: 1px solid rgb(247, 246, 247);
}
.circle{
width: 10rpx;
height: 10rpx;
border-radius: 50%;
background-color: black;
margin-right: 20rpx;
}
.item-title{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding:30rpx 0 30rpx 0;
}
.text{
width: 610rpx;
margin: auto;
line-height: 2;
font-size: 28rpx;
margin-bottom: 20rpx;
} }
\ No newline at end of file
...@@ -65,6 +65,7 @@ ...@@ -65,6 +65,7 @@
.menu { .menu {
width: 750rpx; width: 750rpx;
margin-top: 38rpx; margin-top: 38rpx;
margin-bottom: 30rpx;
padding: 0 48rpx; padding: 0 48rpx;
overflow-x: hidden; overflow-x: hidden;
} }
......
// pages/moreProblems/moreProblems.js // pages/moreProblems/moreProblems.js
const app = getApp()
Page({ Page({
/** /**
...@@ -6,6 +7,9 @@ Page({ ...@@ -6,6 +7,9 @@ Page({
*/ */
data: { data: {
isExpandContent:false, isExpandContent:false,
checkInProblems: [], // 入住问题
ticketsProblems: [], // 门票问题
serviceProblems: [], // 服务问题
}, },
linexpand(e){ linexpand(e){
...@@ -19,7 +23,9 @@ Page({ ...@@ -19,7 +23,9 @@ Page({
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
onLoad: function (options) { onLoad: function (options) {
this.getCommonProblem(1)
this.getCommonProblem(2)
this.getCommonProblem(3)
}, },
/** /**
...@@ -69,5 +75,36 @@ Page({ ...@@ -69,5 +75,36 @@ Page({
*/ */
onShareAppMessage: function () { onShareAppMessage: function () {
},
// 常见问题
getCommonProblem(type) {
let that = this
app.wxRequest({
url: '/api/v1/smCommonProblem/getList',
data: {
type: type, // 1 入住 2门票 3 服务
top: '',
},
success: function(res) {
switch (type) {
case 1:
that.setData({
checkInProblems: res.data
})
break;
case 2:
that.setData({
ticketsProblems: res.data
})
break;
case 3:
that.setData({
serviceProblems: res.data
})
break;
}
}
})
} }
}) })
\ No newline at end of file
...@@ -2,89 +2,86 @@ ...@@ -2,89 +2,86 @@
<view class="container"> <view class="container">
<view class="body"> <view class="body">
<view class="row align-c"> <block wx:if="{{checkInProblems.length > 0}}">
<view class="row align-c">
<view class="icon"> <view class="icon">
<image class="icon-img" src="./images/Icon/24pt/Service@2x.png"></image> <image class="icon-img" src="./images/Icon/24pt/Service@2x.png"></image>
</view> </view>
<view class="title">入住问题</view> <view class="title">入住问题</view>
</view> </view>
<view class="content"> <view class="content">
<view class="content-item"> <view class="content-item" wx:for="{{checkInProblems}}" wx:key="index">
<l-collapse> <l-collapse>
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}"> <l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}">
<view class="item-title" slot="title"> <view class="item-title" slot="title">
<view class="row align-c"> <view class="row align-c">
<view class="circle"></view> <view class="circle"></view>
<view>园区什么时候开放酒店预订?</view> <view>{{item.title}}</view>
</view>
<l-icon name="right" size="28" color="#999"/>
</view> </view>
<l-icon name="right" size="28" color="#999"/>
</view>
<view class="text">1、本券一次使用1张限1件商品,自领取日起有效期7天。\n2、本优惠券不与其他优惠同享</view> <text class="text">{{item.content}}</text>
</l-collapse-item> </l-collapse-item>
</l-collapse> </l-collapse>
</view>
</view> </view>
</view>
<view class="row align-c"> </block>
<view class="icon">
<image class="icon-img" src="./images/Icon/24pt/Ticket@2x.png"></image> <block wx:if="{{ticketsProblems.length > 0}}">
<view class="row align-c">
<view class="icon">
<image class="icon-img" src="./images/Icon/24pt/Ticket@2x.png"></image>
</view>
<view class="title">门票问题</view>
</view> </view>
<view class="title">门票问题</view> <view class="content">
</view> <view class="content-item" wx:for="{{ticketsProblems}}" wx:key="index">
<view class="content"> <l-collapse>
<view class="content-item"> <l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}">
<l-collapse> <view class="item-title" slot="title">
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}" linfold=""> <view class="row align-c">
<view class="item-title" slot="title"> <view class="circle"></view>
<view class="row align-c"> <view>{{item.title}}</view>
<view class="circle"></view> </view>
<view>进入碧海银湖园区需呀提前预约吗?</view> <l-icon name="right" size="28" color="#999"/>
</view> </view>
<!-- <l-icon name="right" size="28" color="#999"/> -->
<l-icon name="right" size="28" color="#999"></l-icon>
</view>
<view class="text">上八点前可以直接进入,预计晚上八点之后进入园区的需要提前在“碧海银湖·理想生活”小程序上预约,并把预约信息给园区入口管理员查看 <text class="text">{{item.content}}</text>
</view> </l-collapse-item>
</l-collapse-item> </l-collapse>
</l-collapse> </view>
</view> </view>
</block>
<view class="content-item"> <block wx:if="{{serviceProblems.length > 0}}">
<l-collapse> <view class="row align-c">
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}"> <view class="icon">
<view class="item-title" slot="title"> <image class="icon-img" src="./images/Icon/24pt/Ticket@2x.png"></image>
<view class="row align-c"> </view>
<view class="circle"></view> <view class="title">服务问题</view>
<view>如何预订海错图门票?</view>
</view>
<l-icon name="right" size="28" color="#999"/>
</view>
<view class="text">上八点前可以直接进入,预计晚上八点之后进入园区的需要提前在“碧海银湖·理想生活”小程序上预约,并把预约信息给园区入口管理员查看
</view>
</l-collapse-item>
</l-collapse>
</view> </view>
<view class="content-item"> <view class="content">
<l-collapse> <view class="content-item" wx:for="{{serviceProblems}}" wx:key="index">
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}"> <l-collapse>
<view class="item-title" slot="title"> <l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}">
<view class="row align-c"> <view class="item-title" slot="title">
<view class="circle"></view> <view class="row align-c">
<view>如何预订海错图门票?</view> <view class="circle"></view>
<view>{{item.title}}</view>
</view>
<l-icon name="right" size="28" color="#999"/>
</view> </view>
<l-icon name="right" size="28" color="#999"/>
</view>
<view class="text">上八点前可以直接进入,预计晚上八点之后进入园区的需要提前在“碧海银湖·理想生活”小程序上预约,并把预约信息给园区入口管理员查看 <text class="text">{{item.content}}</text>
</view> </l-collapse-item>
</l-collapse-item> </l-collapse>
</l-collapse> </view>
</view> </view>
</view> </block>
</view> </view>
</view> </view>
......
...@@ -219,7 +219,6 @@ Page({ ...@@ -219,7 +219,6 @@ Page({
roomNo: room, roomNo: room,
}, },
success: function(res) { success: function(res) {
wx.lin.hideToast()
wx.lin.showToast({ wx.lin.showToast({
icon: 'success', icon: 'success',
title: '提交成功', title: '提交成功',
...@@ -230,7 +229,6 @@ Page({ ...@@ -230,7 +229,6 @@ Page({
}, },
fail: function(err) { fail: function(err) {
wx.lin.hideToast()
wx.lin.showToast({ wx.lin.showToast({
icon: 'error', icon: 'error',
title: err.msg, title: err.msg,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment