三保变更批量导出及打印

zhaowei

3 天以前 fdd08d56e9d84d2f9578e82c44578d099b29572f

三保变更批量导出及打印

 src/views/eam/maintenance/EamThirdMaintenanceChangeList.vue

@@ -36,9 +36,16 @@
      </a-form>
    </div>

    <!-- æ“ä½œæŒ‰é’®åŒºåŸŸ -->
    <div class="table-operator">
      <a-button @click="handleBatchPrint" type="primary" icon="monitor" :disabled="selectedRowKeys.length===0">批量预览
      </a-button>
    </div>

    <!-- table区域-begin -->
    <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="dataSource"
             :pagination="ipagination" :loading="loading" :scroll="{x:'max-content'}"
             :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
             @change="handleTableChange">

      <!--使用部门-->
@@ -46,7 +53,7 @@
        {{[record.zxfactoryOrgCode_dictText].filter(item=>item).join('/')}}
      </template>

        <span slot="action" slot-scope="text, record">
      <span slot="action" slot-scope="text, record">
          <template v-if="record.changeStatus=='WAIT_SUBMIT'">
            <a @click="handleEdit(record)">编辑</a>

@@ -75,6 +82,9 @@
    <!--审批窗口-->
    <third-maintenance-order-change-approval-modal ref="thirdMaintenanceOrderChangeApprovalModal"
                                                   :selectShenpiData="selectedRowData"/>

    <!--批量打印窗口-->
    <eam-third-maintenance-change-batch-print-modal ref="batchPrintModal"/>
  </a-card>
</template>

@@ -85,11 +95,13 @@
  import EamThirdMaintenanceChangeModal from './modules/EamThirdMaintenanceChangeModal.vue'
  import ThirdMaintenanceOrderChangeApprovalModal
    from '../../flowable/workflow/thirdMaintenance/ThirdMaintenanceOrderChangeApprovalModal'
  import EamThirdMaintenanceChangeBatchPrintModal from './modules/EamThirdMaintenanceChangeBatchPrintModal'

  export default {
    name: 'EamThirdMaintenanceChangeList',
    mixins: [JeecgListMixin],
    components: {
      EamThirdMaintenanceChangeBatchPrintModal,
      ThirdMaintenanceOrderChangeApprovalModal,
      EamThirdMaintenanceChangeModal,
      LxSearchEquipmentSelect
@@ -323,6 +335,11 @@
        this.queryParam.dateEnd = dateStringArray[1]
      },

      // æ‰¹é‡æ‰“印
      handleBatchPrint() {
        this.$refs.batchPrintModal.handlePreview(this.selectedRowKeys.join())
      },

      handlePrint(record) {
        let href = `${window._CONFIG['domianURL']}/jmreport/view/1094880052100399104?id=` + record.id
        //  + `&orderId=` + record.id; //网站链接

 src/views/eam/maintenance/modules/EamThirdMaintenanceChangeBatchPrintModal.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,215 @@
<template>
  <j-modal title="预览（仅可预览已完成工单）" :width="948" :visible="visible" switchFullscreen centered
           :mask-closable="false" @cancel="handleCancel" cancelText="关闭">
    <a-spin :spinning="spinning" style="height: 100%">
      <div id="dataTable">
        <div v-for="dataItem in dataSource" class="table-container">
          <div style="page-break-before:always"></div>

          <table class="import-table" :id="dataItem.equipmentCode">
            <thead>
            <tr>
              <td colspan="12" style="border: none">
                <div style="text-align: right">{{dataItem.hfCode}}</div>
              </td>
            </tr>
            </thead>

            <tbody>
            <tr style="height: 48px;">
              <th colspan="12" style="border: none;font-size: 20px">加工设备保养计划变更申请单</th>
            </tr>

            <tr>
              <td colspan="6" style="border: none;padding-left: 20px">
                <div style="text-align: left">申请单位：{{dataItem.zxfactoryOrgCode_dictText}}</div>
              </td>
              <td colspan="6" style="border: none;padding-right: 20px">
                <div style="text-align: right">
                  {{dataItem.applyDate.split('-')[0]}} å¹´ {{dataItem.applyDate.split('-')[1]}} æœˆ
                  {{dataItem.applyDate.split('-')[2]}} æ—¥
                </div>
              </td>
            </tr>

            <tr style="height: 40px;">
              <td colspan="2">设备名称</td>
              <td colspan="2">{{dataItem.equipmentName}}</td>
              <td colspan="2">型号</td>
              <td colspan="2">{{dataItem.equipmentModel}}</td>
              <td colspan="2">统一编号</td>
              <td colspan="2">{{dataItem.equipmentCode}}</td>
            </tr>

            <tr style="height: 40px;">
              <td colspan="2">原计划时间</td>
              <td colspan="2">{{dataItem.oldPlanDate}}</td>
              <td colspan="2">申请延保时间</td>
              <td colspan="2">{{dataItem.deferredMaintenanceDate}}</td>
              <td colspan="2">设备管理主管</td>
              <td colspan="2">{{dataItem.applicant_dictText}}</td>
            </tr>

            <tr>
              <td colspan="2" style="padding: 5px">延保（或变更）原因</td>
              <td colspan="10" style="text-align: left;padding: 5px">
                <div style="text-align: left" v-html="dataItem.equipmentManagerComment"></div>
                <br/><br/><br/><br/>
                <div style="text-align: right;padding-right: 20px">
                  ä¸»ç®¡å®¤çº§é¢†å¯¼ç­¾å­—：{{dataItem.equipmentManagerSignature_dictText}}
                </div>
              </td>
            </tr>

            <tr>
              <td colspan="2" style="padding: 5px">确认部门</td>
              <td colspan="10" style="padding: 5px">
                <div style="text-align: left" v-html="dataItem.departManagerComment"></div>
                <br/><br/><br/><br/>
                <div style="text-align: right;padding-right: 20px">
                  ä¸»ç®¡å®¤çº§é¢†å¯¼ç­¾å­—：{{dataItem.departManagerSignature_dictText}}
                </div>
              </td>
            </tr>

            <tr>
              <td colspan="2" style="padding: 5px">生产保障部</td>
              <td colspan="10" style="padding: 5px">
                <div style="text-align: left" v-html="dataItem.productionSupportComment"></div>
                <br/><br/><br/><br/>
                <div style="text-align: right;padding-right: 20px">
                  ä¸»ç®¡å®¤çº§é¢†å¯¼ç­¾å­—：{{dataItem.productionSupportSignature_dictText}}
                </div>
              </td>
            </tr>

            <tr>
              <td colspan="12" style="padding: 5px 40px;border: none;">
                <div style="text-align: left">
                  å¤‡æ³¨ï¼šç¡®è®¤éƒ¨é—¨ä¸ºç”Ÿäº§æŒ‡æŒ¥éƒ¨ã€è®¾å¤‡ç»´ä¿®éƒ¨é—¨ã€é¡¹ç›®å®žæ–½éƒ¨é—¨ã€‚其中因生产任务紧急无法停机的情况须经生产指挥部签字
                </div>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </a-spin>

    <template slot="footer">
      <a-button @click="handleCancel">关闭</a-button>
      <a-button type="primary" @click="handleImport">导出</a-button>
      <a-button type="primary" v-print="'#dataTable'">打印</a-button>
    </template>
  </j-modal>
</template>

<script>
  import { getAction } from '@/api/manage'
  import $ from 'jquery'
  import '@/components/table2excel/table2excel'

  export default {
    name: 'EamThirdMaintenanceChangeBatchPrintModal',
    data() {
      return {
        visible: false,
        spinning: false,
        dataSource: [],
        url: {
          list: '/eam/eamThirdMaintenanceChange/batchExport'
        }
      }
    },
    methods: {
      /**
       * æ‰¹é‡é¢„览
       * @param ids String ä¸»é¡µé¢åˆ—表勾选ids
       */
      handlePreview(ids) {
        this.visible = true
        this.spinning = true
        this.dataSource = []
        const that = this
        getAction(this.url.list, { ids })
          .then(res => {
            if (res.success) that.dataSource = res.result
          })
          .finally(() => {
            that.spinning = false
          })
      },

      // å¯¼å‡ºåˆ°Excel
      handleImport() {
        document.querySelectorAll('table.import-table').forEach(item => {
          $(item).table2excel({
            exclude: '.noExl',
            name: 'Excel Document Name',
            filename: '加工设备保养计划变更申请单-' + item.id,
            exclude_img: true,
            fileext: '.xls',
            exclude_links: true,
            exclude_inputs: false
          })
        })

      },

      handleCancel() {
        this.close()
      },

      close() {
        this.$emit('close')
        this.visible = false
        if (this.$refs.form) this.$refs.form.clearValidate()
      }
    }
  }
</script>

<style scoped lang="less">
  /deep/ .ant-modal {
    height: 90%;
    overflow: hidden;

    .ant-modal-content {
      height: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden;

      ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }

      .ant-modal-body {
        flex: 1;
        overflow: auto;
      }
    }
  }

  .table-container:not(:last-child) {
    margin-bottom: 20px;
  }

  table {
    width: 100%;
    text-align: center;
    table-layout: fixed;

    td, th {
      border: 1px solid #000;
    }

    td.vertical-display {
      transform: rotate(360deg);
      writing-mode: vertical-lr;
      letter-spacing: 5px;
      padding: 10px 0;
    }
  }
</style>

 src/views/eam/repair/modules/EamProductHazardsBatchPrintModal.vue

@@ -108,17 +108,7 @@
      return {
        visible: false,
        spinning: false,
        dataSource: [
          {
            hfCode: 'HF-16548ASDSADA',
            equipmentName: '手打十点多',
            equipmentModel: '6500P',
            equipmentCode: '2125400',
            factoryName: '燃机厂',
            maintenanceDateFormatted: '2025å¹´5月20日'

          }
        ],
        dataSource: [],
        url: {
          list: '/eam/eamReportProductHazards/batchExport'
        }