|
@@ -2,23 +2,17 @@
|
|
|
<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="模糊条件" prop="searchValue">
|
|
|
<el-input
|
|
|
- v-model="queryParams.nickName"
|
|
|
- placeholder="请输入昵称"
|
|
|
+ v-model="queryParams.searchValue"
|
|
|
+ placeholder="请输入昵称、手机号"
|
|
|
clearable
|
|
|
size="small"
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="手机号码" prop="mobile">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.mobile"
|
|
|
- placeholder="请输入手机号码"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
+ <el-form-item label="创建时间">
|
|
|
+ <el-date-picker v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
@@ -164,17 +158,13 @@ export default {
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
+ // 日期范围
|
|
|
+ dateRange: [],
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
- templateId: null,
|
|
|
- nickName: null,
|
|
|
- avatar: null,
|
|
|
- qrcode: null,
|
|
|
- mobile: null,
|
|
|
- openid: null,
|
|
|
- verCode: null,
|
|
|
+ searchValue: null,
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
@@ -190,7 +180,7 @@ export default {
|
|
|
/** 查询会员列表 */
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
|
- listUser(this.queryParams).then(response => {
|
|
|
+ listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
|
|
|
this.userList = response.rows;
|
|
|
this.total = response.total;
|
|
|
this.loading = false;
|
|
@@ -227,6 +217,7 @@ export default {
|
|
|
},
|
|
|
/** 重置按钮操作 */
|
|
|
resetQuery() {
|
|
|
+ this.dateRange = [];
|
|
|
this.resetForm("queryForm");
|
|
|
this.handleQuery();
|
|
|
},
|