88 lines
2.3 KiB
Vue
88 lines
2.3 KiB
Vue
<template>
|
||
<div class="container">
|
||
<lay-out headerColor="#3A3A3A" headerTextColor="#fff">
|
||
<div slot="content" class="content">
|
||
<div class="header_banner">
|
||
<div class="header_banner_content">
|
||
<div class="header_banner_content_title">
|
||
<span>应用反馈</span>
|
||
</div>
|
||
<div class="header_banner_content_message">
|
||
<span>亲，您有其他对应用的已意见或者您收到不良信息，都可以向时反馈，我们非常重视您给我们提出宝贵的建议，帮助我们不断完善产品，谢谢！</span>
|
||
</div>
|
||
</div>
|
||
<div class="header_banner_image">
|
||
<div class="header_banner_image_imageBox">
|
||
<image src="~static/image/feedback/bg.png" mode="widthFix"></image>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feedback">
|
||
<div class="feedback_title">
|
||
<span>我要反馈</span>
|
||
</div>
|
||
<div class="feedback_input">
|
||
<input v-model="feedBackData.rela_name" type="text" value="" placeholder="请输入您的姓名"/>
|
||
</div>
|
||
<div class="feedback_input">
|
||
<input v-model="feedBackData.phone" type="text" value="" placeholder="请输入您的联系电话" />
|
||
</div>
|
||
<div class="feedback_textarea">
|
||
<textarea v-model="feedBackData.content" value="" placeholder="请填写留言内容" />
|
||
</div>
|
||
|
||
<div class="handle_button" @click="handleSubmit">
|
||
<span>提交</span>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</lay-out>
|
||
|
||
<uni-popup ref="feedbackReslove" animation>
|
||
<submit-response @handleSubmitRes="handleSubmitRes"></submit-response>
|
||
</uni-popup>
|
||
|
||
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import {navigateBack} from 'pages/utils/uniApi.js'
|
||
import submitResponse from './component/submitResponse.vue';
|
||
import http from 'pages/api/index';
|
||
import api from 'pages/api/api.js';
|
||
export default {
|
||
components: {
|
||
submitResponse
|
||
},
|
||
data() {
|
||
return {
|
||
feedBackData: {
|
||
rela_name: '',
|
||
phone: '',
|
||
content: ''
|
||
}
|
||
}
|
||
},
|
||
onLoad() {
|
||
},
|
||
methods: {
|
||
handleSubmit() {
|
||
http(api.userFeedback, this.feedBackData).then(res => {
|
||
this.$refs.feedbackReslove.open('center');
|
||
})
|
||
},
|
||
handleSubmitRes() {
|
||
navigateBack(1);
|
||
this.$refs.feedbackReslove.close();
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
@import url('./less/feedback.less');
|
||
</style>
|