0109出勤导出

.env.development

@@ -7,9 +7,9 @@ VUE_APP_TITLE = '曲阳金隅安全智能管控平台'
 # 接口地址
 #VUE_APP_API_BASEURL = http://1.203.161.103:2800/api
 #VUE_APP_WS_API = 'ws://localhost:8000'
-#VUE_APP_API_BASEURL = http://222.222.144.147:6013/api
+VUE_APP_API_BASEURL = http://222.222.144.147:6013/api
 #VUE_APP_API_BASEURL = http://10.99.5.79:20309/api
-VUE_APP_API_BASEURL = http://127.0.0.1:8001/api
+#VUE_APP_API_BASEURL = http://127.0.0.1:8001/api
 #VUE_APP_BASEURL = http://127.0.0.1:8000
 
 

package.json

@@ -16,21 +16,22 @@
 		"cropperjs": "1.5.12",
 		"crypto-js": "4.1.1",
 		"d3": "^7.6.1",
-		"dagre-d3": "^0.6.4",
+		"dagre-d3": "^0.4.18",
 		"echarts": "5.3.2",
 		"element-plus": "2.2.3",
 		"json-editor-vue3": "^1.0.6",
 		"nprogress": "0.2.0",
 		"qrcodejs2": "0.0.2",
 		"sortablejs": "1.15.0",
-		"tinymce": "6.0.3",
+		"tinymce": "^6.3.1",
 		"vue": "3.2.36",
 		"vue-i18n": "9.1.10",
 		"vue-router": "4.0.15",
 		"vuedraggable": "4.0.3",
 		"vuex": "4.0.2",
 		"xgplayer": "2.31.6",
-		"xgplayer-hls": "2.5.2"
+		"xgplayer-hls": "2.5.2",
+		"xlsx": "^0.18.5"
 	},
 	"devDependencies": {
 		"@babel/core": "7.18.2",

src/views/hrm/clock_record.vue

@@ -2,8 +2,16 @@
   <el-container>
     <el-header>
       <div class="left-panel">
-        <el-cascader v-model="query.employee__belong_dept" :options="deptData" clearable placeholder="部门/单位" @change="handleQuery" :show-all-levels="false" :props="{emitPath:false,checkStrictly: true}"/>
+        <el-cascader 
-              <el-date-picker
+          v-model="query.employee__belong_dept" 
+          ref="belongDept"
+          :options="deptData" clearable 
+          placeholder="部门/单位" 
+          @change="handleQuery" 
+          :show-all-levels="false" 
+          :props="{emitPath:false,checkStrictly: true}"
+        />
+        <el-date-picker
           v-model="monthV"
           type="month"
           style="margin-left:4px"
@@ -28,7 +36,7 @@
             type="primary"
             :loading = 'dLoading'
             icon="el-icon-download"
-            @click="exportExcel"
+            @click="exportList"
           ></el-button>
         </div>
       </div>
@@ -38,9 +46,7 @@
         ref="table"
         :apiObj="apiObj"
         row-key="id"
-       
         stripe
-       
       >
       <el-table-column label="人员类型" prop="employee">
             <template #default="scope">
@@ -82,7 +88,9 @@
   </el-container>
 </template>
     <script>
+    import * as XLSX2 from "xlsx";
     import { genTree } from "@/utils/verificate";
+import { fill } from "lodash";
 export default {
   name: "clock_record",
   components: {},
@@ -90,8 +98,10 @@ export default {
     return {
       apiObj: this.$API.hrm.clock_record.list,
       deptData: [],
+      tableData:[],
       monthV: null,
       query: {},
+      userList:[],
       selection: [],
       type_:{
         10: {"label": "上班打卡", "color": ""},
@@ -105,6 +115,9 @@ export default {
         "door": "门禁",
         "location": "定位"
       },
+      excelName:'',
+      weekList : ['姓名','星期'],
+      daysList:['姓名','日期'],
       dLoading: false,
     };
   },
@@ -124,6 +137,10 @@ export default {
         this.query.year = null;
         this.query.month = null;
       }
+      if(this.query.employee__belong_dept){
+        let getCheckedNodes = this.$refs['belongDept'].getCheckedNodes()[0].data;
+        this.excelName = getCheckedNodes.name;
+      }
       this.$refs.table.queryData(this.query)
     },
     exportExcel(){
@@ -141,7 +158,119 @@ export default {
                 window.open(res.path, "_blank");
                 this.dLoading = false;
               }).catch(e=>{this.dLoading = false;})
-    }
+    },
+    //循环调用的接口
+    getOneData(id){
+      let that = this;
+      return new Promise((resolve,reject)=>{
+        that.$API.hrm.clock_record.list.req({page:1,page_size:400,year:that.query.year,month:that.query.month,employee:id})
+            .then(res=>{
+              resolve(res.results)
+        })
+      })
+    },
+    exportList(){
+      let that = this;
+      let days = new Date(this.query.year, this.query.month , 0).getDate();
+      let weekList = ['姓名','星期'],daysList=['姓名','日期'],titleData = [];
+      for(var i = 1;i<= days;i++){
+        let weekNum = new Date(this.query.year,this.query.month,i).getDay();
+        let week=that.getDayWeek(weekNum)
+        daysList.push(i);
+        weekList.push(week);
+      }   
+      let chartName =  this.excelName+that.query.year+'年'+that.query.month+'月考勤统计表';
+      titleData.push(chartName)
+      let tableData = [];
+      tableData.push(titleData)
+      tableData.push(weekList)
+      tableData.push(daysList)
+      that.$API.hrm.employee.list.req({page:1,page_size:999,belong_dept:that.query.employee__belong_dept})
+        .then(res=>{
+          let promiseList = [];
+          let rowData1 = [],rowData2=[];
+          that.userList=res.results;
+          that.userList.forEach ((item)=> {
+            promiseList.push(that.getOneData(item.id))
+          })
+          Promise.all(promiseList).then(res=> {
+              debugger;
+              console.log(res)
+              that.userList.forEach ((item,index)=> {
+                let recordList = res[index];
+                rowData1 = [
+                  item.name,
+                  '上班打卡',
+                ]
+                rowData2 = [
+                  item.name,
+                  '下班打卡',
+                ]
+                recordList.forEach(recordItem=>{
+                  let dateInd = new Date(recordItem.update_time).getDate();
+                  let dateIndex = parseInt(dateInd);
+                  if(recordItem.type==10){
+                    rowData1[dateIndex+1] = '√';
+                  }else{
+                    rowData2[dateIndex+1] = '√';
+                  }
+                })
+                tableData.push(rowData1);
+                tableData.push(rowData2);
+              })
+              let ws = XLSX2.utils.aoa_to_sheet(tableData);
+              let wb = XLSX2.utils.book_new();
+               //字体样式
+              const font = {
+                name: '宋体',
+                sz: 12,
+                bold: true,
+                color: { rgb: '00000000' },
+              }
+              //设置文字居中
+              const alignment = {
+                horizontal: 'center',
+                vertical: 'center',
+              }
+              // ws['A0'].s = {
+              //   font,
+              //   alignment,
+              // }
+              // s 意为 start ，即开始的单元格//r 是 row ，表示行号，从 0 计起//c 是 col ，表示列号，从 0 计起
+              let cNumber = daysList.length-1;
+              let merge = [{ s: { r: 0, c: 0 }, e: { r: 0, c:cNumber } }];//{ s: { r: 0, c: 0 }, e: { r: 1, c: 0  } }, 
+              for(let i = 1;i<tableData.length;i++){
+                merge.push({ s: { r: i, c: 0 }, e: { r: i+1, c: 0  } })
+                i++
+              }
+              ws['!merges'] = merge;
+              let closList = new Array(31).fill({wch: 2 });
+              closList.unshift({wch:8})
+              closList.unshift({wch:15})
+              ws['!cols'] = closList;
+              XLSX2.utils.book_append_sheet(wb, ws, chartName); // 工作簿名称
+              XLSX2.writeFile(wb, chartName+'.xlsx'); // 保存的文件名
+          });
+        })	
+	  },
+    getDayWeek(day){
+      switch(day){
+       case 0:
+           return '日';
+       case 1:
+           return '一';
+       case 2:
+           return '二';
+       case 3:
+           return '三';
+       case 4:
+           return '四';
+       case 5:
+           return '五';
+       case 6:
+           return '六';
+     }
+    },
   },
 };
 </script>