|
|
|
|
@ -23,6 +23,8 @@
|
|
|
|
|
<div v-if="column.type=='opt'">
|
|
|
|
|
<Button ghost size="small" @click="show(scope.row)" type="primary"
|
|
|
|
|
style="margin-left: 10px;">查看</Button>
|
|
|
|
|
<Button ghost size="small" @click="replyForm(scope.row)" v-if="!scope.row.reply" type="primary"
|
|
|
|
|
style="margin-left: 10px;">回复</Button>
|
|
|
|
|
<Button ghost size="small" type="error" @click="del(scope.row)" style="margin-left: 10px;">删除</Button>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else>{{scope.row[column.field]}}</div>
|
|
|
|
|
@ -36,16 +38,24 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-dialog title="内容查看" :visible.sync="dialogFormVisible" >
|
|
|
|
|
<div class="dialogConcent" >
|
|
|
|
|
<el-dialog title="内容查看" :visible.sync="dialogFormVisible">
|
|
|
|
|
<div class="dialogConcent">
|
|
|
|
|
<el-scrollbar style="flex: 1">
|
|
|
|
|
<el-form :model="form" ref="form" label-position="right" :label-width="formLabelWidth">
|
|
|
|
|
<el-form-item label="联系电话" prop="mobile">
|
|
|
|
|
<div>{{form.mobile}} </div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="内容" prop="content">
|
|
|
|
|
<el-form-item label="反馈内容" prop="content">
|
|
|
|
|
<div style="width: 99.9%;" v-html="form.content">
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="回复时间" prop="reply_time">
|
|
|
|
|
<div v-html="form.reply_time">
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="回复内容" prop="reply">
|
|
|
|
|
<div style="width: 99.9%;" v-html="form.reply">
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
@ -54,6 +64,33 @@
|
|
|
|
|
<el-button @click="resetForm('form')">关 闭</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="内容回复" :visible.sync="dialogFormEditVisible">
|
|
|
|
|
<div class="dialogConcent">
|
|
|
|
|
<el-scrollbar style="flex: 1">
|
|
|
|
|
<el-form :model="formReply" ref="formReply" label-position="right" :label-width="formLabelWidth">
|
|
|
|
|
<el-form-item label="联系电话">
|
|
|
|
|
<div>{{form.mobile}} </div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="反馈内容">
|
|
|
|
|
<div style="width: 99.9%;" v-html="form.content">
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="回复内容">
|
|
|
|
|
<el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="formReply.reply">
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="submitForm('formReply')" type="primary">保 存</el-button>
|
|
|
|
|
<el-button @click="resetForm('formReply')">关 闭</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
@ -61,7 +98,8 @@
|
|
|
|
|
import {
|
|
|
|
|
listtip,
|
|
|
|
|
get,
|
|
|
|
|
del
|
|
|
|
|
del,
|
|
|
|
|
save
|
|
|
|
|
} from "../../../api/resource/complaint.js";
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
@ -69,6 +107,7 @@
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
dialogFormEditVisible: false,
|
|
|
|
|
dialogFormVisible: false,
|
|
|
|
|
formLabelWidth: "120px",
|
|
|
|
|
tableHeight: 0,
|
|
|
|
|
@ -77,6 +116,10 @@
|
|
|
|
|
searchFields: {
|
|
|
|
|
keyword: ""
|
|
|
|
|
},
|
|
|
|
|
formReply: {
|
|
|
|
|
id: "",
|
|
|
|
|
reply: "1"
|
|
|
|
|
},
|
|
|
|
|
paginations: {
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 15,
|
|
|
|
|
@ -128,7 +171,7 @@
|
|
|
|
|
listtip({
|
|
|
|
|
page: this.paginations.page,
|
|
|
|
|
page_size: this.paginations.page_size,
|
|
|
|
|
name: this.searchFields.name,
|
|
|
|
|
name: this.searchFields.name,
|
|
|
|
|
...this.searchFields
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.tableData = res.data;
|
|
|
|
|
@ -157,6 +200,34 @@
|
|
|
|
|
}
|
|
|
|
|
this.dialogFormVisible = true;
|
|
|
|
|
},
|
|
|
|
|
replyForm(obj) {
|
|
|
|
|
this.formReply = this.$options.data().formReply;
|
|
|
|
|
this.formReply.reply = '';
|
|
|
|
|
this.clientHeight = document.documentElement.clientHeight - 84 - 110;
|
|
|
|
|
if (obj) {
|
|
|
|
|
var that = this;
|
|
|
|
|
that.info(obj);
|
|
|
|
|
this.formReply.id = obj.id;
|
|
|
|
|
}
|
|
|
|
|
this.dialogFormEditVisible = true;
|
|
|
|
|
},
|
|
|
|
|
submitForm(formName) {
|
|
|
|
|
var that = this;
|
|
|
|
|
that.form.tag = "about";
|
|
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
save(that.formReply).then(response => {
|
|
|
|
|
this.$Message.success('操作成功');
|
|
|
|
|
that.dialogFormEditVisible = false;
|
|
|
|
|
that.load();
|
|
|
|
|
}).catch(error => {})
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
this.$Message.error('数据校验失败');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
del(obj) {
|
|
|
|
|
var that = this;
|
|
|
|
|
if (obj) {
|
|
|
|
|
|
刘翔宇-旅管家
3 years ago