用户列表添加创建时间列表和创建时间查询

src/views/hlguser/HlgUserList.vue

@@ -41,6 +41,21 @@
                 <a-input placeholder="请输入最后付款企业" v-model="queryParam.lastPaymentCompany"></a-input>
               </a-form-item>
             </a-col>
+
+
+            <a-col :md="6" :sm="8">
+              <a-form-item label="创建时间">
+                <a-range-picker
+                  style="width: 100%"
+                  v-model="queryParam.createTimeRange"
+                  format="YYYY-MM-DD"
+                  :placeholder="['开始时间', '结束时间']"
+                  @change="onDateChange"
+                  @ok="onDateOk"
+                  :allowClear="allowClear"
+                />
+              </a-form-item>
+            </a-col>
             <!--<a-col :md="6" :sm="8">-->
             <!--<a-spin :spinning="confirmLoading">-->
               <!--<a-form :form="form">-->
@@ -175,6 +190,7 @@
   import UserSubcontractorWindow from './modules/UserSubcontractorWindow'
   import HlgUploadPhotoModal from './modules/HlgUploadPhotoModal'
   import PageLayout from '@/components/page/PageLayout'
+  import { filterObj } from '@/utils/util';
   import { getAction, deleteAction, putAction, postAction } from '@/api/manage'
   const deleteMany = (params) => deleteAction('/hlguser/hlgUser/deleteBatch', params)
   export default {
@@ -190,6 +206,7 @@
     },
     data () {
       return {
+        allowClear:false,
         model: {},
         form: this.$form.createForm(this),
         labelCol: {
@@ -200,7 +217,9 @@
           xs: { span: 24 },
           sm: { span: 16 },
         },
-        queryParam:{},
+        queryParam:{
+          createTimeRange:[]
+        },
         selectedDepartKeys:[], //保存用户选择服务商id
         checkedDepartKeys:[],
         confirmLoading: false,
@@ -227,6 +246,14 @@
             scopedSlots: { customRender: 'action1' }
           },
           {
+            title:'创建时间',
+            align:"left",
+            dataIndex: 'createTime',
+            customRender:function (text) {
+              return !text?"--":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
             title:'最后付款企业',
             align:"left",
             dataIndex: 'lastPaymentCompany'
@@ -270,6 +297,14 @@
       }
     },
     methods: {
+      getQueryParams(){
+        var param = Object.assign({}, this.queryParam,this.isorter);
+        param.field = this.getQueryField();
+        param.pageNo = this.ipagination.current;
+        param.pageSize = this.ipagination.pageSize;
+        delete param.createTimeRange; // 时间参数不传递后台
+        return filterObj(param);
+      },
       initDictConfig(){
       },
       handleUserSubcontractor(record){
@@ -368,8 +403,14 @@
         that.loadData(this.ipagination.current);
       },
 
-
-
+      onDateChange: function (value, dateString) {
+        console.log(dateString[0],dateString[1]);
+        this.queryParam.createTime_begin=dateString[0]+" 00:00:00";
+        this.queryParam.createTime_end=dateString[1] +" 23:59:59";
+      },
+      onDateOk(value) {
+        console.log(value);
+      },
 
     }
   }