|
@@ -1,15 +1,36 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
- <el-form-item label="用户昵称" prop="nickName">
|
|
|
+ <el-form-item label="用户ID" prop="userId">
|
|
|
<el-input
|
|
|
- v-model="queryParams.nickName"
|
|
|
- placeholder="请输入用户昵称"
|
|
|
+ v-model="queryParams.userId"
|
|
|
+ placeholder="请输入用户ID"
|
|
|
clearable
|
|
|
size="small"
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="投诉类型" prop="complaintTypeName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.complaintTypeName"
|
|
|
+ placeholder="请输入投诉类型"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="创建时间" prop="dateRange">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="dateRange"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ style="width: 260px"
|
|
|
+ @change="handleDateRangeChange"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
@@ -65,6 +86,7 @@
|
|
|
|
|
|
<el-table border v-loading="loading" :data="userCourseComplaintRecordList" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
+ <el-table-column label="用户ID" align="center" prop="userId" />
|
|
|
<el-table-column label="用户昵称" align="center" prop="nickName" />
|
|
|
<el-table-column label="投诉类型" align="center" prop="complaintTypeName" />
|
|
|
<el-table-column label="所属课程" align="center" prop="courseName" />
|
|
@@ -189,12 +211,17 @@ export default {
|
|
|
open: false,
|
|
|
// 图片列表
|
|
|
imageList: [],
|
|
|
+ // 日期范围
|
|
|
+ dateRange: [],
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
- nickName: null,
|
|
|
- // userId: null,
|
|
|
+ // nickName: null,
|
|
|
+ userId: null,
|
|
|
+ complaintTypeName: null,
|
|
|
+ startCreateTime: null,
|
|
|
+ endCreateTime: null,
|
|
|
// complaintTypeId: null,
|
|
|
// complaintContent: null,
|
|
|
// courseId: null,
|
|
@@ -244,6 +271,15 @@ export default {
|
|
|
this.imageList = [];
|
|
|
this.resetForm("form");
|
|
|
},
|
|
|
+ handleDateRangeChange(dates) {
|
|
|
+ if (dates) {
|
|
|
+ this.queryParams.startCreateTime = dates[0];
|
|
|
+ this.queryParams.endCreateTime = dates[1];
|
|
|
+ } else {
|
|
|
+ this.queryParams.startCreateTime = null;
|
|
|
+ this.queryParams.endCreateTime = null;
|
|
|
+ }
|
|
|
+ },
|
|
|
/** 搜索按钮操作 */
|
|
|
handleQuery() {
|
|
|
this.queryParams.pageNum = 1;
|