Update coding convenstion and add vendor code

src/resources/js/router/index.js

@@ -2,8 +2,8 @@ import Vue from 'vue';
 import Router from 'vue-router';
 
 // We could use sub-router as separated file
-import nestedRouter from "./modules/nested";
-import errorRouter from "./modules/error";
+import nestedRouter from './modules/nested';
+import errorRouter from './modules/error';
 
 // in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
 // detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
@@ -99,7 +99,7 @@ export const constantRouterMap = [
         component: require('@/views/table/TreeTable/CustomTreeTable').default,
         name: 'CustomTreeTableDemo',
         meta: { title: 'customTreeTable' },
-      }
+      },
     ],
   },
   nestedRouter,
@@ -128,7 +128,7 @@ export const constantRouterMap = [
       },
     ],
   },
-  errorRouter
+  errorRouter,
 ];
 
 export default new Router({

src/resources/js/router/modules/nested.js

@@ -1,64 +1,64 @@
 /** When your routing table is too long, you can split it into small modules**/
-import Layout from "@/views/layout/Layout";
+import Layout from '@/views/layout/Layout';
 
 const nestedRouter = {
-  path: "/nested",
+  path: '/nested',
   component: Layout,
-  redirect: "/nested/menu1",
-  name: "Nested",
+  redirect: '/nested/menu1',
+  name: 'Nested',
   meta: {
-    title: "nested",
-    icon: "nested"
+    title: 'nested',
+    icon: 'nested',
   },
   children: [
     {
-      path: "menu1",
-      component: require("@/views/nested/menu1/index").default, // Parent router-view
-      name: "Menu1",
-      meta: { title: "menu1" },
+      path: 'menu1',
+      component: require('@/views/nested/menu1/index').default, // Parent router-view
+      name: 'Menu1',
+      meta: { title: 'menu1' },
       children: [
         {
-          path: "menu1-1",
-          component: require("@/views/nested/menu1/menu1-1").default,
-          name: "Menu1-1",
-          meta: { title: "menu1-1" }
+          path: 'menu1-1',
+          component: require('@/views/nested/menu1/menu1-1').default,
+          name: 'Menu1-1',
+          meta: { title: 'menu1-1' },
         },
         {
-          path: "menu1-2",
-          component: require("@/views/nested/menu1/menu1-2").default,
-          name: "Menu1-2",
-          meta: { title: "menu1-2" },
+          path: 'menu1-2',
+          component: require('@/views/nested/menu1/menu1-2').default,
+          name: 'Menu1-2',
+          meta: { title: 'menu1-2' },
           children: [
             {
-              path: "menu1-2-1",
-              component: require("@/views/nested/menu1/menu1-2/menu1-2-1")
+              path: 'menu1-2-1',
+              component: require('@/views/nested/menu1/menu1-2/menu1-2-1')
                 .default,
-              name: "Menu1-2-1",
-              meta: { title: "menu1-2-1" }
+              name: 'Menu1-2-1',
+              meta: { title: 'menu1-2-1' },
             },
             {
-              path: "menu1-2-2",
-              component: require("@/views/nested/menu1/menu1-2/menu1-2-2")
+              path: 'menu1-2-2',
+              component: require('@/views/nested/menu1/menu1-2/menu1-2-2')
                 .default,
-              name: "Menu1-2-2",
-              meta: { title: "menu1-2-2" }
-            }
-          ]
+              name: 'Menu1-2-2',
+              meta: { title: 'menu1-2-2' },
+            },
+          ],
         },
         {
-          path: "menu1-3",
-          component: require("@/views/nested/menu1/menu1-3").default,
-          name: "Menu1-3",
-          meta: { title: "menu1-3" }
-        }
-      ]
+          path: 'menu1-3',
+          component: require('@/views/nested/menu1/menu1-3').default,
+          name: 'Menu1-3',
+          meta: { title: 'menu1-3' },
+        },
+      ],
     },
     {
-      path: "menu2",
-      component: require("@/views/nested/menu2/index").default,
-      meta: { title: "menu2" }
-    }
-  ]
+      path: 'menu2',
+      component: require('@/views/nested/menu2/index').default,
+      meta: { title: 'menu2' },
+    },
+  ],
 };
 
 export default nestedRouter;

src/resources/js/utils/index.js

@@ -67,7 +67,6 @@ export function formatTime(time, option) {
     );
   }
 }
-const now = Date.now() / 3600;
 
 export function isExternal(path) {
   return /^(https?:|mailto:|tel:)/.test(path);

src/resources/js/vendor/Export2Excel.js

@@ -0,0 +1,206 @@
+/* eslint-disable */
+require('script-loader!file-saver');
+import 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({
+  header,
+  data,
+  filename,
+  autoWidth = true,
+  bookType=  'xlsx'
+} = {}) {
+  /* original data */
+  filename = filename || 'excel-list'
+  data = [...data]
+  data.unshift(header);
+  var ws_name = "SheetJS";
+  var wb = new Workbook(),
+    ws = sheet_from_array_of_arrays(data);
+
+  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}`);
+}

src/resources/js/vendor/Export2Zip.js

@@ -0,0 +1,24 @@
+/* eslint-disable */
+require('script-loader!file-saver');
+import JSZip from 'jszip'
+
+export function export_txt_to_zip(th, jsonData, txtName, zipName) {
+  const zip = new JSZip()
+  const txt_name = txtName || 'file'
+  const zip_name = zipName || 'file'
+  const data = jsonData
+  let txtData = `${th}\r\n`
+  data.forEach((row) => {
+    let tempStr = ''
+    tempStr = row.toString()
+    txtData += `${tempStr}\r\n`
+  })
+  zip.file(`${txt_name}.txt`, txtData)
+  zip.generateAsync({
+    type: "blob"
+  }).then((blob) => {
+    saveAs(blob, `${zip_name}.zip`)
+  }, (err) => {
+    alert('导出失败')
+  })
+}

src/resources/js/views/dashboard/admin/index.vue

@@ -30,7 +30,7 @@ export default {
     TransactionTable,
     TodoList,
     BoxCard,
-  }
+  },
 };
 </script>
 

src/resources/views/index.blade.php

@@ -12,7 +12,6 @@
     <app></app>
 </div>
 
-<script src=laravue/static/tinymce4.7.5/tinymce.min.js></script>
 <script src="js/app.js"></script>
 </body>
 </html>