hd-idevvue3 3.0.1 → 3.0.3

package/src/errorLog.js

@@ -1,6 +1,8 @@
-import Vue from 'vue'
+import {createApp} from 'vue'
 import errLog from '@/store/errLog'
 
+const Vue = createApp({})
+
 // 生产环境错误日志
 if (process.env.NODE_ENV === 'production') {
   Vue.config.errorHandler = function(err, vm) {

package/src/hdcom/HdFormBtn.vue

@@ -21,7 +21,7 @@
       <el-button type="danger" @click="doDel()" keyType="del" :disabled="delLoading"
                  :hotKeyRange="$vnode.context.$options._componentTag">{{$t('删除')}}
       </el-button>
-      <el-button type="primary" @click="doSave()"keyType="save" :disabled="saveLoading"
+      <el-button type="primary" @click="doSave()" keyType="save" :disabled="saveLoading"
                  :hotKeyRange="$vnode.context.$options._componentTag">{{$t('保存')}}
       </el-button>
     </span>

package/src/hdcom/HdGrid.vue

@@ -114,7 +114,7 @@
     <!--   <GridExFieldBak @save-ok="exFieldShow()" ref="exFieldShow" v-if="exField.open && exFieldShowIs" :table="exField.table"
                     :columnList="exField.columnList" :gridCode="exField.gridCode"></GridExFieldBak>
     -->
-    <PdfShow :gening="pdfAllExporting" @close="pdfShowIs=false" ref="pdfshow" v-if="pdfShowIs"></PdfShow>
+    <!-- <PdfShow :gening="pdfAllExporting" @close="pdfShowIs=false" ref="pdfshow" v-if="pdfShowIs"></PdfShow> -->
     <hd-right-menu ref="rightMenu" @do-add="doAdd" @do-update="doUpdateOne" @do-remove="doRemoveOne"
                    @do-copy="doCopyOne" v-if="rightMenuOpen" v-show="rightMenuVisable">
       <template slot="rightMenu">
@@ -131,7 +131,7 @@
 import GridShow from './GridShow'
 import GridExField from './GridExField'
 import HdGridExt from './HdGridExt.js'
-import PdfShow from './PdfShow'
+// import PdfShow from './PdfShow'
 import BigGrid from "./BigGrid.js";
 import ExtendColumn from "./ExtendColumn";
 import HdBtn from './HdBtn'
@@ -143,7 +143,7 @@ import HdRightMenu from "./HdRightMenu";
  */
 export default {
   name: 'HdGrid',
-  components: { HdRightMenu, GridShow, PdfShow, GridExField, ExtendColumn, HdBtn }, // ElTableColumn已被改写,但是select ck不好使,需要有原来的
+  components: { HdRightMenu, GridShow, GridExField, ExtendColumn, HdBtn }, // ElTableColumn已被改写,但是select ck不好使,需要有原来的
   mixins: [HdGridExt, BigGrid],
   data() {
     return {
@@ -725,7 +725,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  /deep/ .el-table {
+  :deep(.el-table) {
     //deep内的不会加随机数
     height: 100%;
     width: 100%;

package/src/hdcom/HdTreeTable/eval.js

@@ -3,7 +3,9 @@
  * @Date:   2017-10-12 12:06:49
  */
 'use strict'
-import Vue from 'vue'
+import {createApp} from 'vue'
+const Vue = createApp({})
+
 export default function treeToArray(data, expandAll, parent = null, level = null) {
   let tmp = []
   Array.from(data).forEach(function(record) {

package/src/hdcom/ImportExcel.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import XLSX from 'xlsx'
+import * as XLSX from 'xlsx'
 
 export default {
   data() {

package/src/index.js

@@ -1,3 +1,4 @@
+
 import common from './idev.common'
 import privilege from './views/privilege'
 import layout from './views/layout'

package/src/vendor/Export2Excel.js

@@ -1,6 +1,6 @@
 /* eslint-disable */
 import { saveAs } from 'file-saver'
-import XLSX from 'xlsx'
+import * as XLSX from 'xlsx'
 
 function generateArray(table) {
   var out = [];

package/src/views/layout/header/ElasticSearch.vue

@@ -204,7 +204,7 @@
       display: inline-block;
       vertical-align: middle;
 
-      /deep/ .el-input__inner {
+      :deep(.el-input__inner) {
         border-radius: 0;
         border: 0;
         padding-left: 0;

package/src/views/layout/header/HeaderSearch.vue

@@ -177,7 +177,7 @@
       display: inline-block;
       vertical-align: middle;
 
-      /deep/ .el-input__inner {
+      :deep(.el-input__inner) {
         border-radius: 0;
         border: 0;
         padding-left: 0;

package/src/views/layout/menu/HdMenu.vue

@@ -155,11 +155,11 @@
 <style lang="scss" scoped>
   @import 'css/menu.css'; // normalize.css 样式格式化
   .product_sort {
-    /deep/ .el-scrollbar__wrap {
+    :deep(.el-scrollbar__wrap) {
       overflow-x: hidden;
     }
 
-    /deep/ .is-horizontal {
+    :deep(.is-horizontal) {
       height: 0;
     }
   }

package/src/views/privilege/menu/userlist.vue

@@ -14,7 +14,7 @@
     </el-table-column>
   <!--  <el-table-column :input="require('../orgDept/orgnselect').default" :inputFormat="(result, row)=>row.orgnName" align="left" header-align="center" label="部门" prop="orgnId"
                      sortable width="180px">-->
-    </el-table-column>
+    <!-- </el-table-column> -->
     <el-table-column align="center" label="账号过期日期" prop="accountPassDate" sortable width="auto">
     </el-table-column>
     <el-table-column align="center" label="密码修改时间" prop="pwModifyTim" sortable width="auto">

package/src/views/privilege/search/comsearch.vue

@@ -24,13 +24,13 @@
           </template>
         </el-table-column>
 
-        <el-table-column width="100px" align="center" label="索引名称" prop="indexName" sortable :rules="$r(0,0,30)" noEdit sortable>
+        <el-table-column width="100px" align="center" label="索引名称" prop="indexName" sortable :rules="$r(0,0,30)" noEdit >
         </el-table-column>
-        <el-table-column width="120px" align="center" label="索引CODE" prop="searchCode" sortable :rules="$r(0,0,50)" sortable>
+        <el-table-column width="120px" align="center" label="索引CODE" prop="searchCode" sortable :rules="$r(0,0,50)" >
         </el-table-column>
         <el-table-column width="120px" align="center" label="索引菜单" :inputFormat="(v,r)=>r.menuName" prop="menuId" sortable noEdit>
         </el-table-column>
-        <el-table-column width="330px" align="center" label="索引实体" prop="entityName" sortable :rules="$r(0,0,255)" sortable>
+        <el-table-column width="330px" align="center" label="索引实体" prop="entityName" sortable :rules="$r(0,0,255)" >
         </el-table-column>
         <el-table-column width="140px" align="center" label="上次刷新时间" :inputProp="$date" prop="flushTim" sortable noEdit>
         </el-table-column>

package/src/views/privilege/syscode/syscode.vue

@@ -96,7 +96,7 @@
   }
 </script>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .gray-row { //deep必须有
+  :deep(.gray-row) { //deep必须有
     background: #DCDCDC;
   }
 

package/vite.config.js

@@ -1,118 +1,93 @@
-import { fileURLToPath, URL } from 'node:url'
+import { fileURLToPath, URL } from "node:url";
 
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import requireTransform from 'vite-plugin-require-transform';
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import path from "path";
 
-import AutoImport from 'unplugin-auto-import/vite';
+import requireTransform from "vite-plugin-require-transform";
 
-import postcssImport from 'postcss-import'
-import autoprefixer from 'autoprefixer'
+import AutoImport from "unplugin-auto-import/vite";
+
+import postcssImport from "postcss-import";
+import autoprefixer from "autoprefixer";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(),
-  requireTransform({
-    fileRegex: /.js$|.vue$/
-  }),
-  AutoImport({
-    imports: ['vue', 'vue-router']
-  })],
+  plugins: [
+    vue(),
+    requireTransform({
+      fileRegex: /.js$|.vue$/,
+    }),
+    AutoImport({
+      imports: ["vue", "vue-router"],
+    }),
+  ],
+  base:'./',
   server: {
-    proxy: {
-      '/webresources/login/com/ComQuartzJob': 'http://localhost:8087/',
-      '/webresources/login/com/ComQuartzLog': 'http://localhost:8087/',
-      '/webresources': 'http://localhost:8080/',
-      '/interface': 'http://localhost:8086',
-      '/business': 'http://localhost:8081',
-      '/bct': 'http://localhost:8082',
-      '/lt': 'http://localhost:8083',
-      '/group': 'http://localhost:8084',
-      '/report': 'http://localhost:8085',
-      '/prs': 'http://localhost:8089',
-      // '/PrivilegeVueController': 'http://128.128.1.163:8080/',
-      '/PrivilegeVueController': 'http://localhost:8080/',
-      '/outernet': 'http://localhost:8080',
-      '/webroot/decision': {
-        target: 'http://128.128.1.77:8080/',
-        changeOrigin: true,
-        pathRewrite: {   //当有统一path此处可不写，效果一样
-          '^/webroot/decision': '/decision'   //重写接口
-        }
-      },
-      '/decision': 'http://128.128.1.77:8080/'
-    },
+    host: '0.0.0.0', // 指定服务器应该监听哪个 IP 地址，默认localhost，可设置为'0.0.0.0'或 true
+    open: true,	   // 开发服务器启动时，自动在浏览器中打开应用程序
     strictPort: true,
     hrm: {
-      clientPort: 5173
-    }
+      clientPort: 5173,
+    },
   },
   resolve: {
-    extensions: ['.js', '.vue', '.json'],
     alias: {
-      '~': fileURLToPath(new URL('./', import.meta.url)),
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-      // 'idevvue$': 'X:/svn/HD_IDEV_FRAME/HD_IDEV_VUE_FRAME/lib/idv8.common.js',
-      'idevvue': fileURLToPath(new URL('./src/hdcom/idev.common.js', import.meta.url)),
-      // 'idevvue$': 'X:/svn/HD_IDEV_FRAME/HD_IDEV_VUE_FRAME/src/hdcom/index.js',
-
-      // 'idevvue$': 'idevvue/lib',
-      // 'idevvuejs': 'idevvue\\lib\\js',//按需加载
-      // 'idevvuejs': fileURLToPath(new URL('./src/views/privilege', import.meta.url)),//按需加载
-
-      // 'ytgvue$': 'ytgvue/lib',
-      // 'ytgvue$': '../../HD_YTG_GCTOS_WEB_PLUGIN/src',
-      'idevvuejs/HdLayout': fileURLToPath(new URL('./src/views/layout/HdLayout', import.meta.url)),
-      'idevvuejs/HdSearch': fileURLToPath(new URL('./src/views/layout/header/HeaderSearch', import.meta.url)),
-      'idevvuejs/sysfieldframe': fileURLToPath(new URL('./src/views/privilege/syscode/sysfieldframe', import.meta.url)),
-      'idevvuejs/menu': fileURLToPath(new URL('./src/views/privilege/menu/menu', import.meta.url)),
-      'idevvuejs/menuinfo': fileURLToPath(new URL('./src/views/privilege/menu/menuinfo', import.meta.url)),
-      'idevvuejs/userRole': fileURLToPath(new URL('./src/views/privilege/userRole/userRole', import.meta.url)),
-      'idevvuejs/role': fileURLToPath(new URL('./src/views/privilege/role/role', import.meta.url)),
-      'idevvuejs/orgDept': fileURLToPath(new URL('./src/views/privilege/orgDept/orgDept', import.meta.url)),
-      'idevvuejs/personDept': fileURLToPath(new URL('./src/views/privilege/personDept/personDept', import.meta.url)),
-      'idevvuejs/orgTree': fileURLToPath(new URL('./src/views/privilege/orgDept/orgTree.vue', import.meta.url)),
-      'idevvuejs/commsg': fileURLToPath(new URL('./src/views/privilege/commsg/commsg.vue', import.meta.url)),
-      'idevvuejs/commsgto': fileURLToPath(new URL('./src/views/privilege/commsg/commsgto.vue', import.meta.url)),
-      'idevvuejs/syslog': fileURLToPath(new URL('./src/views/privilege/syslog/syslog.vue', import.meta.url)),
-      'idevvuejs/syslogframe': fileURLToPath(new URL('./src/views/privilege/syslog/syslogframe.vue', import.meta.url)),
-      'idevvuejs/comquartzlog': fileURLToPath(new URL('./src/views/privilege/quartz/comquartzlog.vue', import.meta.url)),
-      'idevvuejs/comquartzjob': fileURLToPath(new URL('./src/views/privilege/quartz/comquartzjob.vue', import.meta.url)),
-      'idevvuejs/comsearch': fileURLToPath(new URL('./src/views/privilege/search/comsearch.vue', import.meta.url)),
-      'idevvuejs/authmobileupdate': fileURLToPath(new URL('./src/views/privilege/mobile/authmobileupdate.vue', import.meta.url)),
-      'idevvuejs/comexfield': fileURLToPath(new URL('./src/views/privilege/exfield/comexfield.vue', import.meta.url)),
-
-      'src': fileURLToPath(new URL('./src', import.meta.url)),
-      'assets': fileURLToPath(new URL('./src/assets', import.meta.url)),
-      'components': fileURLToPath(new URL('./src/components', import.meta.url)),
-      'views': fileURLToPath(new URL('./src/views', import.meta.url)),
-      'styles': fileURLToPath(new URL('./src/styles', import.meta.url)),
-      'api': fileURLToPath(new URL('./src/api', import.meta.url)),
-      'utils': fileURLToPath(new URL('./src/utils', import.meta.url)),
-      'store': fileURLToPath(new URL('./src/store', import.meta.url)),
-      'router': fileURLToPath(new URL('./src/router', import.meta.url)),
-      'mock': fileURLToPath(new URL('./src/mock', import.meta.url)),
-      'vendor': fileURLToPath(new URL('./src/vendor', import.meta.url)),
-      'static': fileURLToPath(new URL('./static', import.meta.url))
-
-    }
+      "@": path.resolve(__dirname, 'src'),
+    },
+    extensions: [".js", ".ts", ".vue", ".json"],
   },
   css: {
     postcss: {
       plugins: [
         postcssImport,
-        autoprefixer({// 自动添加前缀
+        autoprefixer({
+          // 自动添加前缀
           overrideBrowserslist: [
             "Android 4.1",
             "iOS 7.1",
             "Chrome > 31",
             "ff > 31",
-            "ie >= 8"
+            "ie >= 8",
             //'last 2 versions', // 所有主流浏览器最近2个版本
           ],
-          grid: true
-        })
-      ]
-    }
-  }
-})
+          grid: true,
+        }),
+      ],
+    },
+  },
+  // 打包配置 npm run build
+  build: {
+    //指定输出路径
+    outDir: "dist",
+    //生成静态资源的存放路径
+    assetsDir: "assets",
+    //小于此阈值的导入或引用资源将内联为 base64 编码，以避免额外的 http 请求。设置为 0 可以完全禁用此项
+    assetsInlineLimit: 4096,
+    //启用/禁用 CSS 代码拆分
+    cssCodeSplit: true,
+    //构建后是否生成 source map 文件
+    sourcemap: false,
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.js'), // 确保路径正确
+      name: "hd-idevvue3",
+    },
+    //自定义底层的 Rollup 打包配置
+    rollupOptions: {
+      input: {
+        //可以配置多个，表示多入口
+        index: path.resolve(__dirname, "src/index.js"),
+        // project:resolve(__dirname,"project.html")
+      },
+      output: {
+        // chunkFileNames:'static/js/[name]-[hash].js',
+        // entryFileNames:"static/js/[name]-[hash].js",
+        // assetFileNames:"static/[ext]/name-[hash].[ext]"
+      },
+    },
+    //默认情况下，若 outDir 在 root 目录下，则 Vite 会在构建时清空该目录。
+    emptyOutDir: true,
+    //chunk 大小警告的限制
+    chunkSizeWarningLimit: 500,
+  },
+});

package/dist/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <meta name="renderer" content="webkit">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-  <title>GCTOS</title>
-
-  <script>if (typeof module === 'object') {window.jQuery = window.$ = module.exports;};</script>
-</head>
-<body>
-<div id="app"></div>
-<!-- built files will be auto injected -->
-</body>
-</html>
-

package/src/hdcom/PdfShow.vue

@@ -1,266 +0,0 @@
-<template>
-  <el-dialog :fullscreen="true" :title="gening?'正在生成pdf':'PDF预览'" :visible.sync="visible" @close="$emit('close')"
-             class="pdfshow">
-    <el-row>
-      <el-col :span="4">
-        <el-switch @change="initPdf()" :active-text="$t('横向显示')" :inactive-text="$t('竖向显示')" v-model="isLandscape">
-        </el-switch>
-      </el-col>
-      <el-col :span="4">
-        {{$t('字号')}}
-        <el-input :clearable="false" :placeholder="$t('请输入字号')" size="mini" style="width:100px"
-                  v-model.number="fontSize"></el-input>
-      </el-col>
-      <el-col :span="6">
-        <el-pagination :current-page.sync="currentPage" :page-size.sync="pageSize" :page-sizes="[100, 200, 400]"
-                       :total="totalSize" @current-change="initPdf()" @size-change="initPdf()"
-                       layout="sizes, prev, pager, next">
-        </el-pagination>
-      </el-col>
-      <el-col :span="4">
-        <el-button @click="refreshGridData()">{{$t('刷新')}}</el-button>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-checkbox-group v-model="pdfExport" v-if="columnStyles.length>0">
-        <el-checkbox v-for="(item, index) in resultData[0]" :label="index" :key="index">{{item}}
-          <el-input :clearable="false" :placeholder="$t('最小宽')" size="mini" style="width:50px"
-                    v-model="columnStyles[index].cellWidth"></el-input>
-        </el-checkbox>
-      </el-checkbox-group>
-    </el-row>
-    <object id="output" style="width: 100%;height: calc(100% - 40px)" type="application/pdf">
-      <p>It appears you don't have PDF support in this web browser</p>
-    </object>
-  </el-dialog>
-</template>
-
-<script>
-import jsPDF from 'jspdf';
-import 'jspdf-autotable';
-
-window.jsPDF = jsPDF
-
-
-export default {
-  name: 'pdfshow',
-  components: {},
-  props: {
-    gening: {//pdf生成中
-      type: Boolean,
-      default: function () {
-        return true
-      }
-    },
-    defaultSort: {
-      type: Object,
-      default: function () { // updTimFirst是因为会触发HdQuery的排序及查询,默认不让查询
-        return { prop: 'updTim', order: 'descending' }
-      }
-    },
-    pageHide: Boolean,
-    ckHide: Boolean, // 是否显示checkbox默认显示
-    indexHide: Boolean, // 是否显示index 默认显示
-    recHide: Boolean, // 是否显示创建人 默认显示
-    rowClassName: Function,
-    //  : [Array],
-    excelPropHeader: Boolean// 导出excel是否包含属性头,默认false,导入excel如果需要模板,可以开启,并且会导出所有属性
-  },
-  data() {
-    return {
-      visible: true, //因为外层是v-if
-      totalSize: 0,//数据总数
-      isLandscape: false,//默认竖向
-      pdfExport: [],// 导出pdf时不处理的字段
-      currentPage: 1,
-      pageSize: 400,
-      resultData: [], //所有数据
-      columnStyles: [],
-      gridData: [], //展示数据
-      gridStyles: [],
-      title: '',
-      fontSize: 10,
-    }
-  },
-  mounted() {
-
-  },
-  methods: {
-    handleSizeChange() {
-      this.initPdf()
-    },
-    handleCurrentChange() {
-      this.initPdf()
-    },
-    /**
-     * 过滤不显示字段
-     */
-    initShowData() {
-      this.gridData = this.resultData.map(v1 => {
-        return v1.filter((v2, i2) =>
-          this.pdfExport.indexOf(i2) > -1
-        )
-      });
-      let flag = 0;
-      this.gridStyles = this.resultData[0].reduce((total, v, i) => {
-        if (this.pdfExport.indexOf(i) > -1) {
-          let cellWidth = parseInt(this.columnStyles[i].cellWidth);
-          // console.log('xxx'.cellWidth, this.columnStyles[i].cellWidth)
-          total[flag++] = { cellWidth: isNaN(cellWidth) ? 'auto' : cellWidth }
-        }
-        return total
-      }, {});
-
-    },
-    refreshGridData() {
-      // console.log('refreshGridData', this.pdfExport)
-      let obj = { isLandscape: this.isLandscape, fontSize: this.fontSize, cols: this.pdfExport, columnStyles: this.columnStyles }
-      localStorage.setItem("HdPdfSel" + this.$parent.gridId, JSON.stringify(obj));
-      this.initShowData();
-      this.initPdf();
-    },
-    addScript() {//字体库太大,使用pdf时才会加载字体
-      this.$message({
-        type: 'success',
-        showClose: true,
-        duration: 99999,
-        message: this.$t('正在初始化pdf脚本,请等待...')
-      })
-      var head = document.getElementsByTagName('head')[0];
-      var script = document.createElement('script');
-      const that = this;
-      script.onload = script.onreadystatechange = () => {
-        console.log('readyState', that.readyState)
-        if (!that.readyState || that.readyState === "loaded" || that.readyState === "complete") {
-          that.$message.closeAll()
-          that.initPdf()//脚本渲染好后,再显示
-          script.onload = script.onreadystatechange = null;
-        }
-      };
-      script.type = 'text/javascript';
-      script.src = 'static/js/simsun.js';
-      head.appendChild(script);
-    },
-    genPdf(header, merdata, title) {
-      // console.log('parent', this.$parent)
-      // console.log('grid', this.$parent.gridId)
-      this.totalSize = merdata.length - 1
-      this.resultData.push(["#", ...merdata[0]]);
-      for (let i = 1; i < merdata.length; i++) {
-        this.resultData.push([i, ...merdata[i]]);
-      }
-
-      // console.log('localStorage', localStorage.getItem('HdPdfSel' + this.$parent.gridId));
-      // let obj = {isLandscape: this.isLandscape, fontSize: this.fontSize, cols: this.pdfExport}
-      // localStorage.setItem("HdPdfSel" + this.$parent.gridId, JSON.stringify(obj));
-      let storeStr = localStorage.getItem('HdPdfSel' + this.$parent.gridId)
-      if (storeStr) {
-        let storeObj = JSON.parse(storeStr)
-        this.pdfExport = storeObj.cols;
-        this.fontSize = storeObj.fontSize
-        this.isLandscape = storeObj.isLandscape
-        if (!storeObj.columnStyles || storeObj.columnStyles.length < 1) {
-          this.columnStyles = this.resultData[0].map(v => {
-            return { cellWidth: 'auto' };
-          });
-        } else {
-          this.columnStyles = storeObj.columnStyles
-        }
-
-        //默认全选
-        if (!this.pdfExport || !Array.isArray(this.pdfExport) || this.pdfExport.length < 1) {
-          this.pdfExport = [];
-          for (let i = 0; i <= this.totalSize; i++) {
-            this.pdfExport.push(i);
-          }
-        }
-      }
-      this.initShowData();
-      this.title = title;
-      this.addScript()
-    },
-    initPdf() {
-      let startDataNum = (this.currentPage - 1) * this.pageSize + 1 //merdata第一位是header 要+1
-      let endDataNum = (this.currentPage) * this.pageSize + 1
-      let nowData = this.gridData.slice(startDataNum, endDataNum)
-      this.$nextTick(() => {
-        this.showPdf([this.gridData[0]], nowData, this.title)
-      })
-    },
-    showPdf(header, merdata, title) {
-      var head = header
-      var body = merdata
-      var doc = null
-      if (this.isLandscape) {
-        var doc = new jsPDF('l', 'pt');
-        doc.setFont('simsun');
-        // doc.setFontStyle('normal');
-        doc.text(title, 450, 30, { align: 'center' });
-      } else {
-        var doc = new jsPDF('h', 'pt');
-        doc.setFont('simsun');
-        // doc.setFontStyle('normal');
-        doc.text(title, 300, 30, { align: 'center' });
-      }
-      // doc.
-      doc.autoTable({
-        head: head,
-        body: body,
-        margin: { right: 12, left: 12 },
-        styles: {
-          font: "simsun",
-          fontStyle: 'normal',
-          lineColor: '#000',
-          lineWidth: 1,
-          fontSize: this.fontSize,
-          cellPadding: 0.5,
-          halign: 'center',
-          overflow: "linebreak",
-          cellWidth: '10',
-          minCellWidth: '2',
-        },
-        headStyles: { font: "simsun", fontStyle: 'normal' }, // Red
-        columnStyles: this.gridStyles,
-        // columnStyles: {//列的样式
-        //   columnWidth: 20,
-        // },
-        // didParseCell: (HookData) => {//num居右
-        //   console.log('HookData', HookData, HookData.cell.text, HookData.cell, HookData.cell.text[0].length);
-        //   HookData.column.width = this.gridStyles[HookData.column.index].cellWidth
-        //   HookData.cell.width = this.gridStyles[HookData.column.index].cellWidth
-        //   HookData.cell.styles.cellWidth = this.gridStyles[HookData.column.index].cellWidth + 'px'
-        //   // if (!isNaN(HookData.cell.text)) {
-        //   //   HookData.cell.styles.halign = 'right'
-        //   // }
-        // }
-      });
-
-      document.getElementById("output").data = doc.output('datauristring');
-    }
-  },
-  watch: {
-    fontSize(newVal) {
-      if (!newVal) {
-        this.fontSize = 10
-      } else if (newVal > 50) {
-        this.fontSize = 50
-      } else if (newVal < 2) {
-        this.fontSize = 1
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-.pdfshow {
-  /deep/ .el-dialog {
-    // overflow: hidden;
-  }
-
-  /deep/ .el-dialog__body {
-    //deep内的不会加随机数
-    width: 100%;
-    height: calc(100% - 55px);
-  }
-}
-</style>