| 
					
				 | 
			
			
				@@ -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" /> 
			 |