| | |
| | | <!-- 操作按钮区域 --> |
| | | <div class="table-operator" v-if="isDisplayOperation"> |
| | | <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button> |
| | | |
| | | <a-dropdown :disabled="selectedRowKeys.length===0"> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item key="1" @click="handleBatchPrint(1)"> |
| | | 验收单 |
| | | </a-menu-item> |
| | | <a-menu-item key="2" @click="handleBatchPrint(2)"> |
| | | 完工移交单 |
| | | </a-menu-item> |
| | | <a-menu-item key="3" @click="handleBatchPrint(3)"> |
| | | 以上同时展示 |
| | | </a-menu-item> |
| | | </a-menu> |
| | | <a-button style="margin-left: 8px" type="primary"> 批量预览 |
| | | <a-icon type="down"/> |
| | | </a-button> |
| | | </a-dropdown> |
| | | </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"> |
| | | <template v-if="record.maintenanceStatus === 'WAIT_MAINTENANCE'"> |
| | | <a @click="handleEdit(record)">编辑</a> |
| | | |
| | | <a-divider type="vertical"/> |
| | | |
| | | <a-popconfirm title="确定领取吗?" @confirm="() => handlerCollect(record.id)"> |
| | | <a>领取</a> |
| | | </a-popconfirm> |
| | | |
| | | <a-divider type="vertical"/> |
| | | |
| | | <a-dropdown> |
| | | <a class="ant-dropdown-link">更多 <a-icon type="down"/></a> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item> |
| | | <a-popconfirm title="确定作废吗?" @confirm="() => handlerAbolish(record.id)"> |
| | | <a>作废</a> |
| | | </a-popconfirm> |
| | | </a-menu-item> |
| | | <a-menu-item> |
| | | <a @click="handleDetail(record)">详情</a> |
| | | </a-menu-item> |
| | | </a-menu> |
| | | </a-dropdown> |
| | | <a @click="handlerAbolish(record.id)">作废</a> |
| | | |
| | | <a-divider type="vertical"/> |
| | | </template> |
| | | |
| | | <template v-else> |
| | | <a @click="handleDetail(record)">详情</a> |
| | | <template v-if="record.maintenanceStatus == 'WAIT_MAINTENANCE'||record.maintenanceStatus=='FREEZE'"> |
| | | <a @click="handleOrderChange(record)">变更</a> |
| | | |
| | | <a-divider type="vertical"/> |
| | | </template> |
| | | |
| | | <a-divider v-if="record.maintenanceStatus === 'COMPLETE'" type="vertical"/> |
| | | <a @click="handleDetail(record)">详情</a> |
| | | |
| | | <a v-if="record.maintenanceStatus === 'COMPLETE'" @click="handlePrint(record)">打印</a> |
| | | <template v-if="record.maintenanceStatus === 'COMPLETE'"> |
| | | <a-divider type="vertical"/> |
| | | |
| | | <a @click="handlePrint(record)">预览</a> |
| | | </template> |
| | | </span> |
| | | </a-table> |
| | | <!-- table区域-end --> |
| | |
| | | <eamThirdMaintenanceOrder-modal ref="modalForm" @ok="modalFormOk"/> |
| | | |
| | | <third-maintenance-approval-modal ref="thirdMaintenanceApprovalModal" |
| | | :selectShenpiData="selectThirdMaintenanceData"/> |
| | | :selectShenpiData="selectedRowData"/> |
| | | |
| | | <!--工单变更弹窗--> |
| | | <eam-third-maintenance-change-modal ref="orderChangeModal" @ok="modalFormOk"/> |
| | | |
| | | <!--批量打印弹窗--> |
| | | <eam-third-maintenance-order-batch-print-modal ref="batchPrintModal"/> |
| | | </a-card> |
| | | </template> |
| | | |
| | |
| | | import { deleteAction, getAction } from '@api/manage' |
| | | import ThirdMaintenanceApprovalModal |
| | | from '@views/flowable/workflow/thirdMaintenance/ThirdMaintenanceApprovalModal.vue' |
| | | import EamThirdMaintenanceChangeModal from './modules/EamThirdMaintenanceChangeModal.vue' |
| | | import EamThirdMaintenanceOrderBatchPrintModal from './modules/EamThirdMaintenanceOrderBatchPrintModal' |
| | | |
| | | export default { |
| | | name: 'EamThirdMaintenanceOrderList', |
| | | mixins: [JeecgListMixin], |
| | | components: { |
| | | EamThirdMaintenanceOrderBatchPrintModal, |
| | | EamThirdMaintenanceChangeModal, |
| | | LxSearchEquipmentSelect, |
| | | EamThirdMaintenanceOrderModal, |
| | | ThirdMaintenanceApprovalModal |
| | |
| | | return { |
| | | description: '设备三级保养管理页面', |
| | | disableMixinCreated: true, |
| | | selectThirdMaintenanceData: {}, |
| | | selectedRowData: {}, |
| | | // 表头 |
| | | columns: [ |
| | | { |
| | |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '保养状态', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceStatus_dictText', |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '工单号', |
| | | align: 'center', |
| | | dataIndex: 'orderNum' |
| | |
| | | dataIndex: 'maintenanceDate' |
| | | }, |
| | | { |
| | | title: '锁定工单日期', |
| | | align: 'center', |
| | | dataIndex: 'freezeOrderDate' |
| | | }, |
| | | { |
| | | title: '工单过期日期', |
| | | align: 'center', |
| | | dataIndex: 'orderExpirationDate' |
| | | }, |
| | | { |
| | | title: '实际开始时间', |
| | | align: 'center', |
| | | dataIndex: 'actualStartTime' |
| | |
| | | title: '维修人', |
| | | align: 'center', |
| | | dataIndex: 'repairman_dictText' |
| | | }, |
| | | { |
| | | title: '保养状态', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceStatus_dictText' |
| | | }, |
| | | { |
| | | title: '创建方式', |
| | |
| | | align: 'center', |
| | | dataIndex: 'inspectorSignatureTime' |
| | | }, |
| | | { |
| | | title: '移交单HF编码', |
| | | align: 'center', |
| | | dataIndex: 'hfCodeA' |
| | | }, |
| | | { |
| | | title: '验收单HF编码', |
| | | align: 'center', |
| | | dataIndex: 'hfCodeB' |
| | | } |
| | | ], |
| | | url: { |
| | | list: '/eam/thirdMaintenanceOrder/list', |
| | | abolish: '/eam/thirdMaintenanceOrder/abolish', |
| | | abolishBatch: '/eam/thirdMaintenanceOrder/abolishBatch', |
| | | collect: '/eam/thirdMaintenanceOrder/collect', |
| | | collectBatch: '/eam/thirdMaintenanceOrder/collectBatch' |
| | | collect: '/eam/thirdMaintenanceOrder/collect' |
| | | } |
| | | } |
| | | }, |
| | |
| | | }, |
| | | |
| | | /** |
| | | * 点击变更时触发 |
| | | * @param record |
| | | */ |
| | | handleOrderChange(record) { |
| | | this.$refs.orderChangeModal.title = '变更' |
| | | this.$refs.orderChangeModal.add(record) |
| | | }, |
| | | |
| | | /** |
| | | * 点击领取时触发 |
| | | * @param id |
| | | */ |
| | |
| | | * @param record |
| | | */ |
| | | handleDetail(record) { |
| | | this.selectThirdMaintenanceData = Object.assign({}, record) |
| | | this.$refs.thirdMaintenanceApprovalModal.recordDetail(record) |
| | | this.selectedRowData = Object.assign({}, record) |
| | | this.$refs.thirdMaintenanceApprovalModal.title = '详情' |
| | | this.$refs.thirdMaintenanceApprovalModal.visible = true |
| | | this.$refs.thirdMaintenanceApprovalModal.disableSubmit = true |
| | | this.$refs.thirdMaintenanceApprovalModal.handleDetail(record) |
| | | }, |
| | | |
| | | // 批量打印 |
| | | handleBatchPrint(type) { |
| | | this.$refs.batchPrintModal.handlePreview(type,this.selectedRowKeys.join()) |
| | | }, |
| | | |
| | | onMaintenanceDateChange(dateString) { |
| | |
| | | this.queryParam.maintenanceDateEnd = dateString[1] |
| | | }, |
| | | |
| | | /** |
| | | * 积木报表预览打印 |
| | | * @param record |
| | | */ |
| | | handlePrint(record) { |
| | | let href = `${window._CONFIG['domianURL']}/jmreport/view/1094880052100399104?id=` + record.id |
| | | // + `&orderId=` + record.id; //网站链接 |