租房审核添加查询条件

src/mixins/view-module.js

@@ -146,6 +146,18 @@ export default {
         ...this.dataForm
       })
       window.location.href = `${window.SITE_CONFIG['apiURL']}${this.mixinViewModuleOptions.exportURL}?${params}`
+    },
+    // 时间段控件取值变化事件-清空一个其他都清空
+    changeTime (dateValue) {
+        var startTimeIsNull = this.dataForm.startTime === '' || this.dataForm.startTime === 'null' || this.dataForm.startTime === null
+        var endTimeIsNull = this.dataForm.endTime === '' || this.dataForm.endTime === 'null' || this.dataForm.endTime === null
+        if (dateValue === null || dateValue === '' || dateValue === 'null') {
+            this.dataForm.startTime = ''
+            this.dataForm.endTime = ''
+        } else if (startTimeIsNull || endTimeIsNull) {
+            this.dataForm.startTime = dateValue
+            this.dataForm.endTime = dateValue
+        }
     }
   }
 }

src/views/modules/plugins/rent/rentcontractinfo.vue

@@ -2,14 +2,47 @@
   <el-card shadow="never" class="aui-card--fill">
     <div class="mod-rent__rentContractInfo}">
       <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        <el-form-item>
-          <el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
+        <el-form-item label="审核状态" prop="scanFlag" label-width="100px">
+          <el-select v-model="dataForm.state" placeholder="审核状态" clearable>
+            <el-option v-for="item in stateArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="承租人身份证" label-width="100px">
+          <el-input v-model="dataForm.lesseeIdCard" placeholder='承租人身份证' clearable @keyup.native="btKeyUpLesseeIdCard"></el-input>
+        </el-form-item>
+        <el-form-item label="承租人手机号" label-width="100px">
+          <el-input v-model="dataForm.lesseeMobile" placeholder='承租人手机号' clearable @keyup.native="btKeyUpLesseeMobile"></el-input>
+        </el-form-item>
+        <br/>
+        <el-form-item label="承租人" label-width="100px">
+          <el-input v-model="dataForm.lesseeName" placeholder='承租人' clearable @keyup.native="btKeyUpLesseeName"></el-input>
+        </el-form-item>
+        <el-form-item label="审核时间" prop="startTime" label-width="100px">
+          <el-date-picker v-model="dataForm.startTime"
+                          type="date"
+                          :picker-options="pickerBeginDateBefore"
+                          value-format="yyyy-MM-dd"
+                          format="yyyy-MM-dd"
+                          placeholder="选择日期时间"
+                          style="width:200px" @change="changeTime">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="至" prop="endTime">
+          <el-date-picker v-model="dataForm.endTime"
+                          type="date"
+                          :picker-options="pickerBeginDateAfter"
+                          value-format="yyyy-MM-dd"
+                          format="yyyy-MM-dd"
+                          placeholder="选择日期时间"
+                          style="width:200px" @change="changeTime">
+          </el-date-picker>
         </el-form-item>
         <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+          <el-button v-if="false" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
         </el-form-item>
       </el-form>
       <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
@@ -61,12 +94,53 @@ export default {
         deleteIsBatch: true
       },
       dataForm: {
-        id: ''
+        id: '',
+          lesseeIdCard: '',
+          state: '',
+          lesseeMobile: '',
+          lesseeName: '',
+          startTime: '',
+          endTime: ''
+      },
+        stateArr: [
+            { dictValue: '0', dictName: '未审核' },
+            { dictValue: '1', dictName: '审核通过' },
+            { dictValue: '2', dictName: '审核不通过' }
+        ],
+        pickerBeginDateBefore: {
+            disabledDate: (time) => {
+                let beginDateVal = this.dataForm.endTime
+                if (beginDateVal) {
+                    return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
+                }
+            }
+        },
+        pickerBeginDateAfter: {
+            disabledDate: (time) => {
+                let EndDateVal = this.dataForm.startTime
+                if (EndDateVal) {
+                    return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
+                }
+            }
         }
     }
   },
   components: {
     AddOrUpdate
+  },
+    methods: {
+        btKeyUpLesseeIdCard (e) {
+            e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+            this.dataForm.lesseeIdCard = e.target.value
+        },
+        btKeyUpLesseeMobile (e) {
+            e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+            this.dataForm.lesseeMobile = e.target.value
+        },
+        btKeyUpLesseeName (e) {
+            e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+            this.dataForm.lesseeName = e.target.value
+        },
     }
 }
 </script>