From 6136e6c9e46cd9d6e57ad02362bfa1b5e43b46ad Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期三, 16 七月 2025 16:22:08 +0800 Subject: [PATCH] 三保工单列表 --- src/views/eam/maintenance/EamThirdMaintenanceOrderList.vue | 765 +++++++++++++++++++--------------------------------------- 1 files changed, 248 insertions(+), 517 deletions(-) diff --git a/src/views/eam/maintenance/EamThirdMaintenanceOrderList.vue b/src/views/eam/maintenance/EamThirdMaintenanceOrderList.vue index 976e9d6..00e0647 100644 --- a/src/views/eam/maintenance/EamThirdMaintenanceOrderList.vue +++ b/src/views/eam/maintenance/EamThirdMaintenanceOrderList.vue @@ -1,194 +1,67 @@ <template> <a-card :bordered="false"> - <!-- 鏌ヨ鍖哄煙 --> - <div - class="table-page-search-wrapper" - v-if="isDisplayOperation" - > - <a-form - layout="inline" - @keyup.enter.native="searchQuery" - > + <div class="table-page-search-wrapper" v-if="isDisplayOperation"> + <a-form layout="inline" @keyup.enter.native="searchQuery"> <a-row :gutter="24"> - <a-col - :xl="4" - :lg="7" - :md="8" - :sm="24" - > + <a-col :xl="4" :lg="7" :md="8" :sm="24"> <a-form-item label="宸ュ崟鍙�"> - <a-input - placeholder="璇疯緭鍏ュ伐鍗曞彿" - v-model="queryParam.orderNum" - ></a-input> + <a-input placeholder="璇疯緭鍏ュ伐鍗曞彿" v-model="queryParam.orderNum"/> </a-form-item> </a-col> - <a-col - :xl="4" - :lg="7" - :md="8" - :sm="24" - > - <a-form-item label="璁惧缂栧彿"> - <lx-search-equipment-select - placeholder="璇疯緭鍏ヨ澶囩紪鍙锋垨鍚嶇О鎼滅储" - v-model="queryParam.equipmentId" - ></lx-search-equipment-select> + <a-col :xl="5" :lg="6" :md="8" :sm="24"> + <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-col :xl="6" :lg="7" :md="8" :sm="24"> <a-form-item label="璁″垝淇濆吇鏃ユ湡"> - <a-range-picker - v-model="queryParam.maintenanceDateRange" - @change="onMaintenanceDateChange" - format="YYYY-MM-DD" - value-format="YYYY-MM-DD" - /> + <a-range-picker v-model="queryParam.maintenanceDateRange" @change="onMaintenanceDateChange" + value-format="YYYY-MM-DD"/> </a-form-item> </a-col> - <a-col - :xl="4" - :lg="7" - :md="8" - :sm="24" - > + <a-col :xl="4" :lg="7" :md="8" :sm="24"> <a-form-item label="淇濆吇鐘舵��"> - <j-dict-select-tag - placeholder="璇烽�夋嫨淇濆吇鐘舵��" - dict-code="second_maintenance_status" - v-model="queryParam.maintenanceStatus" - /> + <j-dict-select-tag placeholder="璇烽�夋嫨淇濆吇鐘舵��" dict-code="third_maintenance_status" + v-model="queryParam.maintenanceStatus"/> </a-form-item> </a-col> - <a-col - :xl="4" - :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-col :xl="4" :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> </span> </a-col> - </a-row> </a-form> </div> <!-- 鎿嶄綔鎸夐挳鍖哄煙 --> - <div - class="table-operator" - v-if="isDisplayOperation" - > - <a-button - @click="handleAdd" - type="primary" - icon="plus" - >鏂板 - </a-button> - <a-dropdown v-if="selectedRowKeys.length > 0"> - <a-menu slot="overlay"> - <a-menu-item - key="1" - @click="handlerBatchAbolish" - > - <a-icon type="delete" /> - 浣滃簾 - </a-menu-item> - <a-menu-item - key="2" - @click="handlerBatchCollect" - > - <a-icon type="form" /> - 棰嗗彇 - </a-menu-item> - </a-menu> - <a-button style="margin-left: 8px"> 鎵归噺鎿嶄綔 - <a-icon type="down" /> - </a-button> - </a-dropdown> + <div class="table-operator" v-if="isDisplayOperation"> + <a-button @click="handleAdd" type="primary" icon="plus">鏂板</a-button> </div> <!-- table鍖哄煙-begin --> - <div> - <div - class="ant-alert ant-alert-info" - style="margin-bottom: 16px;" - v-if="isDisplayOperation" - > - <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" - class="j-table-force-nowrap" - :scroll="{x:'max-content'}" - :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" - @change="handleTableChange" - > - - <span - slot="action" - slot-scope="text, record" - > + <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="dataSource" + :pagination="ipagination" :loading="loading" :scroll="{x:'max-content'}" + @change="handleTableChange"> + <span slot="action" slot-scope="text, record"> <template v-if="record.maintenanceStatus === 'WAIT_MAINTENANCE'"> - <a - @click="handleEdit(record)" - >缂栬緫</a> + <a @click="handleEdit(record)">缂栬緫</a> - <a-divider - type="vertical" - /> + <a-divider type="vertical"/> - <a-popconfirm - title="纭畾棰嗗彇鍚�?" - @confirm="() => handlerCollect(record.id)" - > + <a-popconfirm title="纭畾棰嗗彇鍚�?" @confirm="() => handlerCollect(record.id)"> <a>棰嗗彇</a> </a-popconfirm> - <a-divider - type="vertical" - /> + <a-divider type="vertical"/> <a-dropdown> - <a class="ant-dropdown-link">鏇村 <a-icon type="down" /></a> + <a class="ant-dropdown-link">鏇村 <a-icon type="down"/></a> <a-menu slot="overlay"> <a-menu-item> - <a-popconfirm - title="纭畾浣滃簾鍚�?" - @confirm="() => handlerAbolish(record.id)" - > + <a-popconfirm title="纭畾浣滃簾鍚�?" @confirm="() => handlerAbolish(record.id)"> <a>浣滃簾</a> </a-popconfirm> </a-menu-item> @@ -203,379 +76,237 @@ <a @click="handleDetail(record)">璇︽儏</a> </template> - <a-divider - v-if="record.maintenanceStatus === 'COMPLETE'" - type="vertical" - /> - <a - v-if="record.maintenanceStatus === 'COMPLETE'" - @click="handlePrint(record)" - >鎵撳嵃</a> - </span> + <a-divider v-if="record.maintenanceStatus === 'COMPLETE'" type="vertical"/> - </a-table> - </div> + <a v-if="record.maintenanceStatus === 'COMPLETE'" @click="handlePrint(record)">鎵撳嵃</a> + </span> + </a-table> <!-- table鍖哄煙-end --> <!-- 琛ㄥ崟鍖哄煙 --> - <eamThirdMaintenanceOrder-modal - ref="modalForm" - @ok="modalFormOk" - ></eamThirdMaintenanceOrder-modal> + <eamThirdMaintenanceOrder-modal ref="modalForm" @ok="modalFormOk"/> - <third-maintenance-approval-modal - ref="thirdMaintenanceApprovalModal" - :selectShenpiData="selectThirdMaintenanceData" - /> + <third-maintenance-approval-modal ref="thirdMaintenanceApprovalModal" + :selectShenpiData="selectThirdMaintenanceData"/> </a-card> </template> <script> -import '@/assets/less/TableExpand.less' -import EamThirdMaintenanceOrderModal from './modules/EamThirdMaintenanceOrderModal' -import { JeecgListMixin } from '@/mixins/JeecgListMixin' -import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue' -import { deleteAction, getAction } from '@api/manage' -import ThirdMaintenanceApprovalModal from '@views/flowable/workflow/thirdMaintenance/ThirdMaintenanceApprovalModal.vue' + import EamThirdMaintenanceOrderModal from './modules/EamThirdMaintenanceOrderModal' + import { JeecgListMixin } from '@/mixins/JeecgListMixin' + import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue' + import { deleteAction, getAction } from '@api/manage' + import ThirdMaintenanceApprovalModal + from '@views/flowable/workflow/thirdMaintenance/ThirdMaintenanceApprovalModal.vue' -export default { - name: 'EamThirdMaintenanceOrderList', - mixins: [JeecgListMixin], - components: { - LxSearchEquipmentSelect, - EamThirdMaintenanceOrderModal, - ThirdMaintenanceApprovalModal - }, - props: { - isDisplayOperation: { - type: Boolean, - default: true - } - }, - data() { - return { - description: '璁惧涓夌骇淇濆吇绠$悊椤甸潰', - disableMixinCreated: true, - selectThirdMaintenanceData: {}, - // 琛ㄥご - columns: [ - { - title: '#', - dataIndex: '', - key: 'rowIndex', - width: 60, - align: 'center', - fixed: 'left', - customRender: function (t, r, index) { - return parseInt(index) + 1 - } - }, - { - title: '宸ュ崟鍙�', - align: 'center', - dataIndex: 'orderNum', - fixed: 'left', - width: 60 - }, - { - title: '璁惧缂栧彿', - align: 'center', - dataIndex: 'equipmentCode', - fixed: 'left', - width: 60 - }, - { - title: '璁惧鍚嶇О', - align: 'center', - dataIndex: 'equipmentName', - fixed: 'left', - width: 60 - }, - { - title: '鏍囧噯鍚嶇О', - align: 'center', - dataIndex: 'standardId_dictText' - }, - { - title: '璁″垝淇濆吇鏃ユ湡', - align: 'center', - dataIndex: 'maintenanceDate' - }, - { - title: '瀹為檯寮�濮嬫椂闂�', - align: 'center', - dataIndex: 'actualStartTime' - }, - { - title: '瀹為檯缁撴潫鏃堕棿', - align: 'center', - dataIndex: 'actualEndTime' - }, - { - title: '淇濆吇浜�', - align: 'center', - dataIndex: 'operator_dictText' - }, - // { - // title: '绮惧害妫�楠屼汉', - // align: 'center', - // dataIndex: 'precisionChecker_dictText' - // }, - // { - // title: '绮惧害妫�楠屾椂闂�', - // align: 'center', - // dataIndex: 'precisionCheckTime' - // }, - { - title: '淇濆吇鐘舵��', - align: 'center', - dataIndex: 'maintenanceStatus_dictText' - }, - { - title: '鍒涘缓鏂瑰紡', - align: 'center', - dataIndex: 'creationMethod_dictText' - }, - { - title: '鏈哄姩鍔炵‘璁�', - align: 'center', - dataIndex: 'confirmUser_dictText', - width: 60 - }, - { - title: '鏈哄姩鍔炵‘璁ゆ椂闂�', - align: 'center', - dataIndex: 'confirmTime', - width: 60 - }, - { - title: '鏈哄姩鍔炴剰瑙�', - align: 'center', - dataIndex: 'confirmComment', - width: 60 - }, - { - title: '纭棰嗗', - align: 'center', - dataIndex: 'confirmLeader_dictText', - width: 60 - }, - { - title: '棰嗗纭鏃堕棿', - align: 'center', - dataIndex: 'leaderConfirmTime', - width: 60 - }, - { - title: '棰嗗鎰忚', - align: 'center', - dataIndex: 'leaderConfirmComment', - width: 60 - }, - { - title: '澶囨敞', - align: 'center', - dataIndex: 'remark' - } - ], - url: { - list: '/eam/thirdMaintenanceOrder/list', - abolish: '/eam/thirdMaintenanceOrder/abolish', - abolishBatch: '/eam/thirdMaintenanceOrder/abolishBatch', - collect: '/eam/thirdMaintenanceOrder/collect', - collectBatch: '/eam/thirdMaintenanceOrder/collectBatch' + export default { + name: 'EamThirdMaintenanceOrderList', + mixins: [JeecgListMixin], + components: { + LxSearchEquipmentSelect, + EamThirdMaintenanceOrderModal, + ThirdMaintenanceApprovalModal + }, + props: { + isDisplayOperation: { + type: Boolean, + default: true } - } - }, - created() { - if (!this.isDisplayOperation) { - return - } - const operationColumn = { - title: '鎿嶄綔', - dataIndex: 'action', - align: 'center', - fixed: 'right', - width: 200, - scopedSlots: { customRender: 'action' } - } - this.columns = [...this.columns, operationColumn] - this.loadData(1) - }, - computed: {}, - methods: { - onMaintenanceDateChange: function (value, dateString) { - if (dateString && dateString.length === 2) { + }, + data() { + return { + description: '璁惧涓夌骇淇濆吇绠$悊椤甸潰', + disableMixinCreated: true, + selectThirdMaintenanceData: {}, + // 琛ㄥご + columns: [ + { + title: '#', + dataIndex: '', + key: 'rowIndex', + width: 60, + align: 'center', + fixed: 'left', + customRender: function(t, r, index) { + return parseInt(index) + 1 + } + }, + { + title: '缁熶竴缂栫爜', + align: 'center', + dataIndex: 'equipmentCode', + fixed: 'left' + }, + { + title: '璁惧鍚嶇О', + align: 'center', + dataIndex: 'equipmentName', + fixed: 'left' + }, + { + title: '璁惧鍨嬪彿', + align: 'center', + dataIndex: 'equipmentModel', + fixed: 'left' + }, + { + title: '宸ュ崟鍙�', + align: 'center', + dataIndex: 'orderNum' + }, + { + title: '瑙勮寖鍚嶇О', + align: 'center', + dataIndex: 'standardId_dictText' + }, + { + title: '璁″垝淇濆吇鏃ユ湡', + align: 'center', + dataIndex: 'maintenanceDate' + }, + { + title: '瀹為檯寮�濮嬫椂闂�', + align: 'center', + dataIndex: 'actualStartTime' + }, + { + title: '瀹為檯缁撴潫鏃堕棿', + align: 'center', + dataIndex: 'actualEndTime' + }, + { + title: '淇濆吇浜�', + align: 'center', + dataIndex: 'operator_dictText' + }, + { + title: '淇濆吇鐘舵��', + align: 'center', + dataIndex: 'maintenanceStatus_dictText' + }, + { + title: '鍒涘缓鏂瑰紡', + align: 'center', + dataIndex: 'creationMethod_dictText' + }, + { + title: '鏈哄姩鍔炵‘璁�', + align: 'center', + dataIndex: 'confirmUser_dictText' + }, + { + title: '鏈哄姩鍔炵‘璁ゆ椂闂�', + align: 'center', + dataIndex: 'confirmTime' + }, + { + title: '纭棰嗗', + align: 'center', + dataIndex: 'confirmLeader_dictText' + }, + { + title: '棰嗗纭鏃堕棿', + align: 'center', + dataIndex: 'leaderConfirmTime' + } + ], + url: { + list: '/eam/thirdMaintenanceOrder/list', + abolish: '/eam/thirdMaintenanceOrder/abolish', + abolishBatch: '/eam/thirdMaintenanceOrder/abolishBatch', + collect: '/eam/thirdMaintenanceOrder/collect', + collectBatch: '/eam/thirdMaintenanceOrder/collectBatch' + } + } + }, + created() { + if (!this.isDisplayOperation) { + return + } + const operationColumn = { + title: '鎿嶄綔', + dataIndex: 'action', + align: 'center', + fixed: 'right', + width: 200, + scopedSlots: { customRender: 'action' } + } + this.columns = [...this.columns, operationColumn] + this.loadData(1) + }, + computed: {}, + methods: { + /** + * 鐐瑰嚮浣滃簾鏃惰Е鍙� + * @param id + */ + handlerAbolish(id) { + var that = this + this.loading = true + deleteAction(that.url.abolish, { id }) + .then((res) => { + if (res.success) { + that.$notification.success({ + message: '娑堟伅', + description: res.message + }) + that.loadData() + } else { + that.$notification.warning({ + message: '娑堟伅', + description: res.message + }) + that.loading = false + } + }) + }, + + /** + * 鐐瑰嚮棰嗗彇鏃惰Е鍙� + * @param id + */ + handlerCollect(id) { + let that = this + this.loading = true + getAction(that.url.collect, { id }) + .then((res) => { + if (res.success) { + that.$notification.success({ + message: '娑堟伅', + description: res.message + }) + that.loadData() + } else { + that.$notification.warning({ + message: '娑堟伅', + description: res.message + }) + that.loading = false + } + }) + }, + + /** + * 鐐瑰嚮璇︽儏鏃惰Е鍙� + * @param record + */ + handleDetail(record) { + this.selectThirdMaintenanceData = Object.assign({}, record) + this.$refs.thirdMaintenanceApprovalModal.recordDetail(record) + this.$refs.thirdMaintenanceApprovalModal.title = '璇︽儏' + this.$refs.thirdMaintenanceApprovalModal.disableSubmit = true + }, + + onMaintenanceDateChange(dateString) { this.queryParam.maintenanceDateBegin = dateString[0] this.queryParam.maintenanceDateEnd = dateString[1] - } else { - this.queryParam.maintenanceDateBegin = undefined - this.queryParam.maintenanceDateEnd = undefined - } - }, - handlerAbolish(id) { - if (!this.url.abolish) { - this.$message.error('璇疯缃畊rl.abolish灞炴��!') - return - } - var that = this - deleteAction(that.url.abolish, { id: id }).then((res) => { - if (res.success) { - //閲嶆柊璁$畻鍒嗛〉闂 - that.reCalculatePage(1) - // that.$message.success(res.message); - that.$notification.success({ - message: '娑堟伅', - description: res.message - }) - that.loadData() - } else { - // that.$message.warning(res.message); - that.$notification.warning({ - message: '娑堟伅', - description: res.message - }) - } - }) - }, - handlerBatchAbolish() { - if (!this.url.abolishBatch) { - this.$message.error('璇疯缃畊rl.abolishBatch灞炴��!') - return - } - if (this.selectedRowKeys.length <= 0) { - // this.$message.warning('璇烽�夋嫨涓�鏉¤褰曪紒'); - this.$notification.warning({ - message: '娑堟伅', - description: '璇烽�夋嫨涓�鏉¤褰�' - }) - return - } else { - var ids = '' - for (var a = 0; a < this.selectedRowKeys.length; a++) { - ids += this.selectedRowKeys[a] + ',' - } - var that = this - this.$confirm({ - title: '纭浣滃簾', - content: '鏄惁浣滃簾閫変腑鏁版嵁锛屽彧鏈夊緟淇濆吇鐘舵�佺殑鏁版嵁鎵嶅彲浣滃簾鎴愬姛?', - onOk: function () { - that.loading = true - deleteAction(that.url.abolishBatch, { ids: ids }).then((res) => { - if (res.success) { - //閲嶆柊璁$畻鍒嗛〉闂 - that.reCalculatePage(that.selectedRowKeys.length) - // that.$message.success(res.message); - that.$notification.success({ - message: '娑堟伅', - description: res.message - }) - that.loadData() - that.onClearSelected() - } else { - // that.$message.warning(res.message); - that.$notification.warning({ - message: '娑堟伅', - description: res.message - }) - } - }).finally(() => { - that.loading = false - }) - } - }) - } - }, - //鍗曚釜棰嗗彇 - handlerCollect(id) { - if (!this.url.collect) { - this.$message.error('璇疯缃畊rl.collect灞炴��!') - return - } - let that = this - getAction(that.url.collect, { id: id }).then((res) => { - if (res.success) { - //閲嶆柊璁$畻鍒嗛〉闂 - that.reCalculatePage(1) - // that.$message.success(res.message); - that.$notification.success({ - message: '娑堟伅', - description: res.message - }) - that.loadData() - } else { - // that.$message.warning(res.message); - that.$notification.warning({ - message: '娑堟伅', - description: res.message - }) - } - }) - }, - //鎵归噺棰嗗彇 - handlerBatchCollect() { - if (!this.url.collectBatch) { - this.$message.error('璇疯缃畊rl.abolishBatch灞炴��!') - return - } - if (this.selectedRowKeys.length <= 0) { - // this.$message.warning('璇烽�夋嫨涓�鏉¤褰曪紒'); - this.$notification.warning({ - message: '娑堟伅', - description: '璇烽�夋嫨涓�鏉¤褰�' - }) - return - } else { - var ids = '' - for (var a = 0; a < this.selectedRowKeys.length; a++) { - ids += this.selectedRowKeys[a] + ',' - } - var that = this - this.$confirm({ - title: '纭棰嗗彇', - content: '鏄惁棰嗗彇閫変腑鏁版嵁锛屽彧鏈夊緟淇濆吇鐘舵�佺殑鏁版嵁鎵嶅彲棰嗗彇鎴愬姛?', - onOk: function () { - that.loading = true - deleteAction(that.url.collectBatch, { ids: ids }).then((res) => { - if (res.success) { - //閲嶆柊璁$畻鍒嗛〉闂 - that.reCalculatePage(that.selectedRowKeys.length) - // that.$message.success(res.message); - that.$notification.success({ - message: '娑堟伅', - description: res.message - }) - that.loadData() - that.onClearSelected() - } else { - // that.$message.warning(res.message); - that.$notification.warning({ - message: '娑堟伅', - description: res.message - }) - } - }).finally(() => { - that.loading = false - }) - } - }) - } - }, - handleDetail(record) { - this.selectThirdMaintenanceData = Object.assign({}, record) - this.$refs.thirdMaintenanceApprovalModal.recordDetail(record) - this.$refs.thirdMaintenanceApprovalModal.title = '璇︽儏' - this.$refs.thirdMaintenanceApprovalModal.disableSubmit = true - }, + }, - handlePrint(record) { - let href = `${window._CONFIG['domianURL']}/jmreport/view/1094880052100399104?id=` + record.id; - // + `&orderId=` + record.id; //缃戠珯閾炬帴 - window.open(href, "_blank"); - }, + handlePrint(record) { + let href = `${window._CONFIG['domianURL']}/jmreport/view/1094880052100399104?id=` + record.id + // + `&orderId=` + record.id; //缃戠珯閾炬帴 + window.open(href, '_blank') + } + } } -} -</script> -<style scoped> -@import '~@assets/less/common.less'; -</style> \ No newline at end of file +</script> \ No newline at end of file -- Gitblit v1.9.3