diff --git a/src/views/query/listRecord.vue b/src/views/query/listRecord.vue
index be5ad57..e168b83 100644
--- a/src/views/query/listRecord.vue
+++ b/src/views/query/listRecord.vue
@@ -7,7 +7,7 @@
           <el-input v-model.trim="listQuery.keyword" placeholder="姓名/身份证号" class="selectForm-container-item" clearable/>
         </el-form-item>
         <el-form-item>
-          <dept-select v-model="listQuery.personDeptId" :need-top="false" class="selectForm-container-item" placeholder="单位/部门" />
+          <dept-select v-model="listQuery.personDeptId" :need-top="true" :dept-show="true" class="selectForm-container-item" placeholder="单位/部门" />
         </el-form-item>
         <!--<el-form-item class="selectForm-container-item">-->
         <!--<el-select v-model="listQuery.doorCode" placeholder="门禁" clearable value="">-->
@@ -47,19 +47,28 @@
         </el-form-item>
         <!--</el-row>-->
         <!--<el-row>-->
-        <el-form-item>
+        <!--<el-form-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.beginTime"-->
+            <!--type="datetime"-->
+            <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+            <!--placeholder="选择开始时间"/>-->
+        <!--</el-form-item>-->
+        <!--<el-form-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.endTime"-->
+            <!--type="datetime"-->
+            <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+            <!--placeholder="选择结束时间"/>-->
+        <!--</el-form-item>-->
+        <el-form-item prop="startTime">
           <el-date-picker
-            v-model="listQuery.beginTime"
-            type="datetime"
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="至"
             value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择开始时间"/>
-        </el-form-item>
-        <el-form-item>
-          <el-date-picker
-            v-model="listQuery.endTime"
-            type="datetime"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择结束时间"/>
+            start-placeholder="选择开始时间"
+            end-placeholder="选择结束时间"/>
         </el-form-item>
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
         <!--</el-row>-->
@@ -130,6 +139,7 @@
         isAbnormal: '',
         deviceType: ''
       }, // 筛选条件
+      timeRange: [],
       columns: [
         {
           text: '员工编号',
@@ -201,7 +211,19 @@
       filename: 'device_template.xlsx',
       deptShowTop: false, // 权属单位下拉是否显示顶级
       deptShow: true,
-      deviceTypeList: []
+      deviceTypeList: [],
+
+    }
+  },
+  watch: {
+    timeRange(val) {
+      if (val && val.length > 0) {
+        this.listQuery.beginTime = val[0]
+        this.listQuery.endTime = val[1]
+      } else {
+        this.listQuery.beginTime = ''
+        this.listQuery.endTime = ''
+      }
     }
   },
   mounted() {

diff --git a/src/views/query/listRecord.vue b/src/views/query/listRecord.vue
index be5ad57..e168b83 100644
--- a/src/views/query/listRecord.vue
+++ b/src/views/query/listRecord.vue
@@ -7,7 +7,7 @@
           <el-input v-model.trim="listQuery.keyword" placeholder="姓名/身份证号" class="selectForm-container-item" clearable/>
         </el-form-item>
         <el-form-item>
-          <dept-select v-model="listQuery.personDeptId" :need-top="false" class="selectForm-container-item" placeholder="单位/部门" />
+          <dept-select v-model="listQuery.personDeptId" :need-top="true" :dept-show="true" class="selectForm-container-item" placeholder="单位/部门" />
         </el-form-item>
         <!--<el-form-item class="selectForm-container-item">-->
         <!--<el-select v-model="listQuery.doorCode" placeholder="门禁" clearable value="">-->
@@ -47,19 +47,28 @@
         </el-form-item>
         <!--</el-row>-->
         <!--<el-row>-->
-        <el-form-item>
+        <!--<el-form-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.beginTime"-->
+            <!--type="datetime"-->
+            <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+            <!--placeholder="选择开始时间"/>-->
+        <!--</el-form-item>-->
+        <!--<el-form-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.endTime"-->
+            <!--type="datetime"-->
+            <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+            <!--placeholder="选择结束时间"/>-->
+        <!--</el-form-item>-->
+        <el-form-item prop="startTime">
           <el-date-picker
-            v-model="listQuery.beginTime"
-            type="datetime"
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="至"
             value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择开始时间"/>
-        </el-form-item>
-        <el-form-item>
-          <el-date-picker
-            v-model="listQuery.endTime"
-            type="datetime"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择结束时间"/>
+            start-placeholder="选择开始时间"
+            end-placeholder="选择结束时间"/>
         </el-form-item>
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
         <!--</el-row>-->
@@ -130,6 +139,7 @@
         isAbnormal: '',
         deviceType: ''
       }, // 筛选条件
+      timeRange: [],
       columns: [
         {
           text: '员工编号',
@@ -201,7 +211,19 @@
       filename: 'device_template.xlsx',
       deptShowTop: false, // 权属单位下拉是否显示顶级
       deptShow: true,
-      deviceTypeList: []
+      deviceTypeList: [],
+
+    }
+  },
+  watch: {
+    timeRange(val) {
+      if (val && val.length > 0) {
+        this.listQuery.beginTime = val[0]
+        this.listQuery.endTime = val[1]
+      } else {
+        this.listQuery.beginTime = ''
+        this.listQuery.endTime = ''
+      }
     }
   },
   mounted() {
diff --git a/src/views/query/queryStaff.vue b/src/views/query/queryStaff.vue
index 033712f..976579e 100644
--- a/src/views/query/queryStaff.vue
+++ b/src/views/query/queryStaff.vue
@@ -7,40 +7,49 @@
             <el-input v-model.trim="listQuery.keyword" placeholder="姓名/身份证号" clearable/>
           </el-form-item>
           <el-form-item class="selectForm-container-item">
-            <dept-select v-model="listQuery.personDeptId" :need-top="false" placeholder="单位/部门" />
+            <dept-select v-model="listQuery.personDeptId" :need-top="true" :dept-show="true" placeholder="单位/部门" />
           </el-form-item>
           <el-form-item class="selectForm-container-item">
             <el-select v-model="listQuery.doorCode" placeholder="门禁" clearable value="">
               <el-option
-              v-for="item in doorList"
-              :key="item.id"
-              :label="item.doorName"
-               :value="item.doorCode"/>
+                v-for="item in doorList"
+                :key="item.id"
+                :label="item.doorName"
+                :value="item.doorCode"/>
             </el-select>
           </el-form-item>
           <!--<el-form-item class="selectForm-container-item">-->
-            <!--<el-select v-model="listQuery.isAbnormal" placeholder="体温状况" clearable value="">-->
-              <!--<el-option-->
-                <!--v-for="item in temperatureState"-->
-                <!--:key="'temp_'+item.value"-->
-                <!--:label="item.name"-->
-                <!--:value="item.value"-->
-              <!--/>-->
-            <!--</el-select>-->
+          <!--<el-select v-model="listQuery.isAbnormal" placeholder="体温状况" clearable value="">-->
+          <!--<el-option-->
+          <!--v-for="item in temperatureState"-->
+          <!--:key="'temp_'+item.value"-->
+          <!--:label="item.name"-->
+          <!--:value="item.value"-->
+          <!--/>-->
+          <!--</el-select>-->
           <!--</el-form-item>-->
-          <el-form-item>
+          <!--<el-form-item>-->
+          <!--<el-date-picker-->
+          <!--v-model="listQuery.beginTime"-->
+          <!--type="datetime"-->
+          <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+          <!--placeholder="选择开始时间"/>-->
+          <!--</el-form-item>-->
+          <!--<el-form-item>-->
+          <!--<el-date-picker-->
+          <!--v-model="listQuery.endTime"-->
+          <!--type="datetime"-->
+          <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+          <!--placeholder="选择结束时间"/>-->
+          <!--</el-form-item>-->
+          <el-form-item prop="startTime">
             <el-date-picker
-              v-model="listQuery.beginTime"
-              type="datetime"
+              v-model="timeRange"
+              type="datetimerange"
+              range-separator="至"
               value-format="yyyy-MM-dd HH:mm:ss"
-              placeholder="选择开始时间"/>
-          </el-form-item>
-          <el-form-item>
-            <el-date-picker
-              v-model="listQuery.endTime"
-              type="datetime"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              placeholder="选择结束时间"/>
+              start-placeholder="选择开始时间"
+              end-placeholder="选择结束时间"/>
           </el-form-item>
           <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
         </el-row>
@@ -112,6 +121,7 @@
         personDeptId: '',
         isAbnormal: ''
       }, // 筛选条件
+      timeRange: [],
       columns: [
         {
           text: '员工编号',
@@ -185,6 +195,17 @@
       deptShow: true
     }
   },
+  watch: {
+    timeRange(val) {
+      if (val && val.length > 0) {
+        this.listQuery.beginTime = val[0]
+        this.listQuery.endTime = val[1]
+      } else {
+        this.listQuery.beginTime = ''
+        this.listQuery.endTime = ''
+      }
+    }
+  },
   mounted() {
     this.getDoorSource()
     this.getDeviceSource()

diff --git a/src/views/query/listRecord.vue b/src/views/query/listRecord.vue
index be5ad57..e168b83 100644
--- a/src/views/query/listRecord.vue
+++ b/src/views/query/listRecord.vue
@@ -7,7 +7,7 @@
           <el-input v-model.trim="listQuery.keyword" placeholder="姓名/身份证号" class="selectForm-container-item" clearable/>
         </el-form-item>
         <el-form-item>
-          <dept-select v-model="listQuery.personDeptId" :need-top="false" class="selectForm-container-item" placeholder="单位/部门" />
+          <dept-select v-model="listQuery.personDeptId" :need-top="true" :dept-show="true" class="selectForm-container-item" placeholder="单位/部门" />
         </el-form-item>
         <!--<el-form-item class="selectForm-container-item">-->
         <!--<el-select v-model="listQuery.doorCode" placeholder="门禁" clearable value="">-->
@@ -47,19 +47,28 @@
         </el-form-item>
         <!--</el-row>-->
         <!--<el-row>-->
-        <el-form-item>
+        <!--<el-form-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.beginTime"-->
+            <!--type="datetime"-->
+            <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+            <!--placeholder="选择开始时间"/>-->
+        <!--</el-form-item>-->
+        <!--<el-form-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.endTime"-->
+            <!--type="datetime"-->
+            <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+            <!--placeholder="选择结束时间"/>-->
+        <!--</el-form-item>-->
+        <el-form-item prop="startTime">
           <el-date-picker
-            v-model="listQuery.beginTime"
-            type="datetime"
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="至"
             value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择开始时间"/>
-        </el-form-item>
-        <el-form-item>
-          <el-date-picker
-            v-model="listQuery.endTime"
-            type="datetime"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择结束时间"/>
+            start-placeholder="选择开始时间"
+            end-placeholder="选择结束时间"/>
         </el-form-item>
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
         <!--</el-row>-->
@@ -130,6 +139,7 @@
         isAbnormal: '',
         deviceType: ''
       }, // 筛选条件
+      timeRange: [],
       columns: [
         {
           text: '员工编号',
@@ -201,7 +211,19 @@
       filename: 'device_template.xlsx',
       deptShowTop: false, // 权属单位下拉是否显示顶级
       deptShow: true,
-      deviceTypeList: []
+      deviceTypeList: [],
+
+    }
+  },
+  watch: {
+    timeRange(val) {
+      if (val && val.length > 0) {
+        this.listQuery.beginTime = val[0]
+        this.listQuery.endTime = val[1]
+      } else {
+        this.listQuery.beginTime = ''
+        this.listQuery.endTime = ''
+      }
     }
   },
   mounted() {
diff --git a/src/views/query/queryStaff.vue b/src/views/query/queryStaff.vue
index 033712f..976579e 100644
--- a/src/views/query/queryStaff.vue
+++ b/src/views/query/queryStaff.vue
@@ -7,40 +7,49 @@
             <el-input v-model.trim="listQuery.keyword" placeholder="姓名/身份证号" clearable/>
           </el-form-item>
           <el-form-item class="selectForm-container-item">
-            <dept-select v-model="listQuery.personDeptId" :need-top="false" placeholder="单位/部门" />
+            <dept-select v-model="listQuery.personDeptId" :need-top="true" :dept-show="true" placeholder="单位/部门" />
           </el-form-item>
           <el-form-item class="selectForm-container-item">
             <el-select v-model="listQuery.doorCode" placeholder="门禁" clearable value="">
               <el-option
-              v-for="item in doorList"
-              :key="item.id"
-              :label="item.doorName"
-               :value="item.doorCode"/>
+                v-for="item in doorList"
+                :key="item.id"
+                :label="item.doorName"
+                :value="item.doorCode"/>
             </el-select>
           </el-form-item>
           <!--<el-form-item class="selectForm-container-item">-->
-            <!--<el-select v-model="listQuery.isAbnormal" placeholder="体温状况" clearable value="">-->
-              <!--<el-option-->
-                <!--v-for="item in temperatureState"-->
-                <!--:key="'temp_'+item.value"-->
-                <!--:label="item.name"-->
-                <!--:value="item.value"-->
-              <!--/>-->
-            <!--</el-select>-->
+          <!--<el-select v-model="listQuery.isAbnormal" placeholder="体温状况" clearable value="">-->
+          <!--<el-option-->
+          <!--v-for="item in temperatureState"-->
+          <!--:key="'temp_'+item.value"-->
+          <!--:label="item.name"-->
+          <!--:value="item.value"-->
+          <!--/>-->
+          <!--</el-select>-->
           <!--</el-form-item>-->
-          <el-form-item>
+          <!--<el-form-item>-->
+          <!--<el-date-picker-->
+          <!--v-model="listQuery.beginTime"-->
+          <!--type="datetime"-->
+          <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+          <!--placeholder="选择开始时间"/>-->
+          <!--</el-form-item>-->
+          <!--<el-form-item>-->
+          <!--<el-date-picker-->
+          <!--v-model="listQuery.endTime"-->
+          <!--type="datetime"-->
+          <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+          <!--placeholder="选择结束时间"/>-->
+          <!--</el-form-item>-->
+          <el-form-item prop="startTime">
             <el-date-picker
-              v-model="listQuery.beginTime"
-              type="datetime"
+              v-model="timeRange"
+              type="datetimerange"
+              range-separator="至"
               value-format="yyyy-MM-dd HH:mm:ss"
-              placeholder="选择开始时间"/>
-          </el-form-item>
-          <el-form-item>
-            <el-date-picker
-              v-model="listQuery.endTime"
-              type="datetime"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              placeholder="选择结束时间"/>
+              start-placeholder="选择开始时间"
+              end-placeholder="选择结束时间"/>
           </el-form-item>
           <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
         </el-row>
@@ -112,6 +121,7 @@
         personDeptId: '',
         isAbnormal: ''
       }, // 筛选条件
+      timeRange: [],
       columns: [
         {
           text: '员工编号',
@@ -185,6 +195,17 @@
       deptShow: true
     }
   },
+  watch: {
+    timeRange(val) {
+      if (val && val.length > 0) {
+        this.listQuery.beginTime = val[0]
+        this.listQuery.endTime = val[1]
+      } else {
+        this.listQuery.beginTime = ''
+        this.listQuery.endTime = ''
+      }
+    }
+  },
   mounted() {
     this.getDoorSource()
     this.getDeviceSource()
diff --git a/src/views/query/queryVisitor.vue b/src/views/query/queryVisitor.vue
index d452eb0..1219602 100644
--- a/src/views/query/queryVisitor.vue
+++ b/src/views/query/queryVisitor.vue
@@ -25,19 +25,28 @@
           <!--/>-->
           <!--</el-select>-->
           <!--</el-form-item>-->
-          <el-form-item>
+          <!--<el-form-item>-->
+            <!--<el-date-picker-->
+              <!--v-model="listQuery.beginTime"-->
+              <!--type="datetime"-->
+              <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+              <!--placeholder="选择开始时间"/>-->
+          <!--</el-form-item>-->
+          <!--<el-form-item>-->
+            <!--<el-date-picker-->
+              <!--v-model="listQuery.endTime"-->
+              <!--type="datetime"-->
+              <!--value-format="yyyy-MM-dd HH:mm:ss"-->
+              <!--placeholder="选择结束时间"/>-->
+          <!--</el-form-item>-->
+          <el-form-item prop="startTime">
             <el-date-picker
-              v-model="listQuery.beginTime"
-              type="datetime"
+              v-model="timeRange"
+              type="datetimerange"
+              range-separator="至"
               value-format="yyyy-MM-dd HH:mm:ss"
-              placeholder="选择开始时间"/>
-          </el-form-item>
-          <el-form-item>
-            <el-date-picker
-              v-model="listQuery.endTime"
-              type="datetime"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              placeholder="选择结束时间"/>
+              start-placeholder="选择开始时间"
+              end-placeholder="选择结束时间"/>
           </el-form-item>
           <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
         </el-row>
@@ -103,6 +112,7 @@
         keyword: '',
         personDeptId: ''
       },
+      timeRange: [],
       devQuery: {
         devType: '1'
       },
@@ -172,6 +182,17 @@
       deptShow: true
     }
   },
+  watch: {
+    timeRange(val) {
+      if (val && val.length > 0) {
+        this.listQuery.beginTime = val[0]
+        this.listQuery.endTime = val[1]
+      } else {
+        this.listQuery.beginTime = ''
+        this.listQuery.endTime = ''
+      }
+    }
+  },
   mounted() {
     this.getDoorSource()
     this.getDeviceSource()