| | |
| | | <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" |
| | | class="j-table-force-nowrap" |
| | | :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> |
| | | |
| | | <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="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> |
| | | |
| | | <!--原因分析核对--> |
| | | <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"/> |
| | | |
| | | <!--审批窗口--> |
| | | <report-accidents-register-approval-modal ref="reportAccidentsRegisterApprovalModal" |
| | | :selectShenpiData="selectedRowData"/> |
| | | </a-card> |
| | | </template> |
| | | |
| | | <script> |
| | | import '@/assets/less/TableExpand.less' |
| | | import EamReportAccidentsRegisterModal from './modules/EamReportAccidentsRegisterModal' |
| | | import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
| | | import LxSearchEquipmentSelect from '../equipment/modules/LxSearchEquipmentSelect' |
| | | import { getAction } from '@/api/manage' |
| | | import ReportAccidentsRegisterApprovalModal |
| | | from '../../flowable/workflow/repairOrder/ReportAccidentsRegisterApprovalModal' |
| | | |
| | | export default { |
| | | name: "EamReportAccidentsRegisterList", |
| | | mixins:[JeecgListMixin], |
| | | name: 'EamReportAccidentsRegisterList', |
| | | mixins: [JeecgListMixin], |
| | | components: { |
| | | ReportAccidentsRegisterApprovalModal, |
| | | LxSearchEquipmentSelect, |
| | | EamReportAccidentsRegisterModal |
| | | }, |
| | | data () { |
| | | data() { |
| | | return { |
| | | description: '设备事故登记表管理页面', |
| | | // 表头 |
| | |
| | | { |
| | | title: '#', |
| | | dataIndex: '', |
| | | key:'rowIndex', |
| | | width:60, |
| | | align:"center", |
| | | customRender:function (t,r,index) { |
| | | return parseInt(index)+1; |
| | | } |
| | | }, |
| | | { |
| | | title: '删除标记', |
| | | align:"center", |
| | | dataIndex: 'delFlag' |
| | | }, |
| | | { |
| | | title: '报修ID', |
| | | align:"center", |
| | | dataIndex: 'reportId' |
| | | }, |
| | | { |
| | | title: '设备ID', |
| | | align:"center", |
| | | dataIndex: 'equipmentId' |
| | | }, |
| | | { |
| | | title: '是否有设备操作证;是 否', |
| | | align:"center", |
| | | dataIndex: 'operationCertificate' |
| | | }, |
| | | { |
| | | key: 'rowIndex', |
| | | width: 60, |
| | | align: 'center', |
| | | customRender: function(t, r, index) { |
| | | return parseInt(index) + 1 |
| | | }, |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '统一编码', |
| | | align: 'center', |
| | | dataIndex: 'equipmentCode', |
| | | fixed: 'left', |
| | | scopedSlots: { customRender: 'equipmentCode' } |
| | | }, |
| | | { |
| | | title: '设备名称', |
| | | align: 'center', |
| | | dataIndex: 'equipmentName', |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '设备型号', |
| | | align: 'center', |
| | | dataIndex: 'equipmentModel', |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '登记状态', |
| | | align: 'center', |
| | | dataIndex: 'registerStatus_dictText', |
| | | fixed: 'left' |
| | | }, |
| | | { |
| | | title: '废品件号', |
| | | align: 'center', |
| | | dataIndex: 'scrapPartNumber' |
| | | }, |
| | | { |
| | | title: '废品件数', |
| | | align: 'center', |
| | | dataIndex: 'scrapPartQuantity' |
| | | }, |
| | | { |
| | | title: '废品价值', |
| | | align: 'center', |
| | | dataIndex: 'scrapPartValue' |
| | | }, |
| | | { |
| | | title: '是否有设备操作证', |
| | | align: 'center', |
| | | dataIndex: 'operationCertificate', |
| | | scopedSlots: { customRender: 'operationCertificate' } |
| | | }, |
| | | { |
| | | title: '是否断电重启', |
| | | align:"center", |
| | | dataIndex: 'powerOffRestart' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'powerOffRestart', |
| | | scopedSlots: { customRender: 'powerOffRestart' } |
| | | }, |
| | | { |
| | | title: '是否为批次首件', |
| | | align:"center", |
| | | dataIndex: 'batchFirstPiece' |
| | | }, |
| | | { |
| | | title: '变动因素;填写是或否', |
| | | align:"center", |
| | | dataIndex: 'variableFactors' |
| | | }, |
| | | { |
| | | title: '变动因素内容;刀具更换、工艺更改、加工程序更改、刀具补偿值更改、', |
| | | align:"center", |
| | | dataIndex: 'variableFactorsValue' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'batchFirstPiece', |
| | | scopedSlots: { customRender: 'batchFirstPiece' } |
| | | }, |
| | | { |
| | | title: '变动因素', |
| | | align: 'center', |
| | | dataIndex: 'variableFactors', |
| | | scopedSlots: { customRender: 'variableFactors' } |
| | | }, |
| | | { |
| | | title: '变动因素内容', |
| | | 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", |
| | | dataIndex: 'confirmer' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'confirmer_dictText' |
| | | }, |
| | | { |
| | | title: '操作工确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'confirmTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '区长', |
| | | align:"center", |
| | | dataIndex: 'district' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'district_dictText' |
| | | }, |
| | | { |
| | | title: '区长确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'districtTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '中心主任', |
| | | align:"center", |
| | | dataIndex: 'centerDirector' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'centerDirector_dictText' |
| | | }, |
| | | { |
| | | title: '中心主任确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'centerDirectorTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修开始时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'reportStartTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '设备状态', |
| | | align:"center", |
| | | dataIndex: 'equipmentStatus' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'equipmentStatus_dictText' |
| | | }, |
| | | { |
| | | title: '原因分析', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'causeAnalysis' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '检查结果', |
| | | align:"center", |
| | | dataIndex: 'inspectionResults' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'inspectionResults_dictText' |
| | | }, |
| | | { |
| | | title: '采取措施', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'takeSteps' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '建议采取措施', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'suggestionTakeSteps' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '建议采取措施时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'suggestionTakeStepsTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修确认', |
| | | align:"center", |
| | | dataIndex: 'repairConfirm' |
| | | }, |
| | | { |
| | | title: '维修确认意见', |
| | | align:"center", |
| | | dataIndex: 'repairConfirmComment' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'repairConfirm_dictText' |
| | | }, |
| | | { |
| | | title: '维修确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairConfirmTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修组长确认', |
| | | align:"center", |
| | | dataIndex: 'repairGroupLeader' |
| | | }, |
| | | { |
| | | title: '维修组长意见', |
| | | align:"center", |
| | | dataIndex: 'repairGroupLeaderComment' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'repairGroupLeader_dictText' |
| | | }, |
| | | { |
| | | title: '维修组长确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairGroupLeaderTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '维修组长确认', |
| | | align:"center", |
| | | dataIndex: 'repairDistrict' |
| | | }, |
| | | { |
| | | title: '维修组长意见', |
| | | align:"center", |
| | | dataIndex: 'repairDistrictComment' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'repairDistrict_dictText' |
| | | }, |
| | | { |
| | | title: '维修组长确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'repairDistrictTime' |
| | | }, |
| | | { |
| | | title: '原因分析核对;同意、不同意', |
| | | align:"center", |
| | | dataIndex: 'checkAgree' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '原因分析核对', |
| | | 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", |
| | | dataIndex: 'technicalDirector' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'technicalDirector_dictText' |
| | | }, |
| | | { |
| | | title: '技术负责人确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '技术主管室级领导', |
| | | align:"center", |
| | | dataIndex: 'technicalDirectorLeader' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorLeader_dictText' |
| | | }, |
| | | { |
| | | title: '技术主管室级领导确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorLeaderTime' |
| | | }, |
| | | { |
| | | }, |
| | | { |
| | | title: '主管部级领导', |
| | | align:"center", |
| | | dataIndex: 'technicalDirectorPart' |
| | | }, |
| | | { |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorPart_dictText' |
| | | }, |
| | | { |
| | | title: '主管部级领导确认时间', |
| | | align:"center", |
| | | align: 'center', |
| | | dataIndex: 'technicalDirectorPartTime' |
| | | }, |
| | | }, |
| | | { |
| | | title: '操作', |
| | | dataIndex: 'action', |
| | | align:"center", |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'action' }, |
| | | width: 200, |
| | | fixed: 'right' |
| | | } |
| | | ], |
| | | url: { |
| | | list: "/eam/eamReportAccidentsRegister/list", |
| | | delete: "/eam/eamReportAccidentsRegister/delete", |
| | | deleteBatch: "/eam/eamReportAccidentsRegister/deleteBatch", |
| | | exportXlsUrl: "eam/eamReportAccidentsRegister/exportXls", |
| | | importExcelUrl: "eam/eamReportAccidentsRegister/importExcel", |
| | | }, |
| | | } |
| | | }, |
| | | computed: { |
| | | importExcelUrl: function(){ |
| | | return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; |
| | | } |
| | | }, |
| | | selectedRowData: {}, |
| | | url: { |
| | | list: '/eam/eamReportAccidentsRegister/list', |
| | | submit: '/eam/eamReportAccidentsRegister/submit', |
| | | delete: '/eam/eamReportAccidentsRegister/delete' |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | /** |
| | | * 点击提交时触发 |
| | | * @param id |
| | | */ |
| | | handleSubmit(id) { |
| | | this.loading = true |
| | | getAction(this.url.submit, { id }) |
| | | .then(res => { |
| | | if (res.success) { |
| | | this.$notification.success({ |
| | | message: '消息', |
| | | description: res.message |
| | | }) |
| | | this.loadData() |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: '消息', |
| | | description: res.message |
| | | }) |
| | | this.loading = false |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | /** |
| | | * 点击详情时触发时触发 |
| | | * @param record |
| | | */ |
| | | handleDetail(record) { |
| | | this.selectedRowData = Object.assign({}, record) |
| | | this.$refs.reportAccidentsRegisterApprovalModal.title = '详情' |
| | | this.$refs.reportAccidentsRegisterApprovalModal.disableSubmit = true |
| | | this.$refs.reportAccidentsRegisterApprovalModal.visible = true |
| | | this.$refs.reportAccidentsRegisterApprovalModal.handleDetail(record) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | @import '~@assets/less/common.less'; |
| | | </style> |
| | | </script> |