소스 검색

表格导出修改

zhuxinbo 5 년 전
부모
커밋
b5775c2539
3개의 변경된 파일60개의 추가작업 그리고 47개의 파일을 삭제
  1. 0 24
      public/xlsx.full1.min.js
  2. 58 21
      src/views/modules/Statistics/dataDisplayStatistics.vue
  3. 2 2
      vue.config.js

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 24
public/xlsx.full1.min.js


+ 58 - 21
src/views/modules/Statistics/dataDisplayStatistics.vue

@@ -970,33 +970,67 @@ export default {
       } else {
         title = this.getDate() + '数据报表'
       }
+      const borderAll = {
+        //单元格外侧框线
+        top: {
+          style: 'thin'
+        },
+        bottom: {
+          style: 'thin'
+        },
+        left: {
+          style: 'thin'
+        },
+        right: {
+          style: 'thin'
+        }
+      }
       //   var opt = {
       //     rowIndex: 4
       //   } //开头空4行
       var sheet = XLSX2.utils.table_to_sheet(document.getElementById('outTable'))
-      sheet['A2'].s = {
-        alignment: {
-          horizontal: 'center',
-          vertical: 'center'
-        }
-        // fill: {
-        //   fgColor: {rgb: "008000"},
-        // },
-      }
-      for (let i = 0; i < 3; i++) {
-        sheet['B' + (length + 1 - i)].s = {
-          alignment: {
-            horizontal: 'center',
-            vertical: 'center'
+      var sheetName = ['D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O']
+      //   sheet['A2'].s = {
+      //     alignment: {
+      //       horizontal: 'center',
+      //       vertical: 'center'
+      //     }
+      //     // fill: {
+      //     //   fgColor: {rgb: "008000"},
+      //     // },
+      //   }
+      //   for (let i = 0; i < 3; i++) {
+      //     sheet['B' + (length + 1 - i)].s = {
+      //       alignment: {
+      //         horizontal: 'center',
+      //         vertical: 'center'
+      //       }
+      //     }
+      //   }
+      //   for (let i = 0; i < sheetName.length; i++) {
+      //     for (let j = 2; j < length + 2; j++) {
+      //       console.log(sheetName[i] + j + '')
+      //       var a = sheetName[i] + j + ''
+      //       console.log(a)
+      //       sheet[a].t = 'n'
+      //     }
+      //   }
+      for (var i in sheet) {
+        if (i == '!ref' || i == '!merges' || i == '!cols') {
+        } else {
+          sheet[i + ''].s = {
+            border: borderAll,
+            alignment: {
+              horizontal: 'center',
+              vertical: 'center'
+            }
+            // fill: {
+            //   fgColor: { rgb: 'FFFF00' }
+            // }
           }
+          sheet[i + ''].t = 'n'
         }
       }
-
-      //   sheet['A1'] = {
-      //     t: 's',
-      //     v: '表格导出'
-      //   } //给A1单元格赋值
-      console.log(sheet)
       //["!merges"]这个属性是专门用来进行单元格合并的
       //   sheet['!merges'].push({
       //     //如果不为空push 为空 = 赋值
@@ -1058,10 +1092,13 @@ export default {
         },
         {
           wpx: 100
+        },
+        {
+          wpx: 100
         }
       ] //单元格列宽
 
-      openDownloadDialog(sheet2blob(sheet), title + '.xls')
+      openDownloadDialog(sheet2blob(sheet), title + '.csv')
     }
   },
   watch: {},

+ 2 - 2
vue.config.js

@@ -65,8 +65,8 @@ module.exports = {
        },*/
       '/jeecg-boot': {
         // target: 'http://39.97.120.42:8080', //请求本地 需要jeecg-boot后台项目  生产环境
-        // target: 'http://39.106.184.70:8080', //请求本地 需要jeecg-boot后台项目
-        target: 'http://192.168.2.130:8080', //请求本地 需要jeecg-boot后台项目  蒙蒙
+        target: 'http://39.106.184.70:8080', //请求本地 需要jeecg-boot后台项目
+        // target: 'http://192.168.2.130:8080', //请求本地 需要jeecg-boot后台项目  蒙蒙
         // target: 'http://192.168.2.132:8080', //请求本地 需要jeecg-boot后台项目
         ws: false,
         changeOrigin: true