103 lines
3.2 KiB
Vue
103 lines
3.2 KiB
Vue
<template>
|
||
<view class="app_cotainer">
|
||
<view class="content">
|
||
<p>问卷题目：{{infoMation.surveyTitle}}</p>
|
||
<view style="margin-top: 20rpx;">问卷内容：</view>
|
||
<p style="margin-top: 20rpx; font-size: 32rpx;">{{infoMation.surveyContent}}</p>
|
||
</view>
|
||
<u--form labelPosition="left" :fromData="fromData" :model="fromData" :rules="rules" ref="uForm1">
|
||
<u-form-item label="" prop="replyContent" labelWidth="80" borderBottom>
|
||
<u--textarea v-model="fromData.replyContent" placeholder="回复内容"></u--textarea>
|
||
</u-form-item>
|
||
</u--form>
|
||
<view class="btn_add">
|
||
<u-button type="primary" size="large" text="提交信息" @click="submit"></u-button>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
const rules = {
|
||
'replyContent': {
|
||
type: 'string',
|
||
required: true,
|
||
message: '请填写投诉标题',
|
||
trigger: ['blur', 'change']
|
||
},
|
||
}
|
||
import {
|
||
queryByIdQuestionnaireSurveyInfo,
|
||
replyQuestionnaireSurveyInfo
|
||
} from '@/api/help.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
infoMation: {},
|
||
fromData: {},
|
||
rules: Object.assign({}, rules),
|
||
isNext: true,
|
||
}
|
||
},
|
||
onLoad({
|
||
id
|
||
}) {
|
||
this.getDetail(id)
|
||
},
|
||
created() {
|
||
|
||
},
|
||
methods: {
|
||
async submit() {
|
||
if (this.isNext) {
|
||
this.isNext = false
|
||
} else {
|
||
return
|
||
}
|
||
if (!this.fromData.replyContent) {
|
||
this.isNext = true
|
||
return this.$api.mag('请输入回复内容')
|
||
}
|
||
console.log('submit', this.fromData)
|
||
let params = {
|
||
surveyId: this.infoMation.id,
|
||
...this.fromData,
|
||
}
|
||
uni.showLoading({
|
||
title: '请求中'
|
||
})
|
||
let resData = await replyQuestionnaireSurveyInfo(params)
|
||
uni.hideLoading()
|
||
this.isNext = true
|
||
if (resData.data?.code === 200) {
|
||
uni.$u.toast(resData.data.msg)
|
||
this.$api.sleep(1000).then(() => {
|
||
uni.navigateBack(1)
|
||
})
|
||
}
|
||
},
|
||
getDetail(id) {
|
||
return new Promise(async (resolve, reject) => {
|
||
let resData = await queryByIdQuestionnaireSurveyInfo({
|
||
id
|
||
})
|
||
if (resData.data.code === 200) {
|
||
this.infoMation = resData.data.data
|
||
resolve(resData.data.data)
|
||
} else {
|
||
reject()
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.app_cotainer {
|
||
padding: 24rpx;
|
||
}
|
||
|
||
.content {
|
||
margin-bottom: 100rpx;
|
||
}
|
||
</style> |