flat: 咨询信箱、等70%
This commit is contained in:
Apcallover
@@ -13,90 +13,107 @@
|
||||
@search-reset="searchReset"
|
||||
@on-load="onLoad"
|
||||
>
|
||||
<template slot="menu" slot-scope="{row}">
|
||||
<el-button size="small" type="text" @click="look(row)">查看</el-button>
|
||||
</template>
|
||||
</avue-crud>
|
||||
<!-- 新增、编辑 -->
|
||||
<el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%">
|
||||
<div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12"><span>投诉标题：</span>{{ lookData.complaintTitle }}</el-col>
|
||||
<el-col :span="12"><span>投诉对象：</span>{{ lookData.complaintObject }}</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12"><span>投诉类型：</span>{{ classEnum[lookData.complaintType] }}</el-col>
|
||||
<el-col :span="12"><span>联系方式：</span>{{ lookData.complaintPhone }}</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12"><span>创建时间：</span>{{ lookData.complaintTime }}</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</basic-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {dateFormat} from '@/util/date'
|
||||
import Tinymce from "@/components/Tinymce";
|
||||
import {getList} from '@/api/manage/superviseComplaintInfo'
|
||||
import {getList, getInfo} from '@/api/manage/superviseComplaintInfo'
|
||||
|
||||
const initPages = {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 100,
|
||||
}
|
||||
const classEnum = {
|
||||
1: '分类1',
|
||||
2: '分类2',
|
||||
3: '分类3',
|
||||
4: '分类4',
|
||||
"1": '一般投诉',
|
||||
"2": '较难投诉',
|
||||
"3": '困难投诉',
|
||||
"4": '特殊投诉',
|
||||
}
|
||||
const classIsDeleted = {
|
||||
0: '否',
|
||||
1: '是',
|
||||
}
|
||||
const classStatus = {
|
||||
0: '未发布',
|
||||
1: '发布',
|
||||
2: '关闭'
|
||||
}
|
||||
const classEnumList = Object.keys(classEnum).map((item) => ({
|
||||
name: classEnum[item], type: Number(item)
|
||||
label: classEnum[item], value: item
|
||||
}))
|
||||
const classEnumDeleted = Object.keys(classIsDeleted).map((item) => ({
|
||||
label: classIsDeleted[item], value: Number(item)
|
||||
}))
|
||||
const classEnumStatus = Object.keys(classStatus).map((item) => ({
|
||||
label: classStatus[item], value: Number(item)
|
||||
}))
|
||||
const columnList = [
|
||||
{
|
||||
label: "投诉标题",
|
||||
prop: "complaintTitle",
|
||||
search: false
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: "投诉对象",
|
||||
prop: "complaintObject",
|
||||
search: false
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: "投诉名称",
|
||||
prop: "complaintName",
|
||||
search: false
|
||||
}, {
|
||||
label: "联系方式",
|
||||
prop: "complaintPhone",
|
||||
search: false
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: "投诉类型",
|
||||
prop: "complaintType",
|
||||
search: false,
|
||||
type: "tree",
|
||||
type: "select",
|
||||
dataType: "number",
|
||||
dicData: classEnumList,
|
||||
props: {
|
||||
label: "name",
|
||||
value: "type",
|
||||
},
|
||||
display: false,
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: "是否处理",
|
||||
prop: "status",
|
||||
type: "select",
|
||||
dicData: classEnumStatus,
|
||||
search: true,
|
||||
},
|
||||
{
|
||||
label: "是否删除",
|
||||
prop: "isDeleted",
|
||||
type: "select",
|
||||
dicData: classEnumDeleted,
|
||||
search: false,
|
||||
},
|
||||
{
|
||||
label: "是否已读",
|
||||
prop: "isRead",
|
||||
type: "select",
|
||||
dicData: classEnumDeleted,
|
||||
search: true,
|
||||
},
|
||||
{
|
||||
label: "创建时间",
|
||||
prop: "complaintTime",
|
||||
type:'datetime',
|
||||
searchSpan:8,
|
||||
searchRange:true,
|
||||
type: 'datetime',
|
||||
searchSpan: 8,
|
||||
searchRange: true,
|
||||
}
|
||||
]
|
||||
const rules = {
|
||||
name: [
|
||||
{ required: true, message: '请输入内容标题', trigger: 'blur' }
|
||||
{required: true, message: '请输入内容标题', trigger: 'blur'}
|
||||
],
|
||||
type: [
|
||||
{ required: true, message: '请选择分类', trigger: 'blur' }
|
||||
{required: true, message: '请选择分类', trigger: 'blur'}
|
||||
],
|
||||
content: [
|
||||
{ required: true, message: '请输入内容', trigger: 'blur' }
|
||||
{required: true, message: '请输入内容', trigger: 'blur'}
|
||||
],
|
||||
}
|
||||
export default {
|
||||
@@ -104,18 +121,27 @@ export default {
|
||||
components: {
|
||||
Tinymce
|
||||
},
|
||||
mounted() {
|
||||
created() {
|
||||
// this.seeDetail({id: '1783485236359442433'})
|
||||
},
|
||||
data () {
|
||||
data() {
|
||||
return {
|
||||
applTime: '',
|
||||
loading:false,
|
||||
viewDrawer:false,
|
||||
loading: false,
|
||||
viewDrawer: false,
|
||||
drawerTitle: '新增内容',
|
||||
formOption: {},
|
||||
query: {},
|
||||
rules: Object.assign({}, rules),
|
||||
option: {
|
||||
data: [],
|
||||
lookData: {},
|
||||
classEnum,
|
||||
page: Object.assign({}, initPages),
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
option() {
|
||||
return {
|
||||
height: "auto",
|
||||
tip: false,
|
||||
searchShow: true,
|
||||
@@ -124,58 +150,31 @@ export default {
|
||||
index: true,
|
||||
indexLabel: "序号",
|
||||
selection: false,
|
||||
viewBtn: false,
|
||||
viewBtn: true,
|
||||
addBtn: false,
|
||||
editBtn:false,
|
||||
editBtn: false,
|
||||
delBtn: false,
|
||||
columnBtn: false,
|
||||
menuWidth: 300,
|
||||
menuWidth: 140,
|
||||
labelWidth: 151,
|
||||
dialogClickModal: false,
|
||||
dialogType: "drawer",
|
||||
dialogFullscreen: true,
|
||||
column: columnList,
|
||||
},
|
||||
data: [],
|
||||
lookData: {},
|
||||
classEnum,
|
||||
page: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 100,
|
||||
},
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dateFormat,
|
||||
look(row) {
|
||||
this.drawerTitle = '查看'
|
||||
this.lookData = JSON.parse(JSON.stringify(row))
|
||||
this.formOption = JSON.parse(JSON.stringify(row))
|
||||
this.viewDrawer = true
|
||||
},
|
||||
resetForm(formName) {
|
||||
this.$refs[formName].resetFields();
|
||||
this.viewDrawer = false
|
||||
},
|
||||
/* 表格方法 */
|
||||
onLoad(page, params = {}) {
|
||||
this.loading = true;
|
||||
getList(
|
||||
page.currentPage,
|
||||
page.pageSize,
|
||||
Object.assign(this.query, params)
|
||||
).then((res) => {
|
||||
this.data = res.data.data.records;
|
||||
this.page.total = res.data.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
searchReset() {
|
||||
this.query = {};
|
||||
this.onLoad(this.page);
|
||||
this.onLoad();
|
||||
},
|
||||
searchChange(params,done) {
|
||||
searchChange(params, done) {
|
||||
console.log(params);
|
||||
if (params.applTime) {
|
||||
var val = JSON.parse(JSON.stringify(params.applTime))
|
||||
@@ -186,7 +185,7 @@ export default {
|
||||
this.query = params;
|
||||
console.log(this.query);
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad(this.page, params);
|
||||
this.onLoad();
|
||||
done();
|
||||
},
|
||||
currentChange(val) {
|
||||
@@ -196,9 +195,42 @@ export default {
|
||||
this.page.currentPage = 1
|
||||
this.page.pageSize = val
|
||||
},
|
||||
refreshChange () {
|
||||
refreshChange() {
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad(this.page)
|
||||
this.onLoad()
|
||||
},
|
||||
/* 表格方法 */
|
||||
onLoad() {
|
||||
return new Promise(async (resolve, reject) => {
|
||||
this.loading = true;
|
||||
let params = {
|
||||
current: this.page.currentPage,
|
||||
size: this.page.pageSize,
|
||||
...this.query,
|
||||
}
|
||||
let resData = await getList(params)
|
||||
if (resData.data.code === 200) {
|
||||
const {current, records, total, size} = resData.data.data
|
||||
this.data = records;
|
||||
this.page.total = total;
|
||||
this.loading = false;
|
||||
}
|
||||
resolve()
|
||||
})
|
||||
},
|
||||
seeDetail(row) {
|
||||
return new Promise(async (resolve, reject) => {
|
||||
let params = {
|
||||
id: row.id
|
||||
}
|
||||
let resData = await getInfo(params)
|
||||
if (resData.data.code === 200) {
|
||||
this.drawerTitle = '查看'
|
||||
this.lookData = JSON.parse(JSON.stringify(resData.data.data))
|
||||
this.formOption = JSON.parse(JSON.stringify(resData.data.data))
|
||||
this.viewDrawer = true
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user