MS-CIAZDCOIXVRW\Administrator 3 éve
szülő
commit
6dea8245cd
5 módosított fájl, 12267 hozzáadás és 137 törlés
  1. 11568 136
      package-lock.json
  2. 1 0
      package.json
  3. 294 1
      src/components/Home/index.vue
  4. 180 0
      src/util/Blob.js
  5. 224 0
      src/util/Export2Excel.js

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 11568 - 136
package-lock.json


+ 1 - 0
package.json

@@ -11,6 +11,7 @@
     "axios": "^0.27.2",
     "core-js": "^3.8.3",
     "element-ui": "^2.15.10",
+    "file-saver": "^2.0.5",
     "sass": "^1.54.9",
     "sass-loader": "^13.0.2",
     "vue": "^2.6.14",

+ 294 - 1
src/components/Home/index.vue

@@ -240,10 +240,303 @@ export default {
         isShow: true,
         campus: "黄家湖",
       },
+      // 表格数据
+      excelList: [],
+      // 表头第一行
+      multiHeader: [
+        "姓名",
+        "考勤组",
+        "部门",
+        "工号",
+        "身份证",
+        "黄家湖出勤天数",
+        "黄家湖缺卡天数",
+        "黄家湖缺卡记录",
+        "黄家湖总出勤天数",
+        "墨轩湖出勤天数",
+        "墨轩湖缺卡天数",
+        "墨轩湖缺卡记录",
+        "墨轩湖总出勤天数",
+        "异常地点打卡天数",
+        "异常地点打卡记录",
+        "0-20分钟迟到次数",
+        "20-30分钟迟到次数",
+        ">30分钟迟到次数",
+        "迟到次数记录",
+        "0-20分钟早退次数",
+        "20-30分钟早退次数",
+        ">30分钟早退次数",
+        "早退次数记录",
+        "出勤天数",
+        "userId",
+        "出勤天数",
+        "休息天数",
+        "工作时长",
+        "迟到次数",
+        "迟到时长",
+        "严重迟到次数",
+        "严重迟到时长",
+        "旷工迟到天数",
+        "早退次数",
+        "早退时长",
+        "上班缺卡次数",
+        "下班缺卡次数",
+        "旷工天数",
+        "外出",
+        "请假",
+        "",
+        "",
+        "",
+        "",
+      ],
+      // 表头第二行
+      multiHeader2: [
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "",
+        "丧假(天)",
+        "事假(天)",
+        "产假(天)",
+        "病假(天)",
+        "陪护假(天)",
+      ],
+      // 合并规则
+      merges: [
+        "A1:A2",
+        "B1:B2",
+        "C1:C2",
+        "D1:D2",
+        "E1:E2",
+        "F1:F2",
+        "G1:G2",
+        "H1:H2",
+        "I1:I2",
+        "J1:J2",
+        "K1:K2",
+        "L1:L2",
+        "M1:M2",
+        "N1:N2",
+        "O1:O2",
+        "P1:P2",
+        "Q1:Q2",
+        "R1:R2",
+        "S1:S2",
+        "T1:T2",
+        "U1:U2",
+        "V1:V2",
+        "W1:W2",
+        "X1:X2",
+        "Y1:Y2",
+        "Z1:Z2",
+        "AA1:AA2",
+        "AB1:AB2",
+        "AC1:AC2",
+        "AD1:AD2",
+        "AE1:AE2",
+        "AF1:AF2",
+        "AG1:AG2",
+        "AH1:AH2",
+        "AI1:AI2",
+        "AJ1:AJ2",
+        "AK1:AK2",
+        "AL1:AL2",
+        "AM1:AM2",
+        "AN1:AR1",
+        "AS1:AS2",
+        "AT1:AT2",
+        "AU1:AU2",
+        "AV1:AV2",
+        "AW1:AW2",
+        "AX1:AX2",
+        "AY1:AY2",
+        "AZ1:AZ2",
+        "BA1:BA2",
+        "BB1:BB2",
+        "BC1:BC2",
+        "BD1:BD2",
+        "BE1:BE2",
+        "BF1:BF2",
+        "BG1:BG2",
+        "BH1:BH2",
+        "BI1:BI2",
+        "BJ1:BJ2",
+        "BK1:BK2",
+        "BL1:BL2",
+        "BM1:BM2",
+        "BN1:BN2",
+        "BO1:BO2",
+        "BP1:BP2",
+        "BQ1:BQ2",
+        "BR1:BR2",
+        "BS1:BS2",
+        "BT1:BT2",
+        "BU1:BU2",
+        "BV1:BV2",
+        "BW1:BW2",
+      ],
+      // 渲染字段
+      filterVal: [
+        "workName",
+        "groupOfCheck",
+        "department",
+        "workNum",
+        "idCard",
+        "daysOfAttendanceInHuangjiahu",
+        "daysOfcardShortageInHuangjiahu",
+        "recondOfcardShortageInHuangjiahu",
+        "sumAttendanceInHuangjiahu",
+        "daysOfAttendanceInMoxuanhu",
+        "daysOfcardShortageInMoxuanhu",
+        "recondOfcardShortageInMoxuanhu",
+        "sumAttendanceInMoxuanhu",
+        "abnormalClockNumber",
+        "abnormalClockRecond",
+        "leTwentyLateNumber",
+        "lequalThirtyLateNumber",
+        "geThirtyLateNumber",
+        "lateOfRecond",
+        "leTwentyLeaveNumber",
+        "lequalThirtyLeaveNumber",
+        "geThirtyLeaveNumber",
+        "leaveOfRecond",
+        "attendanceDays",
+        "userId",
+        "attendanceDay",
+        "restDay",
+        "workHours",
+        "numberOfLate",
+        "numberOfLateTime",
+        "numberOfSeriousLateness",
+        "durationOfSevereLateness",
+        "daysOfAbsenteeismAndLateness",
+        "leaveEarlyNumber",
+        "leaveEarlyTimes",
+        "lackOfWorkCardTimes",
+        "lackOfMissingWorkCardTimes",
+        "absenteeismDay",
+        "goOutDay",
+        "bereavementLeave",
+        "privateAffairLeaveDay",
+        "maternityLeaveDay",
+        "sickLeaveDay",
+        "escortFalse",
+        "oneOfMonth",
+        // "twoOfMonth",
+        // "threeOfMonth",
+        // "fourOfMonth",
+        // "fiveOfMonth",
+        // "sixOfMonth",
+        // "sevenOfMonth",
+        // "eightOfMonth",
+        // "nineOfMonth",
+        // "tenOfMonth",
+        // "elevenOfMonth",
+        // "twelveOfMonth",
+        // "thirteenOfMonth",
+        // "fourteenOfMonth",
+        // "fifteenOfMonth",
+        // "sixteenOfMonth",
+        // "seventeenOfMonth",
+        // "eighteenOfMonth",
+        // "nineteenOfMonth",
+        // "twentyOfMonth",
+        // "twentyOneOfMonth",
+        // "twentyTwoOfMonth",
+        // "twentyThreeOfMonth",
+        // "twentyFourOfMonth",
+        // "twentyFiveOfMonth",
+        // "twentySixOfMonth",
+        // "twentySevenOfMonth",
+        // "twentyEightOfMonth",
+        // "twentyNineOfMonth",
+        // "thirtyOfMonth",
+        // "thirtyOneOfMonth",
+      ],
     };
   },
-  mounted() {},
+  mounted() {
+    this.getTitle();
+    this.getData();
+  },
   methods: {
+    async getTitle() {
+      let res = await this.$axios({
+        url: "/attendance/month/title",
+        method: "get",
+      });
+      // console.log(res);
+      if (res.data.success) {
+        this.multiHeader = [...this.multiHeader, ...res.data.data];
+      } else {
+        this.$message.error(res.data.message);
+      }
+    },
+    async getData() {
+      let res = await this.$axios({
+        url: "/attendance/month/test",
+        method: "get",
+      });
+      // console.log(res);
+      if (res.data.success) {
+        this.excelList = res.data.data;
+        import("@/util/Export2Excel").then((excel) => {
+          const multiHeader = [this.multiHeader];
+          const multiHeader2 = [this.multiHeader2];
+          const filterVal = this.filterVal; // 表头所对应的字段
+          const data = this.excelList.map((v) => filterVal.map((j) => v[j]));
+          // 进行所有表头的单元格合并
+          const merges = this.merges;
+
+          excel.export_json_to_excel({
+            multiHeader,
+            // 这里是第一行的表头
+            multiHeader2,
+            // 这里是第二行的表头
+            data,
+            filename: "考勤",
+            merges,
+          });
+        });
+      } else {
+        this.$message.error(res.data.message);
+      }
+    },
     // 保存按钮回调
     async handleSave() {
       let data = {

+ 180 - 0
src/util/Blob.js

@@ -0,0 +1,180 @@
+/* eslint-disable */
+/* Blob.js
+ * A Blob implementation.
+ * 2014-05-27
+ *
+ * By Eli Grey, http://eligrey.com
+ * By Devin Samarin, https://github.com/eboyjr
+ * License: X11/MIT
+ *   See LICENSE.md
+ */
+
+/*global self, unescape */
+/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
+ plusplus: true */
+
+/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */
+
+(function (view) {
+    "use strict";
+
+    view.URL = view.URL || view.webkitURL;
+
+    if (view.Blob && view.URL) {
+        try {
+            new Blob;
+            return;
+        } catch (e) { }
+    }
+
+    // Internally we use a BlobBuilder implementation to base Blob off of
+    // in order to support older browsers that only have BlobBuilder
+    var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function (view) {
+        var
+            get_class = function (object) {
+                return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
+            }
+            , FakeBlobBuilder = function BlobBuilder() {
+                this.data = [];
+            }
+            , FakeBlob = function Blob(data, type, encoding) {
+                this.data = data;
+                this.size = data.length;
+                this.type = type;
+                this.encoding = encoding;
+            }
+            , FBB_proto = FakeBlobBuilder.prototype
+            , FB_proto = FakeBlob.prototype
+            , FileReaderSync = view.FileReaderSync
+            , FileException = function (type) {
+                this.code = this[this.name = type];
+            }
+            , file_ex_codes = (
+                "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
+                + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
+            ).split(" ")
+            , file_ex_code = file_ex_codes.length
+            , real_URL = view.URL || view.webkitURL || view
+            , real_create_object_URL = real_URL.createObjectURL
+            , real_revoke_object_URL = real_URL.revokeObjectURL
+            , URL = real_URL
+            , btoa = view.btoa
+            , atob = view.atob
+
+            , ArrayBuffer = view.ArrayBuffer
+            , Uint8Array = view.Uint8Array
+            ;
+        FakeBlob.fake = FB_proto.fake = true;
+        while (file_ex_code--) {
+            FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
+        }
+        if (!real_URL.createObjectURL) {
+            URL = view.URL = {};
+        }
+        URL.createObjectURL = function (blob) {
+            var
+                type = blob.type
+                , data_URI_header
+                ;
+            if (type === null) {
+                type = "application/octet-stream";
+            }
+            if (blob instanceof FakeBlob) {
+                data_URI_header = "data:" + type;
+                if (blob.encoding === "base64") {
+                    return data_URI_header + ";base64," + blob.data;
+                } else if (blob.encoding === "URI") {
+                    return data_URI_header + "," + decodeURIComponent(blob.data);
+                } if (btoa) {
+                    return data_URI_header + ";base64," + btoa(blob.data);
+                } else {
+                    return data_URI_header + "," + encodeURIComponent(blob.data);
+                }
+            } else if (real_create_object_URL) {
+                return real_create_object_URL.call(real_URL, blob);
+            }
+        };
+        URL.revokeObjectURL = function (object_URL) {
+            if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
+                real_revoke_object_URL.call(real_URL, object_URL);
+            }
+        };
+        FBB_proto.append = function (data/*, endings*/) {
+            var bb = this.data;
+            // decode data to a binary string
+            if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
+                var
+                    str = ""
+                    , buf = new Uint8Array(data)
+                    , i = 0
+                    , buf_len = buf.length
+                    ;
+                for (; i < buf_len; i++) {
+                    str += String.fromCharCode(buf[i]);
+                }
+                bb.push(str);
+            } else if (get_class(data) === "Blob" || get_class(data) === "File") {
+                if (FileReaderSync) {
+                    var fr = new FileReaderSync;
+                    bb.push(fr.readAsBinaryString(data));
+                } else {
+                    // async FileReader won't work as BlobBuilder is sync
+                    throw new FileException("NOT_READABLE_ERR");
+                }
+            } else if (data instanceof FakeBlob) {
+                if (data.encoding === "base64" && atob) {
+                    bb.push(atob(data.data));
+                } else if (data.encoding === "URI") {
+                    bb.push(decodeURIComponent(data.data));
+                } else if (data.encoding === "raw") {
+                    bb.push(data.data);
+                }
+            } else {
+                if (typeof data !== "string") {
+                    data += ""; // convert unsupported types to strings
+                }
+                // decode UTF-16 to binary string
+                bb.push(unescape(encodeURIComponent(data)));
+            }
+        };
+        FBB_proto.getBlob = function (type) {
+            if (!arguments.length) {
+                type = null;
+            }
+            return new FakeBlob(this.data.join(""), type, "raw");
+        };
+        FBB_proto.toString = function () {
+            return "[object BlobBuilder]";
+        };
+        FB_proto.slice = function (start, end, type) {
+            var args = arguments.length;
+            if (args < 3) {
+                type = null;
+            }
+            return new FakeBlob(
+                this.data.slice(start, args > 1 ? end : this.data.length)
+                , type
+                , this.encoding
+            );
+        };
+        FB_proto.toString = function () {
+            return "[object Blob]";
+        };
+        FB_proto.close = function () {
+            this.size = this.data.length = 0;
+        };
+        return FakeBlobBuilder;
+    }(view));
+
+    view.Blob = function Blob(blobParts, options) {
+        var type = options ? (options.type || "") : "";
+        var builder = new BlobBuilder();
+        if (blobParts) {
+            for (var i = 0, len = blobParts.length; i < len; i++) {
+                builder.append(blobParts[i]);
+            }
+        }
+        return builder.getBlob(type);
+    };
+}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this));
+

+ 224 - 0
src/util/Export2Excel.js

@@ -0,0 +1,224 @@
+/* eslint-disable */
+import { saveAs } from 'file-saver'
+import * as XLSX from 'xlsx'
+
+function generateArray(table) {
+    var out = [];
+    var rows = table.querySelectorAll('tr');
+    var ranges = [];
+    for (var R = 0; R < rows.length; ++R) {
+        var outRow = [];
+        var row = rows[R];
+        var columns = row.querySelectorAll('td');
+        for (var C = 0; C < columns.length; ++C) {
+            var cell = columns[C];
+            var colspan = cell.getAttribute('colspan');
+            var rowspan = cell.getAttribute('rowspan');
+            var cellValue = cell.innerText;
+            if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
+
+            //Skip ranges
+            ranges.forEach(function (range) {
+                if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
+                    for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
+                }
+            });
+
+            //Handle Row Span
+            if (rowspan || colspan) {
+                rowspan = rowspan || 1;
+                colspan = colspan || 1;
+                ranges.push({
+                    s: {
+                        r: R,
+                        c: outRow.length
+                    },
+                    e: {
+                        r: R + rowspan - 1,
+                        c: outRow.length + colspan - 1
+                    }
+                });
+            };
+
+            //Handle Value
+            outRow.push(cellValue !== "" ? cellValue : null);
+
+            //Handle Colspan
+            if (colspan)
+                for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
+        }
+        out.push(outRow);
+    }
+    return [out, ranges];
+};
+
+function datenum(v, date1904) {
+    if (date1904) v += 1462;
+    var epoch = Date.parse(v);
+    return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
+}
+
+function sheet_from_array_of_arrays(data, opts) {
+    var ws = {};
+    var range = {
+        s: {
+            c: 10000000,
+            r: 10000000
+        },
+        e: {
+            c: 0,
+            r: 0
+        }
+    };
+    for (var R = 0; R != data.length; ++R) {
+        for (var C = 0; C != data[R].length; ++C) {
+            if (range.s.r > R) range.s.r = R;
+            if (range.s.c > C) range.s.c = C;
+            if (range.e.r < R) range.e.r = R;
+            if (range.e.c < C) range.e.c = C;
+            var cell = {
+                v: data[R][C]
+            };
+            if (cell.v == null) continue;
+            var cell_ref = XLSX.utils.encode_cell({
+                c: C,
+                r: R
+            });
+
+            if (typeof cell.v === 'number') cell.t = 'n';
+            else if (typeof cell.v === 'boolean') cell.t = 'b';
+            else if (cell.v instanceof Date) {
+                cell.t = 'n';
+                cell.z = XLSX.SSF._table[14];
+                cell.v = datenum(cell.v);
+            }
+            else cell.t = 's';
+            ws[cell_ref] = cell;
+        }
+    }
+    if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
+    return ws;
+}
+
+function Workbook() {
+    if (!(this instanceof Workbook)) return new Workbook();
+    this.SheetNames = [];
+    this.Sheets = {};
+}
+
+function s2ab(s) {
+    var buf = new ArrayBuffer(s.length);
+    var view = new Uint8Array(buf);
+    for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
+    return buf;
+}
+
+export function export_table_to_excel(id) {
+    var theTable = document.getElementById(id);
+    var oo = generateArray(theTable);
+    var ranges = oo[1];
+
+    /* original data */
+    var data = oo[0];
+    var ws_name = "SheetJS";
+
+    var wb = new Workbook(),
+        ws = sheet_from_array_of_arrays(data);
+
+    /* add ranges to worksheet */
+    // ws['!cols'] = ['apple', 'banan'];
+    ws['!merges'] = ranges;
+
+    /* add worksheet to workbook */
+    wb.SheetNames.push(ws_name);
+    wb.Sheets[ws_name] = ws;
+
+    var wbout = XLSX.write(wb, {
+        bookType: 'xlsx',
+        bookSST: false,
+        type: 'binary'
+    });
+
+    saveAs(new Blob([s2ab(wbout)], {
+        type: "application/octet-stream"
+    }), "test.xlsx")
+}
+// 对此方法进行修改,如下:
+export function export_json_to_excel({
+    multiHeader2 = [],	// 第一行表头
+    multiHeader = [], // 第二行表头
+    data,
+    filename, //文件名
+    merges = [], // 合并
+    autoWidth = true,
+    bookType = 'xlsx'
+} = {}) {
+    /* original data */
+    filename = filename || '列表';
+    data = [...data]
+
+    for (let i = multiHeader2.length - 1; i > -1; i--) {
+        data.unshift(multiHeader2[i])
+    }
+
+    for (let i = multiHeader.length - 1; i > -1; i--) {
+        data.unshift(multiHeader[i])
+    }
+
+    var ws_name = "SheetJS";
+    var wb = new Workbook(),
+        ws = sheet_from_array_of_arrays(data);
+
+    if (merges.length > 0) {
+        if (!ws['!merges']) ws['!merges'] = [];
+        merges.forEach(item => {
+            ws['!merges'].push(XLSX.utils.decode_range(item))
+        })
+    }
+
+    if (autoWidth) {
+        /*设置worksheet每列的最大宽度*/
+        const colWidth = data.map(row => row.map(val => {
+            /*先判断是否为null/undefined*/
+            if (val == null) {
+                return {
+                    'wch': 10
+                };
+            }
+            /*再判断是否为中文*/
+            else if (val.toString().charCodeAt(0) > 255) {
+                return {
+                    'wch': val.toString().length * 2
+                };
+            } else {
+                return {
+                    'wch': val.toString().length
+                };
+            }
+        }))
+        /*以第一行为初始值*/
+        let result = colWidth[0];
+        for (let i = 1; i < colWidth.length; i++) {
+            for (let j = 0; j < colWidth[i].length; j++) {
+                if (result[j]['wch'] < colWidth[i][j]['wch']) {
+                    result[j]['wch'] = colWidth[i][j]['wch'];
+                }
+            }
+        }
+        ws['!cols'] = result;
+    }
+
+    /* add worksheet to workbook */
+    wb.SheetNames.push(ws_name);
+    wb.Sheets[ws_name] = ws;
+
+    var wbout = XLSX.write(wb, {
+        bookType: bookType,
+        bookSST: false,
+        type: 'binary'
+    });
+    saveAs(new Blob([s2ab(wbout)], {
+        type: "application/octet-stream"
+    }), `${filename}.${bookType}`);
+}
+