From 9d38529c9ecdde9270652a8fa2bb12d5cca7559e Mon Sep 17 00:00:00 2001
From: zhaowei <zhaowei>
Date: 星期四, 10 四月 2025 10:46:05 +0800
Subject: [PATCH] 沃克项目： 1、维修工单页面布局及样式完成100%并实现领取报修故障单功能 2、设备台账页面实现查询设备对应维修工单功能
---
src/views/eam/equipment/EamEquipmentList.vue | 740 +++++++++++++++++++++++++++++---------------------------
1 files changed, 377 insertions(+), 363 deletions(-)
diff --git a/src/views/eam/equipment/EamEquipmentList.vue b/src/views/eam/equipment/EamEquipmentList.vue
index 3e28275..4dc9dda 100644
--- a/src/views/eam/equipment/EamEquipmentList.vue
+++ b/src/views/eam/equipment/EamEquipmentList.vue
@@ -166,9 +166,12 @@
</div>
<!-- table鍖哄煙-end -->
- <a-tabs v-model="activeTabKey">
+ <a-tabs v-model="activeTabKey" @change="handleTabChange">
<a-tab-pane tab="淇濆吇鏍囧噯" :key="1">
- <eam-maintenance-standard-list ref="tabPaneTableListRef" :isDisplayOperation="false"/>
+ <eam-maintenance-standard-list ref="tabPaneTableListRef1" :isDisplayOperation="false"/>
+ </a-tab-pane>
+ <a-tab-pane tab="缁翠慨宸ュ崟" :key="2">
+ <eam-repair-order-list ref="tabPaneTableListRef2" :isDisplayOperation="false"/>
</a-tab-pane>
</a-tabs>
@@ -182,380 +185,391 @@
</template>
<script>
-import '@/assets/less/TableExpand.less'
-import EamEquipmentModal from './modules/EamEquipmentModal'
-import { JeecgListMixin } from '@/mixins/JeecgListMixin'
-import { getAction, templateXlsDownload } from '@api/manage'
-import NameplateModal from '@views/eam/equipment/modules/NameplateModal.vue'
-import { getSystemConfigValue } from '@api/api'
-import ResumeDrawer from '@views/eam/equipment/modules/ResumeDrawer.vue'
-import EamMaintenanceStandardList from '@views/eam/base/EamMaintenanceStandardList.vue'
+ import '@/assets/less/TableExpand.less'
+ import EamEquipmentModal from './modules/EamEquipmentModal'
+ import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+ import { getAction, templateXlsDownload } from '@api/manage'
+ import NameplateModal from '@views/eam/equipment/modules/NameplateModal.vue'
+ import { getSystemConfigValue } from '@api/api'
+ import ResumeDrawer from '@views/eam/equipment/modules/ResumeDrawer.vue'
+ import EamMaintenanceStandardList from '@views/eam/base/EamMaintenanceStandardList.vue'
+ import EamRepairOrderList from '../repair/EamRepairOrderList'
-export default {
- name: 'EamEquipmentList',
- mixins: [JeecgListMixin],
- components: {
- EamMaintenanceStandardList,
- ResumeDrawer,
- NameplateModal,
- EamEquipmentModal
- },
- data() {
- return {
- description: '璁惧鍙拌处绠＄悊椤甸潰',
- // 琛ㄥご
- columns: [
- {
- title: '#',
- dataIndex: '',
- key: 'rowIndex',
- width: 60,
- align: 'center',
- customRender: function(t, r, index) {
- return parseInt(index) + 1
- },
- fixed: 'left'
- },
- {
- title: '璁惧缂栧彿',
- align: 'center',
- width: 100,
- dataIndex: 'equipmentCode',
- ellipsis: true,
- fixed: 'left',
- sorter: true
- },
- {
- title: '璁惧鍚嶇О',
- align: 'center',
- width: 100,
- dataIndex: 'equipmentName',
- ellipsis: true,
- fixed: 'left'
- },
- {
- title: '鍏抽敭璁惧鏍囪瘑',
- align: 'center',
- width: 120,
- dataIndex: 'equipmentImportance',
- scopedSlots: { customRender: 'equipmentImportance' }
- },
- {
- title: '璧勪骇鐘舵��',
- align: 'center',
- width: 100,
- dataIndex: 'assetStatus_dictText'
- },
- {
- title: '鎶�鏈姸鎬�',
- align: 'center',
- width: 100,
- dataIndex: 'technologyStatus_dictText'
- },
- {
- title: '缁翠慨鐘舵��',
- align: 'center',
- width: 100,
- dataIndex: 'repairStatus_dictText'
- },
- {
- title: '淇濆吇鐘舵��',
- align: 'center',
- width: 100,
- dataIndex: 'maintenanceStatus_dictText'
- },
- {
- title: '鎿嶄綔绯荤粺',
- align: 'center',
- width: 100,
- dataIndex: 'operationSystem'
- },
- {
- title: '浣跨敤杞﹂棿',
- align: 'center',
- width: 100,
- dataIndex: 'orgId_dictText'
- },
- {
- title: '璁惧绠＄悊鍛�',
- align: 'center',
- width: 100,
- dataIndex: 'equipmentManager_dictText'
- },
- {
- title: '璁惧鍒嗙被',
- align: 'center',
- width: 100,
- dataIndex: 'equipmentCategory_dictText'
- },
- {
- title: '璁惧鍨嬪彿',
- align: 'center',
- width: 200,
- dataIndex: 'equipmentModel'
- },
- {
- title: '璁惧瑙勬牸',
- align: 'center',
- width: 100,
- dataIndex: 'equipmentSpecification'
- },
- {
- title: '涓昏酱杩炴帴灏哄',
- align: 'center',
- width: 120,
- dataIndex: 'spindleConnectDimension'
- },
- {
- title: '鎬诲姛鐜�',
- align: 'center',
- width: 100,
- dataIndex: 'equipmentPower'
- },
- {
- title: '瀹夎浣嶇疆',
- align: 'center',
- width: 100,
- dataIndex: 'installationPosition'
- },
-
- {
- title: '绔嬮」鍗″彿',
- align: 'center',
- width: 100,
- dataIndex: 'cardNumber'
- },
- {
- title: '鍑哄巶缂栧彿',
- align: 'center',
- width: 100,
- dataIndex: 'factoryNumber'
- },
- {
- title: '鏈哄簥鍘傚',
- align: 'center',
- width: 100,
- dataIndex: 'manufacturingEnterprise'
- },
- {
- title: '鏉ユ簮鍥藉',
- align: 'center',
- width: 100,
- dataIndex: 'originCountry'
- },
- {
- title: '鍑哄巶鏃ユ湡',
- align: 'center',
- width: 100,
- dataIndex: 'leaveFactoryDate'
- },
- {
- title: '楠屾敹鏃ユ湡',
- align: 'center',
- width: 100,
- dataIndex: 'acceptanceCheckDate'
- },
- {
- title: '璐ㄤ繚寮�濮嬫棩鏈�',
- align: 'center',
- width: 120,
- dataIndex: 'warrantyStartDate'
- },
- {
- title: '璐ㄤ繚缁撴潫鏃ユ湡',
- align: 'center',
- width: 120,
- dataIndex: 'warrantyEndDate'
- },
- {
- title: '鏄惁瀹炴柦MDC',
- align: 'center',
- width: 120,
- dataIndex: 'mdcFlag',
- scopedSlots: { customRender: 'mdcFlag' }
- },
- {
- title: '鏈夋棤宸ヨ壓鍙傛暟',
- align: 'center',
- width: 120,
- dataIndex: 'processParametersFlag',
- scopedSlots: { customRender: 'processParametersFlag' }
- },
- {
- title: '鏈夋棤绮惧害鍙傛暟',
- align: 'center',
- width: 120,
- dataIndex: 'precisionParametersFlag',
- scopedSlots: { customRender: 'precisionParametersFlag' }
- },
- {
- title: '鏄惁涓虹壒绉嶈澶�',
- align: 'center',
- width: 120,
- dataIndex: 'specialEquipment',
- scopedSlots: { customRender: 'specialEquipment' }
- },
- {
- title: '閲嶉噺',
- align: 'center',
- dataIndex: 'equipmentWeight'
- },
- {
- title: '璁惧绔彛',
- align: 'center',
- width: 100,
- dataIndex: 'equipmentPort'
- },
- {
- title: '鍧愭爣鏁伴噺',
- align: 'center',
- width: 100,
- dataIndex: 'coordinateNum'
- },
- {
- title: '鍒涘缓浜�',
- align: 'center',
- dataIndex: 'createBy_dictText'
- },
- {
- title: '鍒涘缓鏃堕棿',
- align: 'center',
- dataIndex: 'createTime'
- },
- {
- title: '鏇存柊浜�',
- align: 'center',
- dataIndex: 'updateBy_dictText'
- },
- {
- title: '鏇存柊鏃堕棿',
- align: 'center',
- dataIndex: 'updateTime'
- },
- {
- title: '澶囨敞',
- align: 'center',
- width: 100,
- dataIndex: 'remark'
- },
- {
- title: '鎿嶄綔',
- dataIndex: 'action',
- align: 'center',
- width: 150,
- scopedSlots: { customRender: 'action' },
- fixed: 'right'
- }
- ],
- url: {
- list: '/eam/equipment/list',
- delete: '/eam/equipment/delete',
- deleteBatch: '/eam/equipment/deleteBatch',
- exportXlsUrl: 'eam/equipment/exportXls',
- importExcelUrl: 'eam/equipment/importExcel',
- loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions',
- templateXlsDownloadUrl: '瀵煎叆妯℃澘/璁惧鍙拌处瀵煎叆妯℃澘_v1.0.xlsx'
- },
- treeData: [],
- printedRows: [],
- activeTabKey: 1,
- appHomeUrl: ''
- }
- },
- computed: {
- importExcelUrl: function() {
- return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
- }
- },
- created() {
- this.loadAllProductionTree()
- this.loadAppHomeUrlConfigValue()
- },
- methods: {
- loadAllProductionTree() {
- //鍔犺浇杞﹂棿閫夋嫨鏍�
- getAction(this.url.loadProductionOptions).then(res => {
- if (res.success) {
- this.treeData = [...res.result]
- } else {
- that.$message.warning(res.message)
- }
- })
+ export default {
+ name: 'EamEquipmentList',
+ mixins: [JeecgListMixin],
+ components: {
+ EamRepairOrderList,
+ EamMaintenanceStandardList,
+ ResumeDrawer,
+ NameplateModal,
+ EamEquipmentModal
},
-
- /**
- * 寮�鍚摥鐗屽脊绐�
- * @param recordArray 琛ㄦ牸琛屼俊鎭泦鍚�
- */
- handleOpenNameplateModal(recordArray) {
- this.printedRows = recordArray
- this.$refs.nameplateModalRef.httpUrl = this.appHomeUrl
- this.$refs.nameplateModalRef.visible = true
- },
-
- /**
- * 寮�鍚饱鍘嗘娊灞�
- * @param record 琛ㄦ牸琛屼俊鎭�
- */
- handleOpenResumeDrawer(record) {
- this.$refs.resumeDrawerRef.visible = true
- },
-
- /**
- * 鑷畾涔夎澶囧彴璐﹁〃鏍艰
- * @param record 琛ㄦ牸琛屼俊鎭�
- * @returns {{style: {cursor: string}, on: {click: *}}} 鏍峰紡瀵硅薄涓庝簨浠舵柟娉�
- */
- customTableRow(record) {
+ data() {
return {
- style: {
- cursor: 'pointer'
- },
- on: {
- click: () => {
- this.onSelectChange([record.id])
+ description: '璁惧鍙拌处绠＄悊椤甸潰',
+ // 琛ㄥご
+ columns: [
+ {
+ title: '#',
+ dataIndex: '',
+ key: 'rowIndex',
+ width: 60,
+ align: 'center',
+ customRender: function(t, r, index) {
+ return parseInt(index) + 1
+ },
+ fixed: 'left'
+ },
+ {
+ title: '璁惧缂栧彿',
+ align: 'center',
+ width: 100,
+ dataIndex: 'equipmentCode',
+ ellipsis: true,
+ fixed: 'left',
+ sorter: true
+ },
+ {
+ title: '璁惧鍚嶇О',
+ align: 'center',
+ width: 100,
+ dataIndex: 'equipmentName',
+ ellipsis: true,
+ fixed: 'left'
+ },
+ {
+ title: '鍏抽敭璁惧鏍囪瘑',
+ align: 'center',
+ width: 120,
+ dataIndex: 'equipmentImportance',
+ scopedSlots: { customRender: 'equipmentImportance' }
+ },
+ {
+ title: '璧勪骇鐘舵��',
+ align: 'center',
+ width: 100,
+ dataIndex: 'assetStatus_dictText'
+ },
+ {
+ title: '鎶�鏈姸鎬�',
+ align: 'center',
+ width: 100,
+ dataIndex: 'technologyStatus_dictText'
+ },
+ {
+ title: '缁翠慨鐘舵��',
+ align: 'center',
+ width: 100,
+ dataIndex: 'repairStatus_dictText'
+ },
+ {
+ title: '淇濆吇鐘舵��',
+ align: 'center',
+ width: 100,
+ dataIndex: 'maintenanceStatus_dictText'
+ },
+ {
+ title: '鎿嶄綔绯荤粺',
+ align: 'center',
+ width: 100,
+ dataIndex: 'operationSystem'
+ },
+ {
+ title: '浣跨敤杞﹂棿',
+ align: 'center',
+ width: 100,
+ dataIndex: 'orgId_dictText'
+ },
+ {
+ title: '璁惧绠＄悊鍛�',
+ align: 'center',
+ width: 100,
+ dataIndex: 'equipmentManager_dictText'
+ },
+ {
+ title: '璁惧鍒嗙被',
+ align: 'center',
+ width: 100,
+ dataIndex: 'equipmentCategory_dictText'
+ },
+ {
+ title: '璁惧鍨嬪彿',
+ align: 'center',
+ width: 200,
+ dataIndex: 'equipmentModel'
+ },
+ {
+ title: '璁惧瑙勬牸',
+ align: 'center',
+ width: 100,
+ dataIndex: 'equipmentSpecification'
+ },
+ {
+ title: '涓昏酱杩炴帴灏哄',
+ align: 'center',
+ width: 120,
+ dataIndex: 'spindleConnectDimension'
+ },
+ {
+ title: '鎬诲姛鐜�',
+ align: 'center',
+ width: 100,
+ dataIndex: 'equipmentPower'
+ },
+ {
+ title: '瀹夎浣嶇疆',
+ align: 'center',
+ width: 100,
+ dataIndex: 'installationPosition'
+ },
+
+ {
+ title: '绔嬮」鍗″彿',
+ align: 'center',
+ width: 100,
+ dataIndex: 'cardNumber'
+ },
+ {
+ title: '鍑哄巶缂栧彿',
+ align: 'center',
+ width: 100,
+ dataIndex: 'factoryNumber'
+ },
+ {
+ title: '鏈哄簥鍘傚',
+ align: 'center',
+ width: 100,
+ dataIndex: 'manufacturingEnterprise'
+ },
+ {
+ title: '鏉ユ簮鍥藉',
+ align: 'center',
+ width: 100,
+ dataIndex: 'originCountry'
+ },
+ {
+ title: '鍑哄巶鏃ユ湡',
+ align: 'center',
+ width: 100,
+ dataIndex: 'leaveFactoryDate'
+ },
+ {
+ title: '楠屾敹鏃ユ湡',
+ align: 'center',
+ width: 100,
+ dataIndex: 'acceptanceCheckDate'
+ },
+ {
+ title: '璐ㄤ繚寮�濮嬫棩鏈�',
+ align: 'center',
+ width: 120,
+ dataIndex: 'warrantyStartDate'
+ },
+ {
+ title: '璐ㄤ繚缁撴潫鏃ユ湡',
+ align: 'center',
+ width: 120,
+ dataIndex: 'warrantyEndDate'
+ },
+ {
+ title: '鏄惁瀹炴柦MDC',
+ align: 'center',
+ width: 120,
+ dataIndex: 'mdcFlag',
+ scopedSlots: { customRender: 'mdcFlag' }
+ },
+ {
+ title: '鏈夋棤宸ヨ壓鍙傛暟',
+ align: 'center',
+ width: 120,
+ dataIndex: 'processParametersFlag',
+ scopedSlots: { customRender: 'processParametersFlag' }
+ },
+ {
+ title: '鏈夋棤绮惧害鍙傛暟',
+ align: 'center',
+ width: 120,
+ dataIndex: 'precisionParametersFlag',
+ scopedSlots: { customRender: 'precisionParametersFlag' }
+ },
+ {
+ title: '鏄惁涓虹壒绉嶈澶�',
+ align: 'center',
+ width: 120,
+ dataIndex: 'specialEquipment',
+ scopedSlots: { customRender: 'specialEquipment' }
+ },
+ {
+ title: '閲嶉噺',
+ align: 'center',
+ dataIndex: 'equipmentWeight'
+ },
+ {
+ title: '璁惧绔彛',
+ align: 'center',
+ width: 100,
+ dataIndex: 'equipmentPort'
+ },
+ {
+ title: '鍧愭爣鏁伴噺',
+ align: 'center',
+ width: 100,
+ dataIndex: 'coordinateNum'
+ },
+ {
+ title: '鍒涘缓浜�',
+ align: 'center',
+ dataIndex: 'createBy_dictText'
+ },
+ {
+ title: '鍒涘缓鏃堕棿',
+ align: 'center',
+ dataIndex: 'createTime'
+ },
+ {
+ title: '鏇存柊浜�',
+ align: 'center',
+ dataIndex: 'updateBy_dictText'
+ },
+ {
+ title: '鏇存柊鏃堕棿',
+ align: 'center',
+ dataIndex: 'updateTime'
+ },
+ {
+ title: '澶囨敞',
+ align: 'center',
+ width: 100,
+ dataIndex: 'remark'
+ },
+ {
+ title: '鎿嶄綔',
+ dataIndex: 'action',
+ align: 'center',
+ width: 150,
+ scopedSlots: { customRender: 'action' },
+ fixed: 'right'
}
- }
+ ],
+ url: {
+ list: '/eam/equipment/list',
+ delete: '/eam/equipment/delete',
+ deleteBatch: '/eam/equipment/deleteBatch',
+ exportXlsUrl: 'eam/equipment/exportXls',
+ importExcelUrl: 'eam/equipment/importExcel',
+ loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions',
+ templateXlsDownloadUrl: '瀵煎叆妯℃澘/璁惧鍙拌处瀵煎叆妯℃澘_v1.0.xlsx'
+ },
+ treeData: [],
+ printedRows: [],
+ activeTabKey: 1,
+ appHomeUrl: ''
}
},
-
- /**
- * 鍔犺浇椤电琛ㄦ牸鏁版嵁
- * @param id 璁惧鍙拌处琛岃褰旾d
- */
- loadTabPaneTableData(id) {
- this.$refs.tabPaneTableListRef.queryParam.equipmentId = id
- this.$refs.tabPaneTableListRef.loadData(1)
+ computed: {
+ importExcelUrl: function() {
+ return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
+ }
},
-
- /**
- * 璁惧鍙拌处琛ㄦ牸澶氶�夋鐘舵�佹敼鍙樻椂瑙﹀彂
- * @param selectedRowKeys 宸查�夋嫨鐨剅owKey闆嗗悎
- * @param selectionRows 褰撳墠鍒嗛〉涓嬪凡閫夋嫨鐨勮淇℃伅闆嗗悎
- */
- onSelectChange(selectedRowKeys, selectionRows) {
- this.selectedRowKeys = selectedRowKeys
- this.selectionRows = selectionRows
- this.$refs.tabPaneTableListRef.dataSource = []
- this.$refs.tabPaneTableListRef.onClearSelected()
- if (selectedRowKeys.length === 1) this.loadTabPaneTableData(selectedRowKeys[0])
+ created() {
+ this.loadAllProductionTree()
+ this.loadAppHomeUrlConfigValue()
},
+ methods: {
+ loadAllProductionTree() {
+ //鍔犺浇杞﹂棿閫夋嫨鏍�
+ getAction(this.url.loadProductionOptions).then(res => {
+ if (res.success) {
+ this.treeData = [...res.result]
+ } else {
+ that.$message.warning(res.message)
+ }
+ })
+ },
- handleTemplateXlsDownload() {
- templateXlsDownload(this.url.templateXlsDownloadUrl)
- },
+ /**
+ * 寮�鍚摥鐗屽脊绐�
+ * @param recordArray 琛ㄦ牸琛屼俊鎭泦鍚�
+ */
+ handleOpenNameplateModal(recordArray) {
+ this.printedRows = recordArray
+ this.$refs.nameplateModalRef.httpUrl = this.appHomeUrl
+ this.$refs.nameplateModalRef.visible = true
+ },
- loadAppHomeUrlConfigValue() {
- let params = { settingKey: 'app_home_url' }
- getSystemConfigValue(params).then(res => {
- if (res.success) {
- this.appHomeUrl = res.result.settingValue
+ /**
+ * 寮�鍚饱鍘嗘娊灞�
+ * @param record 琛ㄦ牸琛屼俊鎭�
+ */
+ handleOpenResumeDrawer(record) {
+ this.$refs.resumeDrawerRef.visible = true
+ },
+
+ /**
+ * 鑷畾涔夎澶囧彴璐﹁〃鏍艰
+ * @param record 琛ㄦ牸琛屼俊鎭�
+ * @returns {{style: {cursor: string}, on: {click: *}}} 鏍峰紡瀵硅薄涓庝簨浠舵柟娉�
+ */
+ customTableRow(record) {
+ return {
+ style: {
+ cursor: 'pointer'
+ },
+ on: {
+ click: () => {
+ this.onSelectChange([record.id])
+ }
+ }
}
- })
+ },
+
+ /**
+ * 椤电鏀瑰彉鏃惰Е鍙�
+ * @param activeTabKey 褰撳墠婵�娲荤殑椤电key
+ */
+ handleTabChange(activeTabKey) {
+ if (this.selectedRowKeys.length !== 1) return
+ this.$nextTick(() => this.loadTabPaneTableData(this.selectedRowKeys[0]))
+ },
+
+ /**
+ * 鍔犺浇椤电琛ㄦ牸鏁版嵁
+ * @param id 璁惧鍙拌处琛岃褰旾d
+ */
+ loadTabPaneTableData(id) {
+ this.$refs['tabPaneTableListRef' + this.activeTabKey].queryParam.equipmentId = id
+ this.$refs['tabPaneTableListRef' + this.activeTabKey].loadData(1)
+ },
+
+ /**
+ * 璁惧鍙拌处琛ㄦ牸澶氶�夋鐘舵�佹敼鍙樻椂瑙﹀彂
+ * @param selectedRowKeys 宸查�夋嫨鐨剅owKey闆嗗悎
+ * @param selectionRows 褰撳墠鍒嗛〉涓嬪凡閫夋嫨鐨勮淇℃伅闆嗗悎
+ */
+ onSelectChange(selectedRowKeys, selectionRows) {
+ this.selectedRowKeys = selectedRowKeys
+ this.selectionRows = selectionRows
+ this.$refs['tabPaneTableListRef' + this.activeTabKey].dataSource = []
+ this.$refs['tabPaneTableListRef' + this.activeTabKey].onClearSelected()
+ if (selectedRowKeys.length === 1) this.loadTabPaneTableData(selectedRowKeys[0])
+ },
+
+ handleTemplateXlsDownload() {
+ templateXlsDownload(this.url.templateXlsDownloadUrl)
+ },
+
+ loadAppHomeUrlConfigValue() {
+ let params = { settingKey: 'app_home_url' }
+ getSystemConfigValue(params).then(res => {
+ if (res.success) {
+ this.appHomeUrl = res.result.settingValue
+ }
+ })
+ }
}
}
-}
</script>
<style scoped>
-@import '~@assets/less/common.less';
+ @import '~@assets/less/common.less';
</style>
\ No newline at end of file
--
Gitblit v1.9.3