<template>
|
<div class="inner-bg-style userSuggestStyle">
|
<el-form class="evaluation" size="mini" ref="form" :model="form" label-width="100px" :rules="formRules">
|
<basic-info :form="form"></basic-info>
|
<el-form-item label="反馈回复：" prop="replyContent">
|
<el-input type="textarea" v-model="form.replyContent" :autosize="{minRows:4,maxRows:8}"></el-input>
|
</el-form-item>
|
</el-form>
|
<el-row class="buttonPosition">
|
<el-button type="primary" size="mini" @click="submit">保存</el-button>
|
<el-button size="mini" @click="cancel">取消</el-button>
|
</el-row>
|
</div>
|
</template>
|
<script>
|
import basicInfo from '@/views/userSuggest/components/basicInfo.vue'
|
import userSuggestApi from '@/api/userSuggest'
|
export default {
|
components: { basicInfo },
|
data () {
|
return {
|
form: {
|
replyContent: null
|
},
|
formRules: {
|
replyContent: [
|
{ required: true, message: '请输入反馈回复' },
|
{ max: 1000, message: '反馈回复最多只能输入 1000 个字' }]
|
}
|
}
|
},
|
created () {
|
this.getDetails()
|
},
|
methods: {
|
/**
|
* 查询详情
|
*/
|
getDetails () {
|
userSuggestApi.detailsInfo({ id: this.$route.query.id }).then(res => {
|
if (res.data) {
|
this.form = res.data
|
}
|
})
|
},
|
/**
|
* 保存
|
*/
|
submit () {
|
this.$refs.form.validate().then(res => {
|
const params = {
|
id: this.form.id,
|
replyContent: this.form.replyContent
|
}
|
userSuggestApi.replay(params).then(res => {
|
if (res.data) {
|
this.$message({
|
type: 'success',
|
message: '回复成功'
|
})
|
this.$router.push({ name: 'userSuggestList' })
|
}
|
})
|
}).catch(() => {})
|
},
|
/**
|
* 取消
|
*/
|
cancel () {
|
this.$router.push({ name: 'userSuggestList' })
|
}
|
}
|
}
|
</script>
|
<style lang="scss">
|
.buttonPosition{
|
text-align: center;
|
margin-top: 10px;
|
}
|
.userSuggestStyle{
|
padding:20px;
|
}
|
</style>
|
