123

src/views/cai/user/index.vue

@@ -63,6 +63,19 @@
           />
         </el-select>
       </el-form-item>
+      <el-form-item label="注册时间" prop="regTimeQuery">
+        <el-date-picker
+            v-model="queryParams.regTimeQuery"
+            type="daterange"
+            align="right"
+            unlink-panels
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="yyyy-MM-dd"
+            :picker-options="pickerOptions">
+        </el-date-picker>
+      </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>
@@ -254,10 +267,38 @@ export default {
         gender: undefined,
         city: undefined,
         lastLoginIp: undefined,
-        onlineStatus: undefined
+        onlineStatus: undefined,
+        regTimeQuery: undefined
       },
       userAddUpdateDialogVisible: false,
-      userInfoDialogVisible: false
+      userInfoDialogVisible: false,
+      pickerOptions: {
+        shortcuts: [{
+          text: '最近一天',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近一周',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近一个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+            picker.$emit('pick', [start, end]);
+          }
+        }]
+      },
     };
   },
   created() {
@@ -267,7 +308,12 @@ export default {
     /** 查询用户列表 */
     getList() {
       this.loading = true;
-      listUser(this.queryParams).then(response => {
+      let query = {
+        ...this.queryParams,
+        regBeginDateStr: this.queryParams.regTimeQuery?this.queryParams.regTimeQuery[0]:undefined,
+        regEndDateStr: this.queryParams.regTimeQuery?this.queryParams.regTimeQuery[1]:undefined,
+      }
+      listUser(query).then(response => {
         this.userList = response.rows;
         this.total = response.total;
         this.loading = false;