三保变更批量导出及打印

zhaowei

3 天以前 fdd08d56e9d84d2f9578e82c44578d099b29572f

 src/views/eam/maintenance/EamThirdMaintenanceChangeList.vue

@@ -36,12 +36,25 @@
      </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">
        <span slot="action" slot-scope="text, record">
          <tamplate v-if="record.changeStatus=='WAIT_SUBMIT'">

      <!--使用部门-->
      <template slot="factoryCode" slot-scope="text,record">
        {{[record.zxfactoryOrgCode_dictText].filter(item=>item).join('/')}}
      </template>

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

            <a-divider type="vertical"/>
@@ -55,41 +68,43 @@
            <a-popconfirm title="确定作废吗？" @confirm="handleAbolish(record.id)">
              <a>作废</a>
            </a-popconfirm>
          </tamplate>
          </template>

          <a @click="handleDetail(record)" v-if="record.changeStatus!='WAIT_SUBMIT'&&record.changeStatus!='ABOLISH'">详情</a>
          <a @click="handleDetail(record)"
             v-if="record.changeStatus!='WAIT_SUBMIT'&&record.changeStatus!='ABOLISH'">详情</a>
        </span>
    </a-table>
    <!-- table区域-end -->

    <!-- 表单区域 -->
    <eam-third-maintenance-change-modal ref="orderChangeModal" @ok="modalFormOk"/>
    <eam-third-maintenance-change-modal ref="modalForm" @ok="modalFormOk"/>

    <!--变更流程表单-->
<!--    <third-maintenance-approval-modal ref="thirdMaintenanceApprovalModal"-->
<!--                                      :selectShenpiData="selectThirdMaintenanceData"/>-->
    <!--审批窗口-->
    <third-maintenance-order-change-approval-modal ref="thirdMaintenanceOrderChangeApprovalModal"
                                                   :selectShenpiData="selectedRowData"/>

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

<script>
  // import EamThirdMaintenanceOrderModal from './modules/EamThirdMaintenanceOrderModal'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue'
  import { deleteAction, getAction } from '@api/manage'
  // import ThirdMaintenanceApprovalModal
  //   from '@views/flowable/workflow/thirdMaintenance/ThirdMaintenanceApprovalModal.vue'
  import EamThirdMaintenanceChangeModal
    from '@views/eam/technical/modules/EamThirdMaintenanceChangeModal.vue'
  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,
      // EamThirdMaintenanceOrderModal,
      // ThirdMaintenanceApprovalModal
      LxSearchEquipmentSelect
    },
    props: {
      isDisplayOperation: {
@@ -101,7 +116,7 @@
      return {
        description: '设备三级保养变更页面',
        disableMixinCreated: true,
        selectThirdMaintenanceData: {},
        selectedRowData: {},
        // 表头
        columns: [
          {
@@ -134,9 +149,21 @@
            fixed: 'left'
          },
          {
            title: '使用部门',
            align: 'center',
            scopedSlots: { customRender: 'factoryCode' },
            fixed: 'left'
          },
          {
            title: '变更状态',
            align: 'center',
            dataIndex: 'changeStatus_dictText',
            fixed: 'left'
          },
          {
            title: '工单号',
            align: 'center',
            dataIndex: 'orderNum_dictText'
            dataIndex: 'orderId_dictText'
          },
          {
            title: '变更单号',
@@ -162,11 +189,6 @@
            title: '申请类型',
            align: 'center',
            dataIndex: 'applyCategory_dictText'
          },
          {
            title: '变更状态',
            align: 'center',
            dataIndex: 'changeStatus_dictText'
          },
          {
            title: '变更原因类型',
@@ -221,8 +243,8 @@
        ],
        url: {
          list: '/eam/eamThirdMaintenanceChange/list',
          abolish: '/eam/eamThirdMaintenanceChange/abolish',
          collect: '/eam/eamThirdMaintenanceChange/collect'
          submit: '/eam/eamThirdMaintenanceChange/submit',
          abolish: '/eam/eamThirdMaintenanceChange/abolish'
        }
      }
    },
@@ -234,13 +256,13 @@
        title: '操作',
        dataIndex: 'action',
        align: 'center',
        width: 200,
        fixed: 'right',
        scopedSlots: { customRender: 'action' }
      }
      this.columns = [...this.columns, operationColumn]
      this.loadData(1)
    },
    computed: {},
    methods: {
      /**
       * 提交时触发
@@ -257,12 +279,12 @@
                description: res.message
              })
              that.loadData()
              that.loading = false
            } else {
              that.$notification.warning({
                message: '消息',
                description: res.message
              })
              that.loading = false
            }
          })
      },
@@ -292,17 +314,17 @@
          })
      },

      // /**
      //  * 点击详情时触发
      //  * @param record
      //  */
      // handleDetail(record) {
      //   this.selectThirdMaintenanceData = Object.assign({}, record)
      //   this.$refs.thirdMaintenanceApprovalModal.title = '详情'
      //   this.$refs.thirdMaintenanceApprovalModal.visible = true
      //   this.$refs.thirdMaintenanceApprovalModal.disableSubmit = true
      //   this.$refs.thirdMaintenanceApprovalModal.recordDetail(record)
      // },
      /**
       * 点击详情时触发
       * @param record
       */
      handleDetail(record) {
        this.selectedRowData = Object.assign({}, record)
        this.$refs.thirdMaintenanceOrderChangeApprovalModal.title = '详情'
        this.$refs.thirdMaintenanceOrderChangeApprovalModal.visible = true
        this.$refs.thirdMaintenanceOrderChangeApprovalModal.disableSubmit = true
        this.$refs.thirdMaintenanceOrderChangeApprovalModal.handleDetail(record)
      },

      /**
       * 申请时间发生改变时触发
@@ -313,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; //网站链接