数据看板

src/views/report/monthReport/index.vue

@@ -37,7 +37,7 @@
         </el-col>
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       </el-row>
-  
+
       <el-table v-loading="loading" :data="typeList">
         <!-- <el-table-column type="selection" width="55" align="center" /> -->
         <el-table-column label="序号" align="center" width="80" type="index">
@@ -118,7 +118,7 @@
           </template>
         </el-table-column>
       </el-table>
-  
+
       <pagination
         v-show="total>0"
         :total="total"
@@ -126,7 +126,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
       />
-      
+
       <!-- 相关记录 -->
       <el-dialog :title="title" :visible.sync="showRecord" width="1300px" height="1000px" append-to-body @close="cancelRecord">
         <el-form :model="queryRecord" ref="queryFormRecord" size="small" :inline="true" v-show="showSearch" label-width="110px">
@@ -161,23 +161,23 @@
             <template slot-scope="scope">
               <span>{{ formatDate(scope.row.attCurrent) }}</span>
           </template>
-          </el-table-column> 
+          </el-table-column>
           <el-table-column label="上班打卡时间" align="center" prop="goWorkTime" width="180" sortable/>
           <el-table-column label="上班状态" align="center" prop="goWorkStatus" width="100" sortable>
             <template slot-scope="scope">
                 <dict-tag :options="dict.type.att_status" :value="scope.row.goWorkStatus"/>
               </template>
-          </el-table-column> 
+          </el-table-column>
           <el-table-column label="上班打卡地址" align="center" prop="goWorkAddress" sortable width="180"/>
           <el-table-column label="下班打卡时间" align="center" prop="offWorkTime" width="180" ortable/>
           <el-table-column label="下班状态" align="center" prop="offWorkStatus" width="100" sortable>
               <template slot-scope="scope">
                 <dict-tag :options="dict.type.att_status" :value="scope.row.offWorkStatus"/>
               </template>
-          </el-table-column> 
+          </el-table-column>
           <el-table-column label="下班打卡地址" align="center" prop="offWorkAddress" width="180" sortable/>
         </el-table>
-    
+
         <pagination
           v-show="totalTwo>0"
           :total="totalTwo"
@@ -187,10 +187,10 @@
         />
 
       </el-dialog>
-    
+
     </div>
   </template>
-  
+
   <script>
   import { getDetail} from "@/api/report/monthlyError";
   import { getMonthAttReport,exportMonthReport } from "@/api/report/monthReport";
@@ -230,7 +230,7 @@
         title8: "轮休记录",
         title9: "临时外出记录",
         // 是否显示弹出层
-        open: false, 
+        open: false,
         showRecord:false,
         dateRange: [],
         attCurrentMonth:"",
@@ -242,6 +242,7 @@
           pageSize: 10,
           userId: undefined,
           attStatis: undefined,
+          attCurrentMonth:undefined
         },
         tableDataRecord: [],
         totalTwo: 0,
@@ -251,7 +252,7 @@
         },
         dialogList:[],
         dialogTotal: 0,
-       
+
         // 查询参数
         queryParams: {
           pageNum: 1,
@@ -270,7 +271,7 @@
       this.getList();
     },
     methods: {
- 
+
         formatDate(dateString){
             const date = new Date(dateString); // 创建日期对象
             const year = date.getFullYear(); // 获取年份
@@ -308,7 +309,7 @@
                 children: node.children
             };
         },
-        handleSelect(value, instanceId) { 
+        handleSelect(value, instanceId) {
             console.log('Selected:', value);
             // 在这里处理选择事件
             this.queryParams.orgName=value.orgName;
@@ -340,6 +341,7 @@
           this.id = row.id;
           this.title = titleBoss;
           this.queryRecord.userId = row.userId;
+          this.queryRecord.attCurrentMonth = row.attCurrentMonth;
           this.attCurrentMonth = row.attCurrentMonth;
           if(titleBoss=='打卡记录'){
             this.queryRecord.attStatis=1;
@@ -364,7 +366,7 @@
           this.getListRecord();
         },
         disabledDate(time) {
-          const str=this.attCurrentMonth+'-01'; 
+          const str=this.attCurrentMonth+'-01';
           // 获取当前日期
           var currentDate = new Date(str);
           // 获取当前月份的第一天
@@ -374,10 +376,10 @@
           return time < firstDayOfMonth || time > lastDayOfMonth;
         },
         /** 查询月异常详情列表 */
-        getListRecord() { 
+        getListRecord() {
           getDetail(this.addDateRange(this.queryRecord, this.dateRange)).then(response => {
             this.tableDataRecord = response.rows;
-            this.totalTwo = response.total; 
+            this.totalTwo = response.total;
           });
         },
 
@@ -403,7 +405,7 @@
               this.downloadFile({ fileName: `月报表记录_${new Date().getTime()}.xlsx`, fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
             })
         },
- 
+
     }
   };
-  </script>
+  </script>