From fe011cf7399e8ad5738ab7668a7d6109d9a5cbc6 Mon Sep 17 00:00:00 2001
From: zhaowei <zhaowei>
Date: 星期一, 09 六月 2025 16:56:36 +0800
Subject: [PATCH] 联调终端停机上报页面列表查询、维护停机和拆分停机信息功能
---
src/views/dnc/base/modules/TerminalIndex/ReportEquipmentClose.vue | 130 ++++++++++++++++++++++++-------------------
1 files changed, 72 insertions(+), 58 deletions(-)
diff --git a/src/views/dnc/base/modules/TerminalIndex/ReportEquipmentClose.vue b/src/views/dnc/base/modules/TerminalIndex/ReportEquipmentClose.vue
index 0f5f685..955c7a1 100644
--- a/src/views/dnc/base/modules/TerminalIndex/ReportEquipmentClose.vue
+++ b/src/views/dnc/base/modules/TerminalIndex/ReportEquipmentClose.vue
@@ -7,33 +7,34 @@
<div class="table-page-search-wrapper">
<a-form layout="inline">
<a-row :gutter="24">
- <a-col :span="4">
+ <a-col :span="5">
<a-form-item label="璁惧">
- <a-select placeholder="璇烽�夋嫨璁惧" v-model="queryParam.equipmentId"></a-select>
+ <a-select placeholder="璇烽�夋嫨璁惧" v-model="queryParam.equipmentId">
+ <a-select-option v-for="item in equipmentList" :key="item.equipmentId">
+ {{item.equipmentId+`[${item.equipmentName}]`}}
+ </a-select-option>
+ </a-select>
</a-form-item>
</a-col>
- <a-col :span="4">
+ <a-col :span="5">
<a-form-item label="寮�濮嬫椂闂�">
- <a-date-picker style="width: 100%" show-time placeholder="璇烽�夋嫨寮�濮嬫椂闂�" v-model="queryParam.startTime"/>
+ <a-date-picker style="width: 100%" show-time placeholder="璇烽�夋嫨寮�濮嬫椂闂�" v-model="queryParam.startDate"/>
</a-form-item>
</a-col>
- <a-col :span="4">
+ <a-col :span="5">
<a-form-item label="缁撴潫鏃堕棿">
- <a-date-picker style="width: 100%" show-time placeholder="璇烽�夋嫨缁撴潫鏃堕棿" v-model="queryParam.endTime"/>
+ <a-date-picker style="width: 100%" show-time placeholder="璇烽�夋嫨缁撴潫鏃堕棿" v-model="queryParam.endDate"/>
</a-form-item>
</a-col>
- <a-col :span="4">
+ <a-col :span="5">
<a-form-item label="鍋滄満鍘熷洜">
- <a-select placeholder="璇烽�夋嫨鍋滄満鍘熷洜" v-model="queryParam.closeReason"></a-select>
- </a-form-item>
- </a-col>
-
- <a-col :span="4">
- <a-form-item label="鍋滄満鏃堕棿">
- <a-date-picker style="width: 100%" placeholder="璇烽�夋嫨鍋滄満鏃堕棿" v-model="queryParam.closeTime"/>
+ <a-select placeholder="璇烽�夋嫨鍋滄満鍘熷洜" v-model="queryParam.downtimeDescription">
+ <a-select-option v-for="item in downtimeDescriptionList" :key="item.value">{{item.label}}
+ </a-select-option>
+ </a-select>
</a-form-item>
</a-col>
@@ -51,17 +52,26 @@
<!-- 鎿嶄綔鎸夐挳鍖哄煙 -->
<div class="table-operator">
- <a-button type="primary" @click="handleMaintainShutdown">缁存姢鍋滄満</a-button>
- <a-button type="primary" @click="handleSplitShutdownInfo">鎷嗗垎鍋滄満淇℃伅</a-button>
+ <a-button type="primary" @click="handleMaintainShutdown" :disabled="selectedRowKeys.length===0">缁存姢鍋滄満</a-button>
+ <a-button type="primary" @click="handleSplitShutdownInfo"
+ :disabled="selectedRowKeys.length===0||selectedRowKeys.length>1">鎷嗗垎鍋滄満淇℃伅
+ </a-button>
</div>
- <a-table :dataSource="dataSource" :columns="columns" rowKey="id" bordered :pagination="false"
- :rowSelection="{selectedRowKeys, onChange: onSelectChange}"/>
+ <a-table :dataSource="dataSource" :columns="columns" rowKey="id" bordered :pagination="false" :loading="loading"
+ :rowSelection="{selectedRowKeys, onChange: onSelectChange}">
+ <template slot="downtimeType" slot-scope="text">
+ {{ text!=null?text === 0 ? '璁″垝鍋滄満' : '闈炶鍒掑仠鏈�':'' }}
+ </template>
+ </a-table>
</a-card>
- <maintain-shutdown-modal ref="maintainShutdownModal"/>
+ <maintain-shutdown-modal :downtimeDescriptionList="downtimeDescriptionList" ref="maintainShutdownModal"
+ @submitSuccess="loadData"/>
- <split-shutdown-info-modal ref="splitShutdownInfoModal"/>
+ <split-shutdown-info-modal ref="splitShutdownInfoModal" :selectedRow="selectionRows[0]"
+ :downtimeDescriptionList="downtimeDescriptionList"
+ @submitSuccess="clearSelectedRowKeysAndLoadData"/>
</div>
</template>
@@ -69,6 +79,7 @@
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import MaintainShutdownModal from './ReportEquipmentClose/MaintainShutdownModal'
import SplitShutdownInfoModal from './ReportEquipmentClose/SplitShutdownInfoModal'
+ import { getAction } from '@/api/manage'
export default {
name: 'ReportEquipmentClose',
@@ -76,6 +87,8 @@
mixins: [JeecgListMixin],
data() {
return {
+ equipmentList: [],
+ downtimeDescriptionList: [],
columns: [
{
title: '璁惧缂栧彿',
@@ -89,17 +102,19 @@
dataIndex: 'equipmentName'
},
{
- title: '鍋滄満缂栧彿',
+ title: '鍋滄満鍘熷洜',
align: 'center',
- dataIndex: 'shutdownId'
+ dataIndex: 'downtimeDescription'
},
{
title: '鍋滄満绫诲瀷',
align: 'center',
- dataIndex: 'shutdownType'
+ scopedSlots: { customRender: 'downtimeType' },
+ dataIndex: 'downtimeType',
+ width: 150
},
{
- title: '鍋滄満鏃堕棿',
+ title: '鍋滄満鏃堕棿(MIN)',
align: 'center',
width: 150,
dataIndex: 'shutdownDuration'
@@ -108,63 +123,62 @@
title: '寮�濮嬫椂闂�',
align: 'center',
width: 200,
- dataIndex: 'startTime'
+ dataIndex: 'startDate'
},
{
title: '缁撴潫鏃堕棿',
align: 'center',
width: 200,
- dataIndex: 'endTime'
+ dataIndex: 'endDate'
},
{
title: '褰曞叆绫诲瀷',
align: 'center',
width: 100,
- dataIndex: 'recordType'
- }
- ],
- dataSource: [
- {
- id: 1,
- equipmentId: '3140221',
- equipmentName: '鏁版帶鏈哄簥',
- shutdownDuration: 360,
- startTime: '2025-05-20 02:21:49',
- endTime: '2525-05-20 08:21:59',
- recordType: '鑷姩涓婃姤'
- },
- {
- id: 2,
- equipmentId: '3140221',
- equipmentName: '鏁版帶鏈哄簥',
- shutdownDuration: 360,
- startTime: '2025-05-20 02:21:49',
- endTime: '2525-05-20 08:21:59',
- recordType: '鑷姩涓婃姤'
- },
- {
- id: 3,
- equipmentId: '3140221',
- equipmentName: '鏁版帶鏈哄簥',
- shutdownDuration: 360,
- startTime: '2025-05-20 02:21:49',
- endTime: '2525-05-20 08:21:59',
- recordType: '鑷姩涓婃姤'
+ dataIndex: 'enterType_dictText'
}
],
url: {
- list: ''
+ equipmentList: '/mdc/mdcEquipment/getEquipmentList',
+ downtimeDescriptionList: '/mdc/mdcDowntimeReason/reasonList',
+ list: '/mdc/operator/mdcDowntime/list'
}
}
},
+ created() {
+ this.getEquipmentListByApi()
+ this.getDowntimeDescriptionListByApi()
+ },
methods: {
+ getEquipmentListByApi() {
+ const that = this
+ getAction(this.url.equipmentList)
+ .then(res => {
+ if (res.success) that.equipmentList = res.result
+ })
+ },
+
+ getDowntimeDescriptionListByApi() {
+ const that = this
+ getAction(this.url.downtimeDescriptionList)
+ .then(res => {
+ if (res.success) that.downtimeDescriptionList = res.result
+ })
+ },
+
handleMaintainShutdown() {
this.$refs.maintainShutdownModal.visible = true
- this.$refs.maintainShutdownModal.model = {}
+ this.$refs.maintainShutdownModal.model = { downTimeIds: this.selectedRowKeys.join() }
},
handleSplitShutdownInfo() {
this.$refs.splitShutdownInfoModal.visible = true
+ this.$refs.splitShutdownInfoModal.setDateTime(this.selectionRows[0])
+ },
+
+ clearSelectedRowKeysAndLoadData() {
+ this.selectedRowKeys = this.selectionRows = []
+ this.loadData()
}
}
}
--
Gitblit v1.9.3