| | |
| | | |
| | | <!-- 查询区域 --> |
| | | <div class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-form |
| | | layout="inline" |
| | | @keyup.enter.native="searchQuery" |
| | | > |
| | | <a-row :gutter="24"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="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-input |
| | | placeholder="请输入设备编号" |
| | | v-model="queryParam.equipmentCode" |
| | | ></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-col |
| | | :xl="6" |
| | | :lg="7" |
| | | :md="8" |
| | | :sm="24" |
| | | > |
| | | <a-form-item label="设备名称"> |
| | | <a-input placeholder="请输入设备名称" v-model="queryParam.equipmentName"></a-input> |
| | | <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-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> |
| | | <j-dict-select-tag |
| | | dict-code="equipment_abc_flag" |
| | | placeholder="请选择管理分类" |
| | | v-model="queryParam.equipmentImportance" |
| | | ></j-dict-select-tag> |
| | | </a-form-item> |
| | | </a-col> |
| | | <template v-if="toggleSearchStatus"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <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> |
| | | <j-dict-select-tag |
| | | dict-code="asset_status" |
| | | placeholder="请选择资产状态" |
| | | v-model="queryParam.assetStatus" |
| | | ></j-dict-select-tag> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <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> |
| | | <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-col |
| | | :xl="6" |
| | | :lg="7" |
| | | :md="8" |
| | | :sm="24" |
| | | > |
| | | <a-form-item label="使用车间"> |
| | | <a-tree-select v-model="queryParam.orgId" |
| | | <a-tree-select |
| | | v-model="queryParam.orgId" |
| | | style="width: 100%" |
| | | :tree-data="treeDataAlias" |
| | | :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" |
| | |
| | | </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" @click="searchQuery" icon="search">查询</a-button> |
| | | <a-button type="info" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button> |
| | | <a @click="handleToggleSearch" style="margin-left: 8px"> |
| | | <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" |
| | | @click="searchQuery" |
| | | icon="search" |
| | | >查询</a-button> |
| | | <a-button |
| | | type="info" |
| | | @click="searchReset" |
| | | icon="reload" |
| | | style="margin-left: 8px" |
| | | >重置</a-button> |
| | | <a |
| | | @click="handleToggleSearch" |
| | | style="margin-left: 8px" |
| | | > |
| | | {{ toggleSearchStatus ? '收起' : '展开' }} |
| | | <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/> |
| | | </a> |
| | |
| | | |
| | | <!-- 操作按钮区域 --> |
| | | <div class="table-operator"> |
| | | <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('设备台账')">导出</a-button> |
| | | <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" |
| | | @change="handleImportExcel"> |
| | | <a-button type="primary" icon="import">导入</a-button> |
| | | <a-button |
| | | @click="handleAdd" |
| | | type="primary" |
| | | icon="plus" |
| | | >新增</a-button> |
| | | <a-button |
| | | type="primary" |
| | | icon="download" |
| | | @click="handleExportXls('设备台账')" |
| | | >导出</a-button> |
| | | <a-upload |
| | | name="file" |
| | | :showUploadList="false" |
| | | :multiple="false" |
| | | :headers="tokenHeader" |
| | | :action="importExcelUrl" |
| | | @change="handleImportExcel" |
| | | > |
| | | <a-button |
| | | type="primary" |
| | | icon="import" |
| | | >导入</a-button> |
| | | </a-upload> |
| | | <a-button type="primary" icon="download" @click="handleTemplateXlsDownload">导入模板下载</a-button> |
| | | <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="1" @click="handleOpenNameplateModal(selectionRows)">--> |
| | | <!-- <a-icon type="printer"/>--> |
| | | <!-- 打印铭牌--> |
| | | <!-- </a-menu-item>--> |
| | | <a-menu-item key="2" @click="batchDel" v-if="isShowAuth('eam:equipment:delete')"> |
| | | <a-menu-item |
| | | key="2" |
| | | @click="batchDel" |
| | | v-if="isShowAuth('eam:equipment:delete')" |
| | | > |
| | | <a-icon type="delete"/> |
| | | 删除 |
| | | </a-menu-item> |
| | |
| | | |
| | | <!-- table区域-begin --> |
| | | <div> |
| | | <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;"> |
| | | <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a |
| | | style="font-weight: 600">{{ selectedRowKeys.length }}</a>项 |
| | | <a style="margin-left: 24px" @click="onSelectChange([])">清空</a> |
| | | <div |
| | | class="ant-alert ant-alert-info" |
| | | style="margin-bottom: 16px;" |
| | | > |
| | | <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项 |
| | | <a |
| | | style="margin-left: 24px" |
| | | @click="onSelectChange([])" |
| | | >清空</a> |
| | | </div> |
| | | <a-table |
| | | ref="table" |
| | |
| | | @change="handleTableChange" |
| | | :customRow="customTableRow" |
| | | > |
| | | <span slot="processParametersFlag" slot-scope="text"> |
| | | <lx-switch v-model="text" disabled checked-children="有" un-checked-children="无"/> |
| | | <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 |
| | | slot="precisionParametersFlag" |
| | | slot-scope="text" |
| | | > |
| | | <lx-switch |
| | | v-model="text" |
| | | disabled |
| | | checked-children="有" |
| | | un-checked-children="无" |
| | | /> |
| | | </span> |
| | | <span slot="action" slot-scope="text, record"> |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | | > |
| | | <a @click.stop="handleEdit(record)">编辑</a> |
| | | |
| | | <a-divider type="vertical"/> |
| | |
| | | <!-- <a href="javascript:;" @click="handleOpenNameplateModal([record])">铭牌</a>--> |
| | | <!-- </a-menu-item>--> |
| | | <a-menu-item> |
| | | <a href="javascript:;" @click="handleOpenResumeDrawer(record)">履历</a> |
| | | <a |
| | | href="javascript:;" |
| | | @click="handleOpenResumeDrawer(record)" |
| | | >履历</a> |
| | | </a-menu-item> |
| | | <a-menu-item> |
| | | <a href="javascript:;" @click="handleDetail(record)">详情</a> |
| | | <a |
| | | href="javascript:;" |
| | | @click="handleDetail(record)" |
| | | >详情</a> |
| | | </a-menu-item> |
| | | <a-menu-item v-if="isShowAuth('eam:equipment:delete')"> |
| | | <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> |
| | | <a-popconfirm |
| | | title="确定删除吗?" |
| | | @confirm="() => handleDelete(record.id)" |
| | | > |
| | | <a>删除</a> |
| | | </a-popconfirm> |
| | | </a-menu-item> |
| | |
| | | </div> |
| | | <!-- table区域-end --> |
| | | |
| | | <a-tabs v-model="activeTabKey" @change="handleTabChange"> |
| | | <a-tab-pane tab="设备文档" :key="1"> |
| | | <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 |
| | | tab="点检工单" |
| | | :key="2" |
| | | > |
| | | <eam-inspection-order-list |
| | | ref="tabPaneTableListRef2" |
| | | :isDisplayOperation="false" |
| | | /> |
| | | </a-tab-pane> |
| | | <!-- <a-tab-pane tab="周保工单" :key="3"> |
| | | <eam-week-maintenance-order-list ref="tabPaneTableListRef3" :isDisplayOperation="false"/> |
| | | </a-tab-pane>--> |
| | | <a-tab-pane tab="二保工单" :key="3"> |
| | | <eam-second-maintenance-order-list ref="tabPaneTableListRef3" :isDisplayOperation="false" /> |
| | | <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 |
| | | 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 |
| | | 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 |
| | | 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 |
| | | 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 |
| | | 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 |
| | | tab="设备油液" |
| | | :key="9" |
| | | > |
| | | <eam-equipment-fluid-list |
| | | ref="tabPaneTableListRef9" |
| | | :isDisplayOperation="false" |
| | | /> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | |
| | | <!-- 表单区域 --> |
| | | <eamEquipment-modal ref="modalForm" @ok="modalFormOk"></eamEquipment-modal> |
| | | <eamEquipment-modal |
| | | ref="modalForm" |
| | | @ok="modalFormOk" |
| | | ></eamEquipment-modal> |
| | | <!--铭牌弹窗--> |
| | | <nameplate-modal ref="nameplateModalRef" :printedRows="printedRows"/> |
| | | <nameplate-modal |
| | | ref="nameplateModalRef" |
| | | :printedRows="printedRows" |
| | | /> |
| | | <!--履历弹窗--> |
| | | <resume-drawer ref="resumeDrawerRef" :currentTableRowRecord="currentTableRowRecord"/> |
| | | <resume-drawer |
| | | ref="resumeDrawerRef" |
| | | :currentTableRowRecord="currentTableRowRecord" |
| | | /> |
| | | </a-card> |
| | | </template> |
| | | |
| | |
| | | } |
| | | return newObj; |
| | | }, |
| | | |
| | | searchReset() { |
| | | this.queryParam = {} |
| | | this.onClearSelected() |
| | | this.loadTabPaneTableData('-1') |
| | | this.loadData(1); |
| | | }, |
| | | } |
| | | } |
| | | </script> |