考勤信息查询修改

src/views/mes/AttendanceRecords/index.vue

@@ -17,15 +17,30 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="上班打卡时间" prop="startTime" :label-width="'100px'">
-        <el-date-picker clearable
-          v-model="queryParams.startTime"
-          type="date"
+
+      <el-form-item label="打卡时间">
+        <el-date-picker
+          v-model="dateRange"
+          style="width: 240px"
           value-format="yyyy-MM-dd"
-          placeholder="请选择上班打卡时间">
-        </el-date-picker>
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
       </el-form-item>
 
+
+
+<!--      <el-form-item label="上班打卡时间" prop="startTime" :label-width="'100px'">-->
+<!--        <el-date-picker clearable-->
+<!--          v-model="queryParams.startTime"-->
+<!--          type="date"-->
+<!--          value-format="yyyy-MM-dd"-->
+<!--          placeholder="请选择上班打卡时间">-->
+<!--        </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>
@@ -172,6 +187,7 @@ export default {
       loading: true,
       // 选中数组
       ids: [],
+      dateRange: [],
       // 非单个禁用
       single: true,
       // 非多个禁用
@@ -211,7 +227,7 @@ export default {
     /** 查询MES打卡记录列表 */
     getList() {
       this.loading = true;
-      listAttendanceRecords(this.queryParams).then(response => {
+      listAttendanceRecords(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
         this.AttendanceRecordsList = response.rows;
         this.total = response.total;
         this.loading = false;