| | |
| | | <template> |
| | | <j-modal |
| | | :title="title" |
| | | fullscreen |
| | | :visible="visible" |
| | | centered |
| | | :confirmLoading="confirmLoading" |
| | | :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" |
| | | @ok="handleOk" |
| | | @cancel="handleCancel" |
| | | cancelText="关闭"> |
| | | <a-tabs tab-position="left"> |
| | | <j-modal :title="title" fullscreen :visible="visible" centered :confirmLoading="confirmLoading" |
| | | :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" @ok="handleOk" @cancel="handleCancel" |
| | | cancelText="关闭"> |
| | | <a-tabs tab-position="left" @change="handleTabChange"> |
| | | <a-tab-pane tab="基础信息" :key="1"> |
| | | <a-spin :spinning="confirmLoading"> |
| | | <j-form-container :disabled="disableSubmit"> |
| | |
| | | </a-tab-pane> |
| | | |
| | | <template v-if="disableSubmit"> |
| | | <a-tab-pane tab="设备文档" :key="2"> |
| | | <a-tab-pane tab="点检工单" :key="2" forceRender> |
| | | <a-button type="primary" @click="navigateToPage('/eam/maintenance/EamInspectionOrderList')" icon="right" |
| | | style="margin-left: 24px">跳转至对应页面 |
| | | </a-button> |
| | | <eam-inspection-order-list ref="tabPane2" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | |
| | | <a-tab-pane tab="点检工单" :key="3"> |
| | | <a-tab-pane tab="二保工单" :key="3" forceRender> |
| | | <a-button type="primary" @click="navigateToPage('/eam/maintenance/EamSecondMaintenanceOrderList')" icon="right" |
| | | style="margin-left: 24px">跳转至对应页面 |
| | | </a-button> |
| | | <eam-second-maintenance-order-list ref="tabPane3" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | |
| | | <a-tab-pane tab="二保工单" :key="4"> |
| | | <a-tab-pane tab="三保工单" :key="4" forceRender> |
| | | <a-button type="primary" @click="navigateToPage('/eam/maintenance/EamThirdMaintenanceOrderList')" icon="right" |
| | | style="margin-left: 24px">跳转至对应页面 |
| | | </a-button> |
| | | <eam-third-maintenance-order-list ref="tabPane4" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | |
| | | <a-tab-pane tab="三保工单" :key="5"> |
| | | <a-tab-pane tab="维修工单" :key="5" forceRender> |
| | | <a-button type="primary" @click="navigateToPage('/eam/repair/EamRepairOrderList')" icon="right" |
| | | style="margin-left: 24px">跳转至对应页面 |
| | | </a-button> |
| | | <eam-repair-order-list ref="tabPane5" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | |
| | | <a-tab-pane tab="维修工单" :key="6"> |
| | | <a-tab-pane tab="保养规范" :key="6" forceRender> |
| | | <a-button type="primary" @click="navigateToPage('/eam/base/EamMaintenanceStandardList')" icon="right" |
| | | style="margin-left: 24px">跳转至对应页面 |
| | | </a-button> |
| | | <eam-maintenance-standard-list ref="tabPane6" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | |
| | | <a-tab-pane tab="保养标准" :key="7"> |
| | | <a-tab-pane tab="技术状态鉴定工单" :key="7" forceRender> |
| | | <a-button type="primary" @click="navigateToPage('/eam/technical/order')" icon="right" |
| | | style="margin-left: 24px">跳转至对应页面 |
| | | </a-button> |
| | | <eam-technical-status-evaluation-order-list ref="tabPane7" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | </template> |
| | | </a-tabs> |
| | |
| | | <script> |
| | | import { getAction, httpAction } from '@/api/manage' |
| | | import { validateDuplicateValueInDelFlag } from '@/utils/util' |
| | | import EamInspectionOrderList from '../../maintenance/EamInspectionOrderList' |
| | | import EamSecondMaintenanceOrderList from '../../maintenance/EamSecondMaintenanceOrderList' |
| | | import EamThirdMaintenanceOrderList from '../../maintenance/EamThirdMaintenanceOrderList' |
| | | import EamRepairOrderList from '../../repair/EamRepairOrderList' |
| | | import EamMaintenanceStandardList from '../../base/EamMaintenanceStandardList' |
| | | import EamTechnicalStatusEvaluationOrderList from '../../technical/EamTechnicalStatusEvaluationOrderList' |
| | | |
| | | export default { |
| | | name: 'EamEquipmentModal', |
| | | components: { |
| | | EamTechnicalStatusEvaluationOrderList, |
| | | EamMaintenanceStandardList, |
| | | EamRepairOrderList, |
| | | EamThirdMaintenanceOrderList, |
| | | EamSecondMaintenanceOrderList, |
| | | EamInspectionOrderList |
| | | }, |
| | | props: { |
| | | productionTreeData: { |
| | | type: Array |
| | |
| | | * @param key 单选框关联字段 |
| | | */ |
| | | handleRadioChange(value, key) { |
| | | if (value == '0') delete this.model[key] |
| | | if (value === '0') delete this.model[key] |
| | | }, |
| | | |
| | | /** |
| | | * 标签栏发生改变时触发 |
| | | * @param tabKey 切换后的tabKey |
| | | */ |
| | | handleTabChange(tabKey) { |
| | | if (tabKey !== 1 && this.$refs['tabPane' + tabKey]) { |
| | | this.$refs['tabPane' + tabKey].queryParam.equipmentId = this.model.id |
| | | this.$refs['tabPane' + tabKey].loadData(1) |
| | | } |
| | | }, |
| | | |
| | | handleOk() { |
| | |
| | | }) |
| | | }, |
| | | |
| | | navigateToPage(href) { |
| | | this.$router.push(href) |
| | | }, |
| | | |
| | | handleCancel() { |
| | | this.close() |
| | | }, |