vue2-client 1.10.21 → 1.10.26

package/src/base-client/components/common/XTable/ExportExcel.vue

@@ -1,284 +1,276 @@
-<script>
-import { exportData, getConfigByNameAsync, queryAll } from '@vue2-client/services/api/common'
-import { formatDate } from '@vue2-client/utils/util'
-import { exportJson } from '@vue2-client/utils/excel/Export2Excel'
-import { Ellipsis } from '@vue2-client/components'
-import PrintBill from '@vue2-client/base-client/components/common/XPrint/PrintBill.vue'
-import hiPrintCss from '@vue2-client/base-client/components/common/XPrint/css/hiPrintCss'
-
-export default {
-  name: 'ExportExcel',
-  components: { PrintBill, Ellipsis },
-  data () {
-    return {
-      // 导出列选择
-      exportModalVisible: false,
-      summaryLoadingShow: false,
-      tipMsg: '正在获取汇总数据。。。',
-      exportType: false,
-      type: 'export',
-      selectedExportColumns: [],
-      exportSelectedRows: false,
-      allColumnsSelected: false,
-      exportFileName: null,
-      confirmLoading: null,
-      printData: {}
-    }
-  },
-  inject: ['tableContext'],
-  methods: {
-    // 导出选中或本页数据
-    handleExport (type) {
-      this.type = 'export'
-      this.handle(type)
-    },
-    // 导出选中或本页数据
-    handlePrint (type, printData) {
-      this.type = 'print'
-      this.printData = printData
-      this.handle(type)
-    },
-    handle (type) {
-      this.exportType = type
-      this.confirmLoading = false
-      this.exportModalVisible = true
-      // 组织默认选中的字段
-      this.selectedExportColumns = this.tableContext.tableColumns
-        .filter(column => column.slotType !== 'action' && column.defaultExport)
-        .map(column => column.dataIndex)
-    },
-    handleGen () {
-      const tHeader = this.tableContext.tableColumns
-          .filter(column => this.selectedExportColumns.includes(column.dataIndex))
-          .map(column => column.title)
-      const filterVal = this.tableContext.tableColumns
-          .filter(column => this.selectedExportColumns.includes(column.dataIndex))
-          .map(column => column.dataIndex)
-      this.confirmLoading = true
-      if (this.type === 'export') {
-       if (this.exportType === 'curPage' || this.exportType === 'selected') {
-         this.handleExportCur(tHeader, filterVal, this.exportType === 'selected')
-       } else if (this.exportType === 'exportByQuery') {
-         this.handleExportByQuery(tHeader, filterVal)
-       }
-     } else {
-       if (this.exportType === 'curPage' || this.exportType === 'selected') {
-         this.handlePrintCur(tHeader, filterVal, this.exportType === 'selected')
-       } else if (this.exportType === 'exportByQuery') {
-         this.handlePrintByQuery(tHeader, filterVal)
-       }
-     }
-    },
-    // 打印选中或本页数据
-    handlePrintCur (tHeader, filterVal, isSelected) {
-      let exportData
-      if (isSelected) {
-        exportData = this.tableContext.selectedRows
-      } else {
-        exportData = this.tableContext.getTableData()
-      }
-      // 获取模板内容
-      this.handlePrintGen(tHeader, filterVal, exportData)
-    },
-    // 打印查询结果
-    async handlePrintByQuery (tHeader, filterVal) {
-      try {
-        const requestParameters = this.tableContext.requestParameters
-        this.summaryLoadingShow = true
-        this.tipMsg = '正在组织数据。。。'
-        const res = await queryAll(Object.assign(requestParameters, { userId: this.tableContext.currUser?.id, pageSize: 200 }), this.tableContext.serviceName, this.tableContext.env === 'dev')
-        this.handlePrintGen(tHeader, filterVal, res.data)
-      } finally {
-        this.confirmLoading = false
-      }
-    },
-    // 获取模板内容
-    handlePrintGen (tHeader, filterVal, exportData) {
-      getConfigByNameAsync(this.tableContext.printTemplate, this.tableContext.serviceName).then(async res => {
-        if (this.printData && this.printData.summary) {
-          this.summaryLoadingShow = true
-          this.tipMsg = '正在获取汇总数据。。。'
-          this.printData.summaryData = {}
-          const tempSummary = await this.printData.summary()
-          tempSummary.forEach(row => {
-            this.printData.summaryData[row.key] = row.value
-          })
-          this.summaryLoadingShow = false
-        }
-        // 如果模板中有默认表格 使用当前选中字段替换表格内容
-        const crudTableIndex = res.panels[0].printElements.findIndex(h => h.printElementType?.type === 'table' && h.options.field === 'CRUD_TABLE')
-        if (crudTableIndex !== -1) {
-          console.log()
-          res.panels[0].printElements[crudTableIndex].options.columns = [tHeader.map((title, index) => {
-            return {
-              colspan: 1,
-              field: filterVal[index],
-              columnId: filterVal[index],
-              rowspan: 1,
-              width: res.panels[0].printElements[crudTableIndex].options.width / tHeader.length,
-              checked: true,
-              fixed: false,
-              title: title,
-              tableSummary: this.tableContext.summaryData.find(item => item.title === title) ? 'sum' : undefined
-            }
-          })]
-        }
-        this.$nextTick(() => {
-          console.log('打印数据预览', this.printData)
-          this.$print(undefined, res, { ...this.printData, CRUD_TABLE: exportData }, {}, {
-            callback: () => {
-              this.confirmLoading = false
-              this.closeModal()
-              this.$emit('ok')
-            },
-            styleHandler: () => {
-              this.confirmLoading = false
-              return hiPrintCss()
-            }
-          })
-        })
-      }).finally(() => {
-        this.confirmLoading = false
-        this.summaryLoadingShow = false
-      })
-    },
-    // 导出选中或本页数据
-    handleExportCur (tHeader, filterVal, isSelected) {
-      let exportData
-      if (isSelected) {
-        exportData = this.tableContext.selectedRows
-      } else {
-        exportData = this.tableContext.getTableData()
-      }
-      this.confirmLoading = false
-      exportJson(tHeader, exportData.map(v => filterVal.map(j => v[j])), `${this.tableContext.title || ''}数据_${new Date().toLocaleString()}`)
-    },
-    // 导出符合条件的数据
-    handleExportByQuery (tHeader, tDataList) {
-      const that = this
-      const conditionParams = Object.assign(that.tableContext.form, that.tableContext.fixedQueryForm)
-      Object.keys(conditionParams).forEach(key => {
-        if (Array.isArray(conditionParams[key])) {
-          // 检查数组中是否包含 null
-          const hasNull = conditionParams[key].every(item => item === '') || conditionParams[key].length === 0
-          // 如果包含 null，则删除该属性
-          if (hasNull) {
-            delete conditionParams[key]
-          }
-        }
-      })
-      that.exportFileName = null
-      this.$confirm({
-        title: '是否确认导出?',
-        content: (h) => (
-            <div>
-              <p>此操作将导出当前条件下所有数据而非选中数据</p>
-              {/* eslint-disable-next-line no-return-assign */}
-              <a-input placeholder="请输入导出文件名" onChange={(e) => that.exportFileName = e.target.value}/>
-            </div>
-        ),
-        onOk () {
-          const defaultExportData = {
-            queryParamsName: that.tableContext.queryParamsName,
-            queryParams: that.tableContext.queryParams,
-            tHeader: tHeader,
-            tDataList: tDataList,
-            form: conditionParams,
-            userId: that.tableContext.currUser.id
-          }
-          const dateTime = formatDate(new Date(), 'yyyy-MM-dd_hh-mm-ss')
-          const fileNamePrefix = that.exportFileName || `${that.tableContext.currUser.username}`
-          const name = `${fileNamePrefix}_${dateTime}`
-          const param = {
-            exportData: defaultExportData,
-            asyncExportData: {
-              f_task_type: 'export',
-              f_task_class: 'com.af.v4.impl.CommonExportHandlerImpl',
-              f_user_id: that.tableContext.currUser.id,
-              // 导出条件
-              f_tag1: defaultExportData,
-              // 导出文件名
-              f_tag2: name,
-              // 执行数据源
-              f_tag3: process.env.VUE_APP_SYSTEM_NAME,
-              f_service_name: that.tableContext.serviceName || process.env.VUE_APP_SYSTEM_NAME,
-              f_task_name: name,
-            }
-          }
-          exportData(param, that.tableContext.serviceName).then(res => {
-            that.closeModal()
-            if (!res.isAsync) {
-              let value = res.result
-              if (that.tableContext.compatible === 'V4' && (Object.keys(res).length === 1 && Object.prototype.hasOwnProperty.call(res, 'value'))) {
-                value = res.value
-              }
-              that.confirmLoading = false
-              window.open(value)
-            }
-          })
-        },
-        onCancel () {
-        }
-      })
-    },
-    closeModal () {
-      this.exportModalVisible = false
-    },
-    // 新增的全选方法
-    handleSelectAllColumns (e) {
-      if (e.target.checked) {
-        this.selectedExportColumns = this.tableContext.tableColumns.map(column => column.dataIndex)
-      } else {
-        this.selectedExportColumns = []
-      }
-    }
-  }
-}
-</script>
-
-<template>
-  <a-modal
-    title="选择导出列"
-    width="35vw"
-    :confirmLoading="confirmLoading"
-    v-model="exportModalVisible"
-    :destroy-on-close="true"
-    @ok="handleGen"
-  >
-    <a-row type="flex" justify="space-between" style="padding-left: 3rem" v-show="!summaryLoadingShow">
-      <a-col :span="8" style="margin-top: 3px">
-        <a-checkbox
-          :checked="selectedExportColumns.length === tableContext.tableColumns.length"
-          @change="handleSelectAllColumns"
-        >
-          全选
-        </a-checkbox>
-      </a-col>
-    </a-row>
-    <a-checkbox-group v-model="selectedExportColumns" v-show="!summaryLoadingShow">
-      <a-row type="flex" justify="space-between" style="padding-left: 3rem">
-        <a-col
-          :span="8"
-          style="margin-top: 3px"
-          v-for="column in tableContext.tableColumns.filter(res => res.slotType !== 'action')"
-          :key="column.dataIndex">
-          <a-checkbox
-            :label="column.title"
-            :value="column.dataIndex"
-          >
-            <ellipsis :length="18" tooltip>
-              {{ column.title }}
-            </ellipsis>
-          </a-checkbox>
-        </a-col>
-      </a-row>
-    </a-checkbox-group>
-    <a-row type="flex" justify="center" v-show="summaryLoadingShow">
-      <a-spin :tip="tipMsg" v-show="summaryLoadingShow" />
-    </a-row>
-  </a-modal>
-</template>
-
-<style scoped lang="less">
-
-</style>
+<script>
+import { exportData, getConfigByNameAsync, queryAll } from '@vue2-client/services/api/common'
+import { formatDate } from '@vue2-client/utils/util'
+import { exportJson } from '@vue2-client/utils/excel/Export2Excel'
+import { Ellipsis } from '@vue2-client/components'
+import PrintBill from '@vue2-client/base-client/components/common/XPrint/PrintBill.vue'
+import hiPrintCss from '@vue2-client/base-client/components/common/XPrint/css/hiPrintCss'
+
+export default {
+  name: 'ExportExcel',
+  components: { PrintBill, Ellipsis },
+  data () {
+    return {
+      // 导出列选择
+      exportModalVisible: false,
+      summaryLoadingShow: false,
+      tipMsg: '正在获取汇总数据。。。',
+      exportType: false,
+      type: 'export',
+      selectedExportColumns: [],
+      exportSelectedRows: false,
+      allColumnsSelected: false,
+      exportFileName: '',
+      confirmLoading: null,
+      printData: {}
+    }
+  },
+  inject: ['tableContext'],
+  methods: {
+    // 导出选中或本页数据
+    handleExport (type, title) {
+      this.exportFileName = title || '查询导出'
+      this.type = 'export'
+      this.handle(type)
+    },
+    // 导出选中或本页数据
+    handlePrint (type, printData) {
+      this.type = 'print'
+      this.printData = printData
+      this.handle(type)
+    },
+    handle (type) {
+      this.exportType = type
+      this.confirmLoading = false
+      this.exportModalVisible = true
+      // 组织默认选中的字段
+      this.selectedExportColumns = this.tableContext.tableColumns
+        .filter(column => column.slotType !== 'action' && column.defaultExport)
+        .map(column => column.dataIndex)
+    },
+    handleGen () {
+      const tHeader = this.tableContext.tableColumns
+          .filter(column => this.selectedExportColumns.includes(column.dataIndex))
+          .map(column => column.title)
+      const filterVal = this.tableContext.tableColumns
+          .filter(column => this.selectedExportColumns.includes(column.dataIndex))
+          .map(column => column.dataIndex)
+      this.confirmLoading = true
+      if (this.type === 'export') {
+       if (this.exportType === 'curPage' || this.exportType === 'selected') {
+         this.handleExportCur(tHeader, filterVal, this.exportType === 'selected')
+       } else if (this.exportType === 'exportByQuery') {
+         this.handleExportByQuery(tHeader, filterVal)
+       }
+     } else {
+       if (this.exportType === 'curPage' || this.exportType === 'selected') {
+         this.handlePrintCur(tHeader, filterVal, this.exportType === 'selected')
+       } else if (this.exportType === 'exportByQuery') {
+         this.handlePrintByQuery(tHeader, filterVal)
+       }
+     }
+    },
+    // 打印选中或本页数据
+    handlePrintCur (tHeader, filterVal, isSelected) {
+      let exportData
+      if (isSelected) {
+        exportData = this.tableContext.selectedRows
+      } else {
+        exportData = this.tableContext.getTableData()
+      }
+      // 获取模板内容
+      this.handlePrintGen(tHeader, filterVal, exportData)
+    },
+    // 打印查询结果
+    async handlePrintByQuery (tHeader, filterVal) {
+      try {
+        const requestParameters = this.tableContext.requestParameters
+        this.summaryLoadingShow = true
+        this.tipMsg = '正在组织数据。。。'
+        const res = await queryAll(Object.assign(requestParameters, { userId: this.tableContext.currUser?.id, pageSize: 200 }), this.tableContext.serviceName, this.tableContext.env === 'dev')
+        this.handlePrintGen(tHeader, filterVal, res.data)
+      } finally {
+        this.confirmLoading = false
+      }
+    },
+    // 获取模板内容
+    handlePrintGen (tHeader, filterVal, exportData) {
+      getConfigByNameAsync(this.tableContext.printTemplate, this.tableContext.serviceName).then(async res => {
+        if (this.printData && this.printData.summary) {
+          this.summaryLoadingShow = true
+          this.tipMsg = '正在获取汇总数据。。。'
+          this.printData.summaryData = {}
+          const tempSummary = await this.printData.summary()
+          tempSummary.forEach(row => {
+            this.printData.summaryData[row.key] = row.value
+          })
+          this.summaryLoadingShow = false
+        }
+        // 如果模板中有默认表格 使用当前选中字段替换表格内容
+        const crudTableIndex = res.panels[0].printElements.findIndex(h => h.printElementType?.type === 'table' && h.options.field === 'CRUD_TABLE')
+        if (crudTableIndex !== -1) {
+          console.log()
+          res.panels[0].printElements[crudTableIndex].options.columns = [tHeader.map((title, index) => {
+            return {
+              colspan: 1,
+              field: filterVal[index],
+              columnId: filterVal[index],
+              rowspan: 1,
+              width: res.panels[0].printElements[crudTableIndex].options.width / tHeader.length,
+              checked: true,
+              fixed: false,
+              title: title,
+              tableSummary: this.tableContext.summaryData.find(item => item.title === title) ? 'sum' : undefined
+            }
+          })]
+        }
+        this.$nextTick(() => {
+          console.log('打印数据预览', this.printData)
+          this.$print(undefined, res, { ...this.printData, CRUD_TABLE: exportData }, {}, {
+            callback: () => {
+              this.confirmLoading = false
+              this.closeModal()
+              this.$emit('ok')
+            },
+            styleHandler: () => {
+              this.confirmLoading = false
+              return hiPrintCss()
+            }
+          })
+        })
+      }).finally(() => {
+        this.confirmLoading = false
+        this.summaryLoadingShow = false
+      })
+    },
+    // 导出选中或本页数据
+    handleExportCur (tHeader, filterVal, isSelected) {
+      let exportData
+      if (isSelected) {
+        exportData = this.tableContext.selectedRows
+      } else {
+        exportData = this.tableContext.getTableData()
+      }
+      this.confirmLoading = false
+      exportJson(tHeader, exportData.map(v => filterVal.map(j => v[j])), `${this.tableContext.title || ''}数据_${new Date().toLocaleString()}`)
+    },
+    // 导出符合条件的数据
+    handleExportByQuery (tHeader, tDataList) {
+      const that = this
+      const conditionParams = Object.assign(that.tableContext.form, that.tableContext.fixedQueryForm)
+      Object.keys(conditionParams).forEach(key => {
+        if (Array.isArray(conditionParams[key])) {
+          // 检查数组中是否包含 null
+          const hasNull = conditionParams[key].every(item => item === '') || conditionParams[key].length === 0
+          // 如果包含 null，则删除该属性
+          if (hasNull) {
+            delete conditionParams[key]
+          }
+        }
+      })
+      const dateTime = formatDate(new Date(), 'yyyy-MM-dd_hh-mm-ss')
+      const fileNamePrefix = this.exportFileName || '查询导出'
+      const name = `${fileNamePrefix}_${dateTime}`
+      const param = {
+        queryParamsName: this.tableContext.queryParamsName,
+        queryParams: this.tableContext.queryParams,
+        tHeader: tHeader,
+        tDataList: tDataList,
+        form: conditionParams,
+        userId: this.tableContext.currUser.id,
+        fileName: name
+      }
+      exportData(param, this.tableContext.serviceName).then(res => {
+        this.closeModal()
+        if (!res.isAsync) {
+          let value = res.result
+          if (this.tableContext.compatible === 'V4' && (Object.keys(res).length === 1 && Object.prototype.hasOwnProperty.call(res, 'value'))) {
+            value = res.value
+          }
+          this.confirmLoading = false
+          window.open(value)
+        }
+      })
+    },
+    closeModal () {
+      this.exportModalVisible = false
+    },
+    // 新增的全选方法
+    handleSelectAllColumns (e) {
+      if (e.target.checked) {
+        this.selectedExportColumns = this.tableContext.tableColumns.map(column => column.dataIndex)
+      } else {
+        this.selectedExportColumns = []
+      }
+    },
+    // 校验文件名不能包含特殊字符
+    validateFileName () {
+      // 允许的字符：中文 字母 数字 下划线 - 点
+      const regex = /^[a-zA-Z0-9_\-.\u4e00-\u9fa5]+$/
+      if (!regex.test(this.exportFileName)) {
+        this.$message.warn('文件名称仅仅支持包含中文、字母、数字、下划线、-和点')
+        this.exportFileName = this.exportFileName.slice(0, -1)
+      }
+    }
+  }
+}
+</script>
+
+<template>
+  <a-modal
+    title="选择导出列"
+    width="35vw"
+    :confirmLoading="confirmLoading"
+    v-model="exportModalVisible"
+    :destroy-on-close="true"
+    @ok="handleGen"
+  >
+    <a-row v-if="type === 'export'" type="flex" style="padding-left: 3rem" align="middle">
+      <a-col>
+        <span>文件名: </span>
+      </a-col>
+      <a-col>
+        <a-input
+          @change="validateFileName"
+          placeholder="请输入导出文件名"
+          v-model="exportFileName"
+        />
+      </a-col>
+    </a-row>
+    <a-row type="flex" justify="space-between" style="padding-left: 3rem" v-show="!summaryLoadingShow">
+      <a-col :span="8" style="margin-top: 3px">
+        <a-checkbox
+          :checked="selectedExportColumns.length === tableContext.tableColumns.length"
+          @change="handleSelectAllColumns"
+        >
+          全选
+        </a-checkbox>
+      </a-col>
+    </a-row>
+    <a-checkbox-group v-model="selectedExportColumns" v-show="!summaryLoadingShow">
+      <a-row type="flex" justify="space-between" style="padding-left: 3rem">
+        <a-col
+          :span="8"
+          style="margin-top: 3px"
+          v-for="column in tableContext.tableColumns.filter(res => res.slotType !== 'action')"
+          :key="column.dataIndex">
+          <a-checkbox
+            :label="column.title"
+            :value="column.dataIndex"
+          >
+            <ellipsis :length="18" tooltip>
+              {{ column.title }}
+            </ellipsis>
+          </a-checkbox>
+        </a-col>
+      </a-row>
+    </a-checkbox-group>
+    <a-row type="flex" justify="center" v-show="summaryLoadingShow">
+      <a-spin :tip="tipMsg" v-show="summaryLoadingShow"/>
+    </a-row>
+  </a-modal>
+</template>
+
+<style scoped lang="less">
+
+</style>