<template>
|
|
<!-- 技工问题 -->
|
|
<view class="page">
|
|
<navbar title="意见反馈" leftClick @leftClick="$utils.navigateBack" />
|
|
<view class="page-two">
|
|
<view class="headline">反馈内容</view>
|
|
<view class="text-field">
|
|
<uv-textarea v-model="form.question" placeholder="请简要描述您的问题和意见,以使我们提供更好的帮助" height="400rpx" maxlength="600"
|
|
count="true" />
|
|
</view>
|
|
|
|
<view class="relation">
|
|
<view>如有疑问请联系客服:</view>
|
|
<view style="color: #4280FD;"
|
|
@click="$refs.customerServicePopup.open()">{{ configList.config_service_phone }}</view>
|
|
</view>
|
|
|
|
<view class="bottom">
|
|
<view class="submit" @click="submit">
|
|
提交
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<customerServicePopup ref="customerServicePopup"/>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
form:{
|
|
question: "",
|
|
}
|
|
}
|
|
},
|
|
onShow() {},
|
|
methods: {
|
|
submit(){
|
|
let data = JSON.parse(JSON.stringify(this.form))
|
|
|
|
if(this.$utils.verificationAll(this.form, {
|
|
question : '请输入你的问题和意见',//问题和意见
|
|
})){
|
|
return
|
|
}
|
|
|
|
|
|
|
|
this.$api('addQuestion', data, res => {
|
|
if(res.code == 200){
|
|
uni.showToast({
|
|
title: "反馈成功",
|
|
icon:'none'
|
|
})
|
|
|
|
setTimeout(uni.navigateBack, 800, -1)
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
.page {
|
|
background-color: #fff;
|
|
height: 100vh;
|
|
|
|
.page-two {
|
|
width: 90%;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.headline {
|
|
padding: 40rpx 0;
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
color: #333;
|
|
}
|
|
|
|
.text-field {
|
|
/deep/ .uv-textarea {
|
|
background-color: #F6F6F6;
|
|
}
|
|
}
|
|
|
|
.relation {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 40rpx;
|
|
padding: 30rpx 0;
|
|
font-size: 24rpx;
|
|
background-color: #F6F6F6;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.bottom {
|
|
position: fixed;
|
|
width: 90%;
|
|
bottom: 40rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
.submit {
|
|
width: 90%;
|
|
color: #fff;
|
|
border-radius: 45rpx;
|
|
font-size: 28rpx;
|
|
background-color: #3796F8;
|
|
padding: 25rpx 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
</style>
|