| | |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="设备编号"> |
| | | <a-input placeholder="请输入设备编号" v-model="queryParam.equipmentCode"></a-input> |
| | | <a-form-item label="关键设备标识"> |
| | | <j-dict-select-tag dict-code="equipment_importance" placeholder="请选择关键设备标识" |
| | | v-model="queryParam.equipmentImportance"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="统一编码"> |
| | | <a-input placeholder="请输入统一编码模糊查询" v-model="queryParam.equipmentCode"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="设备名称"> |
| | | <a-input placeholder="请输入设备名称" v-model="queryParam.equipmentName"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="管理分类"> |
| | | <j-dict-select-tag dict-code="equipment_abc_flag" placeholder="请选择管理分类" |
| | | v-model="queryParam.equipmentImportance"></j-dict-select-tag> |
| | | <a-input placeholder="请输入设备名称模糊查询" v-model="queryParam.equipmentName"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <template v-if="toggleSearchStatus"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="资产状态"> |
| | | <j-dict-select-tag dict-code="asset_status" placeholder="请选择资产状态" |
| | | v-model="queryParam.assetStatus"></j-dict-select-tag> |
| | | <a-form-item label="所属分类"> |
| | | <j-dict-select-tag dict-code="equipment_category" placeholder="请选择设备所属分类" |
| | | v-model="queryParam.equipmentCategory"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="设备类别"> |
| | | <j-dict-select-tag dict-code="equipment_category" placeholder="请选择设备类别" |
| | | v-model="queryParam.equipmentCategory"></j-dict-select-tag> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="使用车间"> |
| | | <a-tree-select v-model="queryParam.orgId" |
| | | style="width: 100%" |
| | | :tree-data="treeDataAlias" |
| | | :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" |
| | | placeholder="请选择使用车间" |
| | | allow-clear |
| | | tree-default-expand-all |
| | | > |
| | | <a-form-item label="使用部门"> |
| | | <a-tree-select v-model="queryParam.factoryOrgCode" style="width: 100%" :tree-data="productionTreeData" |
| | | show-search :replaceFields="{key:'orgCode',value:'orgCode'}" |
| | | treeNodeFilterProp="title" searchPlaceholder="请输入关键字搜索" |
| | | :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择使用部门" |
| | | allow-clear tree-default-expand-all> |
| | | </a-tree-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="维修班组"> |
| | | <a-tree-select v-model="queryParam.repairDepartOrgCode" style="width: 100%" |
| | | show-search :tree-data="repairDepartTreeData" treeNodeFilterProp="title" |
| | | :replaceFields="{key:'orgCode',value:'orgCode'}" searchPlaceholder="请输入关键字搜索" |
| | | :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择维修班组" |
| | | allow-clear tree-default-expand-all> |
| | | </a-tree-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | </template> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> |
| | |
| | | <a-button type="primary" icon="download" @click="handleTemplateXlsDownload">导入模板下载</a-button> |
| | | <a-dropdown v-if="selectedRowKeys.length > 0"> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item key="2" @click="batchDel" v-if="isShowAuth('eam:equipment:delete')"> |
| | | <a-menu-item key="2" @click="batchDel"> |
| | | <a-icon type="delete"/> |
| | | 删除 |
| | | </a-menu-item> |
| | |
| | | style="font-weight: 600">{{ selectedRowKeys.length }}</a>项 |
| | | <a style="margin-left: 24px" @click="onSelectChange([])">清空</a> |
| | | </div> |
| | | <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" |
| | | :customRow="customTableRow" |
| | | > |
| | | <span slot="processParametersFlag" slot-scope="text"> |
| | | <lx-switch v-model="text" disabled checked-children="有" un-checked-children="无"/> |
| | | </span> |
| | | <span slot="precisionParametersFlag" slot-scope="text"> |
| | | <lx-switch v-model="text" disabled checked-children="有" un-checked-children="无"/> |
| | | </span> |
| | | <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"> |
| | | <!--统一编码--> |
| | | <template slot="equipmentCode" slot-scope="text,record"> |
| | | <a href="#" @click="handleDetail(record)" style="display: inline-block;height: 100%">{{text}}</a> |
| | | </template> |
| | | |
| | | <!--使用部门--> |
| | | <template slot="factoryOrgCode" slot-scope="text,record"> |
| | | {{[record.gsfactoryOrgCode_dictText,record.zxfactoryOrgCode_dictText,record.gqfactoryOrgCode_dictText,record.factoryOrgCode_dictText].filter(item=>item).join('/')}} |
| | | </template> |
| | | |
| | | <!--安装位置--> |
| | | <template slot="installationPosition" slot-scope="text"> |
| | | <j-ellipsis :value="text" :length="5"/> |
| | | </template> |
| | | |
| | | <!--操作系统--> |
| | | <template slot="operationSystem" slot-scope="text"> |
| | | <a-switch checked-children="是" un-checked-children="否" :checked="Boolean(+text)" disabled/> |
| | | </template> |
| | | |
| | | <!--操作系统--> |
| | | <template slot="fireExtinguisher" slot-scope="text"> |
| | | <a-switch checked-children="是" un-checked-children="否" :checked="Boolean(+text)" disabled/> |
| | | </template> |
| | | |
| | | <!--资产制造商--> |
| | | <template slot="manufacturingEnterprise" slot-scope="text"> |
| | | <j-ellipsis :value="text" :length="8"/> |
| | | </template> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <a @click.stop="handleEdit(record)">编辑</a> |
| | | |
| | | <a-divider type="vertical"/> |
| | | |
| | | <a-dropdown> |
| | | <a class="ant-dropdown-link">更多 <a-icon type="down"/></a> |
| | | <a-menu slot="overlay"> |
| | |
| | | <a-menu-item> |
| | | <a href="javascript:;" @click="handleDetail(record)">详情</a> |
| | | </a-menu-item> |
| | | <a-menu-item v-if="isShowAuth('eam:equipment:delete')"> |
| | | <a-menu-item> |
| | | <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> |
| | | <a>删除</a> |
| | | </a-popconfirm> |
| | |
| | | </a-table> |
| | | </div> |
| | | <!-- table区域-end --> |
| | | |
| | | <a-tabs v-model="activeTabKey" @change="handleTabChange"> |
| | | <a-tab-pane tab="设备文档" :key="1"> |
| | | <eam-equipment-attachment-list ref="tabPaneTableListRef1"/> |
| | | </a-tab-pane> |
| | | <a-tab-pane tab="点检工单" :key="2"> |
| | | <eam-inspection-order-list ref="tabPaneTableListRef2" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | <a-tab-pane tab="二保工单" :key="3"> |
| | | <eam-second-maintenance-order-list ref="tabPaneTableListRef3" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | <a-tab-pane tab="三保工单" :key="4"> |
| | | <eam-third-maintenance-order-list ref="tabPaneTableListRef4" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | <a-tab-pane tab="维修工单" :key="5"> |
| | | <eam-repair-order-list ref="tabPaneTableListRef5" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | <a-tab-pane tab="保养标准" :key="6"> |
| | | <eam-maintenance-standard-list ref="tabPaneTableListRef6" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | <a-tab-pane tab="工艺参数" :key="7" v-if="isOpenProcess"> |
| | | <eam-equipment-process-list ref="tabPaneTableListRef7" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | <a-tab-pane tab="设备精度" :key="8" v-if="isOpenPrecision"> |
| | | <eam-equipment-precision-list ref="tabPaneTableListRef8" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | <a-tab-pane tab="设备油液" :key="9"> |
| | | <eam-equipment-fluid-list ref="tabPaneTableListRef9" :isDisplayOperation="false"/> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | |
| | | <!-- 表单区域 --> |
| | | <eamEquipment-modal ref="modalForm" @ok="modalFormOk"></eamEquipment-modal> |
| | | <!--铭牌弹窗--> |
| | | <nameplate-modal ref="nameplateModalRef" :printedRows="printedRows"/> |
| | | <eamEquipment-modal ref="modalForm" @ok="modalFormOk" :productionTreeData="productionTreeData" |
| | | :repairDepartTreeData="repairDepartTreeData"/> |
| | | <!--履历弹窗--> |
| | | <resume-drawer ref="resumeDrawerRef" :currentTableRowRecord="currentTableRowRecord"/> |
| | | </a-card> |
| | | </template> |
| | | |
| | | <script> |
| | | import '@/assets/less/TableExpand.less' |
| | | import EamEquipmentModal from './modules/EamEquipmentModal.vue' |
| | | import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
| | | import { getAction, templateXlsDownload } from '@api/manage' |
| | | import NameplateModal from '@views/eam/equipment/modules/NameplateModal.vue' |
| | | import { getSystemConfigValue } from '@api/api' |
| | | import ResumeDrawer from '@views/eam/equipment/modules/ResumeDrawer.vue' |
| | | import EamMaintenanceStandardList from '@views/eam/base/EamMaintenanceStandardList.vue' |
| | | import EamRepairOrderList from '../repair/EamRepairOrderList' |
| | | import EamInspectionOrderList from '../maintenance/EamInspectionOrderList' |
| | | import EamEquipmentAttachmentList from '@views/eam/equipment/EamEquipmentAttachmentList.vue' |
| | | import EamEquipmentProcessList from '@views/eam/equipment/modules/EamEquipmentProcessList.vue' |
| | | import EamEquipmentPrecisionList from '@views/eam/equipment/modules/EamEquipmentPrecisionList.vue' |
| | | import EamSecondMaintenanceOrderList from '@views/eam/maintenance/EamSecondMaintenanceOrderList.vue' |
| | | import EamThirdMaintenanceOrderList from '@views/eam/maintenance/EamThirdMaintenanceOrderList.vue' |
| | | import EamEquipmentFluidList from '@views/eam/equipment/modules/EamEquipmentFluidList.vue' |
| | | |
| | | export default { |
| | | name: 'EquipmentLedger', |
| | | mixins: [JeecgListMixin], |
| | | components: { |
| | | EamInspectionOrderList, |
| | | EamRepairOrderList, |
| | | EamMaintenanceStandardList, |
| | | ResumeDrawer, |
| | | NameplateModal, |
| | | EamEquipmentModal, |
| | | EamEquipmentAttachmentList, |
| | | EamEquipmentProcessList, |
| | | EamEquipmentPrecisionList, |
| | | EamSecondMaintenanceOrderList, |
| | | EamThirdMaintenanceOrderList, |
| | | EamEquipmentFluidList |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | { |
| | | title: '关键设备标识', |
| | | align: 'center', |
| | | width: 150, |
| | | dataIndex: 'equipmentCode', |
| | | dataIndex: 'equipmentImportance', |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '统一编码', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'equipmentCode', |
| | | ellipsis: true, |
| | | fixed: 'left', |
| | | sorter: true |
| | | scopedSlots: { customRender: 'equipmentCode' }, |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '设备名称', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'equipmentName', |
| | | ellipsis: true, |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '型号', |
| | | align: 'center', |
| | | dataIndex: 'equipmentModel', |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '使用部门', |
| | | align: 'center', |
| | | width: 120, |
| | | dataIndex: 'equipmentImportance_dictText' |
| | | }, |
| | | { |
| | | title: '中心', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'technologyStatus_dictText' |
| | | }, |
| | | { |
| | | title: '工区', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'technologyStatus_dictText' |
| | | }, |
| | | { |
| | | title: '工段', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'technologyStatus_dictText' |
| | | dataIndex: 'factoryOrgCode', |
| | | scopedSlots: { customRender: 'factoryOrgCode' } |
| | | }, |
| | | { |
| | | title: '所属分类', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'technologyStatus_dictText' |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | }, |
| | | { |
| | | title: '设备状态', |
| | | title: '保养状态', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'maintenanceStatus_dictText' |
| | | }, |
| | | { |
| | | title: '维修状态', |
| | | align: 'center', |
| | | dataIndex: 'repairStatus_dictText' |
| | | }, |
| | | { |
| | | title: '技术状态', |
| | | align: 'center', |
| | | dataIndex: 'technologyStatus_dictText' |
| | | }, |
| | | { |
| | | title: 'ABC标识', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'technologyStatus_dictText' |
| | | }, |
| | | { |
| | | title: '维护部门', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'technologyStatus_dictText' |
| | | dataIndex: 'abcFlag' |
| | | }, |
| | | { |
| | | title: '维修班组', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'assetStatus_dictText' |
| | | dataIndex: 'repairDepartOrgCode_dictText' |
| | | }, |
| | | { |
| | | title: '安全配置', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'repairStatus_dictText' |
| | | dataIndex: 'securityConfiguration' |
| | | }, |
| | | { |
| | | title: '冷却系统', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'maintenanceStatus_dictText' |
| | | dataIndex: 'coolSystem_dictText' |
| | | }, |
| | | { |
| | | title: '灭火器', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'fireExtinguisher', |
| | | scopedSlots: { customRender: 'fireExtinguisher' } |
| | | }, |
| | | { |
| | | title: '灭火器有效期', |
| | | align: 'center', |
| | | width: 150, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'fireExtinguisherExpirationDate' |
| | | }, |
| | | { |
| | | title: '操作系统', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'operationSystem', |
| | | scopedSlots: { customRender: 'operationSystem' } |
| | | }, |
| | | { |
| | | title: '系统', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'system' |
| | | }, |
| | | { |
| | | title: '设备端口', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'equipmentPort' |
| | | }, |
| | | { |
| | | title: '坐标数量', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'coordinateNum' |
| | | }, |
| | | { |
| | | title: '重量', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'equipmentWeight' |
| | | }, |
| | | { |
| | | title: '重量计量单位', |
| | | align: 'center', |
| | | width: 150, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'weightUnit' |
| | | }, |
| | | { |
| | | title: '功能位置', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'functionalLocation' |
| | | }, |
| | | { |
| | | title: '安装位置', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'installationPosition', |
| | | scopedSlots: { customRender: 'installationPosition' } |
| | | }, |
| | | { |
| | | title: '出厂日期', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'leaveFactoryDate' |
| | | }, |
| | | { |
| | | title: '立项卡号', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'cardNumber' |
| | | }, |
| | | { |
| | | title: '资金来源', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'fundingSource' |
| | | }, |
| | | { |
| | | title: '验收日期', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'acceptanceCheckDate' |
| | | }, |
| | | { |
| | | title: '出厂编号', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'factoryNumber' |
| | | }, |
| | | { |
| | | title: '资产制造商', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'manufacturingEnterprise', |
| | | scopedSlots: { customRender: 'manufacturingEnterprise' }, |
| | | }, |
| | | { |
| | | title: '资产来源国家', |
| | | align: 'center', |
| | | width: 150, |
| | | dataIndex: 'orgId_dictText' |
| | | }, |
| | | { |
| | | title: '型号', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'originCountry' |
| | | }, |
| | | { |
| | | title: '设备规格', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'orgId_dictText' |
| | | dataIndex: 'equipmentSpecification' |
| | | }, |
| | | { |
| | | title: '总功率', |
| | | align: 'center', |
| | | width: 100, |
| | | dataIndex: 'equipmentManager_dictText' |
| | | dataIndex: 'equipmentPower' |
| | | }, |
| | | { |
| | | title: '质保开始日期', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | dataIndex: 'warrantyStartDate' |
| | | }, |
| | | { |
| | | title: '质保结束日期', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | dataIndex: 'warrantyEndDate' |
| | | }, |
| | | { |
| | | title: '资产状态', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | dataIndex: 'assetStatus_dictText' |
| | | }, |
| | | { |
| | | title: '本次三保日期', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | dataIndex: 'latestThirdMaintenance' |
| | | }, |
| | | { |
| | | title: '下次三保日期', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | dataIndex: 'nextThirdMaintenance' |
| | | }, |
| | | { |
| | | title: '三保周期', |
| | | title: '三保周期(年)', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | dataIndex: 'thirdMaintenancePeriod' |
| | | }, |
| | | { |
| | | title: '本次技术鉴定日期', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | dataIndex: 'latestTechnologyCheck' |
| | | }, |
| | | { |
| | | title: '下次技术鉴定日期', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCategory_dictText' |
| | | dataIndex: 'nextTechnologyCheck' |
| | | }, |
| | | { |
| | | title: '技术鉴定周期', |
| | | title: '技术鉴定周期(年)', |
| | | align: 'center', |
| | | dataIndex: 'equipmentType_dictText' |
| | | dataIndex: 'technologyCheckPeriod' |
| | | }, |
| | | { |
| | | title: '操作', |
| | |
| | | deleteBatch: '/eam/equipment/deleteBatch', |
| | | exportXlsUrl: 'eam/equipment/exportXls', |
| | | importExcelUrl: 'eam/equipment/importExcel', |
| | | loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions', |
| | | templateXlsDownloadUrl: '导入模板/设备台账导入模板_v1.1.xlsx' |
| | | getProductionTreeList: '/eam/BaseFactory/queryTreeList', |
| | | repairDepartTreeList: '/eam/eamBaseRepairDepart/queryTreeList', |
| | | templateXlsDownloadUrl: '导入模板/设备台账导入模板.xls' |
| | | }, |
| | | treeData: [], |
| | | printedRows: [], |
| | | activeTabKey: 1, |
| | | appHomeUrl: '', |
| | | currentTableRowRecord: {}, |
| | | isOpenProcess: false, |
| | | isOpenPrecision: false, |
| | | treeDataAlias: [] |
| | | productionTreeData: [], |
| | | repairDepartTreeData: [] |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.loadAllProductionTree() |
| | | this.loadAppHomeUrlConfigValue() |
| | | this.getProductionTreeDataByApi() |
| | | this.getRepairDepartTreeDataByApi() |
| | | }, |
| | | methods: { |
| | | loadAllProductionTree() { |
| | | //加载车间选择树 |
| | | getAction(this.url.loadProductionOptions).then(res => { |
| | | if (res.success) { |
| | | this.treeData = [...res.result] |
| | | this.treeDataAlias = this.deepCopyAndModify(res.result) |
| | | console.info('treeDataAlias====', this.treeDataAlias) |
| | | } else { |
| | | that.$message.warning(res.message) |
| | | } |
| | | }) |
| | | // 获取使用部门树 |
| | | getProductionTreeDataByApi() { |
| | | getAction(this.url.getProductionTreeList) |
| | | .then(res => { |
| | | if (res.success) { |
| | | this.productionTreeData = res.result |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: '消息', |
| | | description: res.message |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | /** |
| | | * 开启铭牌弹窗 |
| | | * @param recordArray 表格行信息集合 |
| | | */ |
| | | handleOpenNameplateModal(recordArray) { |
| | | this.printedRows = recordArray |
| | | this.$refs.nameplateModalRef.httpUrl = this.appHomeUrl |
| | | this.$refs.nameplateModalRef.visible = true |
| | | // 获取维修班组树 |
| | | getRepairDepartTreeDataByApi() { |
| | | getAction(this.url.repairDepartTreeList) |
| | | .then(res => { |
| | | if (res.success) { |
| | | this.repairDepartTreeData = res.result |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: '消息', |
| | | description: res.message |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | /** |
| | |
| | | this.$nextTick(() => this.$refs.resumeDrawerRef.getEquipmentResumeByApi()) |
| | | }, |
| | | |
| | | /** |
| | | * 自定义设备台账表格行 |
| | | * @param record 表格行信息 |
| | | * @returns {{style: {cursor: string}, on: {click: *}}} 样式对象与事件方法 |
| | | */ |
| | | customTableRow(record) { |
| | | return { |
| | | style: { |
| | | cursor: 'pointer' |
| | | }, |
| | | on: { |
| | | click: () => { |
| | | this.onSelectChange([record.id]) |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | |
| | | /** |
| | | * 页签改变时触发 |
| | | * @param activeTabKey 当前激活的页签key |
| | | */ |
| | | handleTabChange(activeTabKey) { |
| | | if (this.selectedRowKeys.length !== 1) return |
| | | this.$nextTick(() => this.loadTabPaneTableData(this.selectedRowKeys[0])) |
| | | }, |
| | | |
| | | /** |
| | | * 加载页签表格数据 |
| | | * @param id 设备台账行记录Id |
| | | */ |
| | | loadTabPaneTableData(id) { |
| | | this.$refs['tabPaneTableListRef' + this.activeTabKey].queryParam.equipmentId = id |
| | | this.$refs['tabPaneTableListRef' + this.activeTabKey].loadData(1) |
| | | }, |
| | | |
| | | /** |
| | | * 设备台账表格多选框状态改变时触发 |
| | | * @param selectedRowKeys 已选择的rowKey集合 |
| | | * @param selectionRows 当前分页下已选择的行信息集合 |
| | | */ |
| | | onSelectChange(selectedRowKeys, selectionRows) { |
| | | this.selectedRowKeys = selectedRowKeys |
| | | this.selectionRows = selectionRows |
| | | this.$refs['tabPaneTableListRef' + this.activeTabKey].queryParam.equipmentId = null |
| | | this.$refs['tabPaneTableListRef' + this.activeTabKey].dataSource = [] |
| | | this.$refs['tabPaneTableListRef' + this.activeTabKey].onClearSelected() |
| | | if (selectedRowKeys.length === 1) { |
| | | let row = this.dataSource.find(row => row.id === selectedRowKeys[0]) |
| | | if (row) { |
| | | this.isOpenProcess = (row.processParametersFlag === '1') |
| | | this.isOpenPrecision = (row.precisionParametersFlag === '1') |
| | | } else { |
| | | this.isOpenProcess = false |
| | | this.isOpenPrecision = false |
| | | } |
| | | this.loadTabPaneTableData(selectedRowKeys[0]) |
| | | } else { |
| | | this.isOpenProcess = false |
| | | this.isOpenPrecision = false |
| | | } |
| | | //tab标签被销毁了,返回第一个tab |
| | | if (!this.isOpenProcess && this.activeTabKey === 6) { |
| | | this.activeTabKey = 1 |
| | | } |
| | | if (!this.isOpenPrecision && this.activeTabKey === 7) { |
| | | this.activeTabKey = 1 |
| | | } |
| | | }, |
| | | |
| | | handleTemplateXlsDownload() { |
| | | templateXlsDownload(this.url.templateXlsDownloadUrl) |
| | | }, |
| | | |
| | | loadAppHomeUrlConfigValue() { |
| | | let params = { settingKey: 'app_home_url' } |
| | | getSystemConfigValue(params).then(res => { |
| | | if (res.success) { |
| | | this.appHomeUrl = res.result.settingValue |
| | | } |
| | | }) |
| | | }, |
| | | deepCopyAndModify(arr) { |
| | | // 如果当前元素不是数组或对象,直接返回 |
| | | if (!Array.isArray(arr) && typeof arr !== 'object' || arr === null || arr.length === 0) { |
| | | return arr |
| | | } |
| | | |
| | | // 如果是数组,创建一个新数组并递归处理每个元素 |
| | | if (Array.isArray(arr)) { |
| | | const newArray = [] |
| | | for (let i = 0; i < arr.length; i++) { |
| | | newArray.push(this.deepCopyAndModify(arr[i])) |
| | | } |
| | | return newArray |
| | | } |
| | | |
| | | // 如果是对象,创建一个新对象并递归处理每个属性 |
| | | const newObj = {} |
| | | for (const key in arr) { |
| | | if (arr.hasOwnProperty(key)) { |
| | | if (key === 'selectable') { |
| | | newObj[key] = true |
| | | } else if (key === 'children') { |
| | | newObj[key] = this.deepCopyAndModify(arr[key]) |
| | | } else { |
| | | newObj[key] = arr[key] |
| | | } |
| | | |
| | | } |
| | | } |
| | | return newObj |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | @import '~@assets/less/common.less'; |
| | | </style> |
| | | </script> |