| | |
| | | <div class="table-page-search-wrapper"> |
| | | <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.delFlag"></a-input> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="12"> |
| | | <a-form-item label="统一编码"> |
| | | <lx-search-equipment-select placeholder="请输入统一编码或名称搜索" v-model="queryParam.equipmentId"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="报修ID"> |
| | | <a-input placeholder="请输入报修ID" v-model="queryParam.reportId"></a-input> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="12"> |
| | | <a-form-item label="登记状态"> |
| | | <j-dict-select-tag placeholder="请选择登记状态" v-model="queryParam.registerStatus" |
| | | dict-code="eam_report_accidents_register_status"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <template v-if="toggleSearchStatus"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="设备ID"> |
| | | <a-input placeholder="请输入设备ID" v-model="queryParam.equipmentId"></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.operationCertificate"></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.powerOffRestart"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | </template> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="12"> |
| | | <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> |
| | | </span> |
| | | </a-col> |
| | | |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | | |
| | | <!-- 操作按钮区域 --> |
| | | <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-upload>--> |
| | | <a-dropdown v-if="selectedRowKeys.length > 0"> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> |
| | | </a-menu> |
| | | <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button> |
| | | </a-dropdown> |
| | | </div> |
| | | |
| | | <!-- 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="onClearSelected">清空</a> |
| | | </div> |
| | | <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="dataSource" |
| | | :pagination="ipagination" :loading="loading" :scroll="{x:'max-content'}" @change="handleTableChange"> |
| | | |
| | | <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="operationCertificate" slot-scope="text"> |
| | | <a-switch checked-children="是" un-checked-children="否" :checked="Boolean(+text)" disabled/> |
| | | </template> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <a @click="handleEdit(record)">编辑</a> |
| | | <!--是否断电重启--> |
| | | <template slot="powerOffRestart" slot-scope="text"> |
| | | <a-switch checked-children="是" un-checked-children="否" :checked="Boolean(+text)" disabled/> |
| | | </template> |
| | | |
| | | <!--是否为批次首件--> |
| | | <template slot="batchFirstPiece" slot-scope="text"> |
| | | <a-switch checked-children="是" un-checked-children="否" :checked="Boolean(+text)" disabled/> |
| | | </template> |
| | | |
| | | <!--变动因素--> |
| | | <template slot="variableFactors" slot-scope="text"> |
| | | <a-switch checked-children="是" un-checked-children="否" :checked="Boolean(+text)" disabled/> |
| | | </template> |
| | | |
| | | <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="() => handleDelete(record.id)"> |
| | | <a>删除</a> |
| | | </a-popconfirm> |
| | | </a-menu-item> |
| | | </a-menu> |
| | | </a-dropdown> |
| | | <!--原因分析核对--> |
| | | <template slot="checkAgree" slot-scope="text"> |
| | | <a-switch v-if="text" checked-children="同意" un-checked-children="不同意" :checked="Boolean(text)" disabled/> |
| | | </template> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <template v-if="record.registerStatus=='PENDING_SUBMIT'"> |
| | | <a @click="handleEdit(record)">编辑</a> |
| | | <a-divider type="vertical"/> |
| | | <a-popconfirm title="确定提交吗?" @confirm="() => handleSubmit(record.id)"> |
| | | <a>提交</a> |
| | | </a-popconfirm> |
| | | </template> |
| | | |
| | | <a v-else @click="handleDetail(record)">详情</a> |
| | | </span> |
| | | |
| | | </a-table> |
| | | </div> |
| | | </a-table> |
| | | <!-- table区域-end --> |
| | | |
| | | <!-- 表单区域 --> |
| | | <eamReportAccidentsRegister-modal ref="modalForm" @ok="modalFormOk"></eamReportAccidentsRegister-modal> |
| | | <eamReportAccidentsRegister-modal ref="modalForm" @ok="modalFormOk"/> |
| | | </a-card> |
| | | </template> |
| | | |
| | |
| | | import '@/assets/less/TableExpand.less' |
| | | import EamReportAccidentsRegisterModal from './modules/EamReportAccidentsRegisterModal' |
| | | import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
| | | import LxSearchEquipmentSelect from '../equipment/modules/LxSearchEquipmentSelect' |
| | | |
| | | export default { |
| | | name: "EamReportAccidentsRegisterList", |
| | | mixins:[JeecgListMixin], |
| | | name: 'EamReportAccidentsRegisterList', |
| | | mixins: [JeecgListMixin], |
| | | components: { |
| | | LxSearchEquipmentSelect, |
| | | EamReportAccidentsRegisterModal |
| | | }, |
| | | props: { |
| | |
| | | type: Object |
| | | } |
| | | }, |
| | | data () { |
| | | data() { |
| | | return { |
| | | description: '设备事故登记表管理页面', |
| | | disableMixinCreated: true, |
| | |
| | | dataIndex: 'equipmentModel', |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | { |
| | | title: '登记状态', |
| | | align: 'center', |
| | | dataIndex: 'registerStatus_dictText', |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '是否有设备操作证', |
| | | align:"center", |
| | | dataIndex: 'operationCertificate_dictText' |
| | | align: 'center', |
| | | dataIndex: 'operationCertificate', |
| | | scopedSlots: { customRender: 'operationCertificate' } |
| | | }, |
| | | { |
| | | { |
| | | title: '是否断电重启', |
| | | align:"center", |
| | | dataIndex: 'powerOffRestart_dictText' |
| | | align: 'center', |
| | | dataIndex: 'powerOffRestart', |
| | | scopedSlots: { customRender: 'powerOffRestart' } |
| | | }, |
| | | { |
| | | { |
| | | title: '是否为批次首件', |
| | | align:"center", |
| | | dataIndex: 'batchFirstPiece_dictText' |
| | | align: 'center', |
| | | dataIndex: 'batchFirstPiece', |
| | | scopedSlots: { customRender: 'batchFirstPiece' } |
| | | }, |
| | | { |
| | | { |
| | | title: '变动因素', |
| | | align:"center", |
| | | dataIndex: 'variableFactors_dictText' |
| | | align: 'center', |
| | | dataIndex: 'variableFactors', |
| | | scopedSlots: { customRender: 'variableFactors' } |
| | | }, |
| | | { |
| | | { |
| | | title: '变动因素内容', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'variableFactorsValue_dictText' |
| | | }, |
| | | { |
| | | { |
| | | title: '执行程序', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'executeNc' |
| | | }, |
| | | { |
| | | { |
| | | title: '事故现象', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'accidentPhenomenon' |
| | | }, |
| | | { |
| | | { |
| | | title: '采取措施', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'measure' |
| | | }, |
| | | { |
| | | { |
| | | title: '造成结果', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'causingResults' |
| | | }, |
| | | { |
| | | { |
| | | title: '操作工', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'confirmer' |
| | | }, |
| | | { |
| | | { |
| | | title: '操作工确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'confirmTime' |
| | | }, |
| | | { |
| | | { |
| | | title: '区长', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'district' |
| | | }, |
| | | { |
| | | { |
| | | title: '区长确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'districtTime' |
| | | }, |
| | | { |
| | | { |
| | | title: '中心主任', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'centerDirector' |
| | | }, |
| | | { |
| | | { |
| | | title: '中心主任确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'centerDirectorTime' |
| | | }, |
| | | { |
| | | { |
| | | title: '维修开始时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'reportStartTime' |
| | | }, |
| | | { |
| | | { |
| | | title: '设备状态', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'equipmentStatus' |
| | | }, |
| | | { |
| | | { |
| | | title: '原因分析', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'causeAnalysis' |
| | | }, |
| | | { |
| | | { |
| | | title: '检查结果', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'inspectionResults' |
| | | }, |
| | | { |
| | | { |
| | | title: '采取措施', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'takeSteps' |
| | | }, |
| | | { |
| | | { |
| | | title: '建议采取措施', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'suggestionTakeSteps' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '建议采取措施时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'suggestionTakeStepsTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修确认', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairConfirm' |
| | | }, |
| | | { |
| | | title: '维修确认意见', |
| | | align:"center", |
| | | dataIndex: 'repairConfirmComment' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairConfirmTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修组长确认', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairGroupLeader' |
| | | }, |
| | | { |
| | | title: '维修组长意见', |
| | | align:"center", |
| | | dataIndex: 'repairGroupLeaderComment' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修组长确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairGroupLeaderTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修组长确认', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairDistrict' |
| | | }, |
| | | { |
| | | title: '维修组长意见', |
| | | align:"center", |
| | | dataIndex: 'repairDistrictComment' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修组长确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairDistrictTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '原因分析核对;同意、不同意', |
| | | align:"center", |
| | | dataIndex: 'checkAgree' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'checkAgree', |
| | | scopedSlots: { customRender: 'checkAgree' } |
| | | }, |
| | | { |
| | | title: '不同意原因分析', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'disagreeReason' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '整改措施', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'rectificationMeasures' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '事故结论', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'accidentConclusion' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '技术负责人', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirector' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '技术负责人确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '技术主管室级领导', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorLeader' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '技术主管室级领导确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorLeaderTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '主管部级领导', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorPart' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '主管部级领导确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorPartTime' |
| | | }, |
| | | } |
| | | ], |
| | | selectRepairOrderData: {}, |
| | | selectedRowData: {}, |
| | | url: { |
| | | list: "/eam/eamReportAccidentsRegister/list", |
| | | delete: "/eam/eamReportAccidentsRegister/delete", |
| | | deleteBatch: "/eam/eamReportAccidentsRegister/deleteBatch", |
| | | exportXlsUrl: "eam/eamReportAccidentsRegister/exportXls", |
| | | importExcelUrl: "eam/eamReportAccidentsRegister/importExcel", |
| | | }, |
| | | } |
| | | }, |
| | | list: '/eam/eamReportAccidentsRegister/list', |
| | | delete: '/eam/eamReportAccidentsRegister/delete', |
| | | deleteBatch: '/eam/eamReportAccidentsRegister/deleteBatch', |
| | | exportXlsUrl: 'eam/eamReportAccidentsRegister/exportXls', |
| | | importExcelUrl: 'eam/eamReportAccidentsRegister/importExcel' |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | if (!this.isDisplayOperation) this.queryParam = Object.assign({}, this.propsQueryParam) |
| | | else { |
| | |
| | | this.loadData(1) |
| | | }, |
| | | methods: { |
| | | /** |
| | | * 点击填报时触发 |
| | | * @param record |
| | | */ |
| | | handleFillIn(record) { |
| | | this.$refs.modalForm.title = '填报' |
| | | this.$refs.modalForm.handleFillIn(record) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | @import '~@assets/less/common.less'; |
| | | </style> |
| | | </script> |