From c3e8d4cb5edcacfd77a51d388e32a2bd0fb79643 Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期五, 14 三月 2025 17:59:10 +0800 Subject: [PATCH] 1、产品结构树以及设备结构树中的列表增加行选中样式 2、产品结构树实现点击设备类出现设备类下挂载的NC程序列表 3、产品结构树实现在设备类中导入NC程序功能 --- src/views/dnc/base/modules/ProductStructure/ProductStructureMainBottom.vue | 279 ++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 183 insertions(+), 96 deletions(-) diff --git a/src/views/dnc/base/modules/ProductStructure/ProductStructureMainBottom.vue b/src/views/dnc/base/modules/ProductStructure/ProductStructureMainBottom.vue index e5a321e..899d586 100644 --- a/src/views/dnc/base/modules/ProductStructure/ProductStructureMainBottom.vue +++ b/src/views/dnc/base/modules/ProductStructure/ProductStructureMainBottom.vue @@ -1,118 +1,205 @@ <template> - <a-tabs style="height: 100%" v-model="activeTabKey" v-if="Object.keys(currentLevelInfo).length>0" - @change="handleTabChange"> - <a-tab-pane :key="1" tab="浜у搧灞炴��" v-if="currentLevelInfo.type===1"> - <ProductInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> - </a-tab-pane> - - <a-tab-pane :key="1" tab="閮ㄤ欢灞炴��" v-if="currentLevelInfo.type===2"> - <ComponentInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> - </a-tab-pane> - - <a-tab-pane :key="1" tab="闆朵欢灞炴��" v-if="currentLevelInfo.type===3"> - <PartInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> - </a-tab-pane> - - <a-tab-pane :key="1" tab="宸ュ簭灞炴��" v-if="currentLevelInfo.type===5"> - <ProcessInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> - </a-tab-pane> - - <a-tab-pane :key="1" tab="宸ユ灞炴��" v-if="currentLevelInfo.type===6"> - <ProcessStepInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> - </a-tab-pane> - - <template v-if="currentLevelInfo.hasOwnProperty('attributionType')"> - <a-tab-pane :key="1" tab="鏂囨。灞炴��"> - <DocumentInfo :currentLevelDetails="currentLevelInfo" :size="containerSize"/> + <div v-if="+currentLevelInfo.type!==4" style="height: 100%"> + <a-tabs style="height: 100%" v-model="activeTabKey" v-if="Object.keys(currentLevelInfo).length>0" + @change="handleTabChange"> + <a-tab-pane :key="1" tab="灞炴�т俊鎭�" v-if="+currentLevelInfo.type===1"> + <ProductInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> </a-tab-pane> - <a-tab-pane :key="2" tab="棰勮"> - + <a-tab-pane :key="1" tab="灞炴�т俊鎭�" v-if="+currentLevelInfo.type===2"> + <ComponentInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> </a-tab-pane> - <a-tab-pane :key="3" tab="鏂囨。鐗堟湰"> - <DocumentVersionTableList ref="documentVersionTableRef" :currentDocumentInfo="currentLevelInfo" - :size="containerSize"/> + <a-tab-pane :key="1" tab="闆朵欢灞炴��" v-if="+currentLevelInfo.type===3"> + <PartInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> </a-tab-pane> - <a-tab-pane :key="4" tab="浣跨敤璁惧" v-if="currentLevelInfo.attributionType===5"> - <UseDocumentEquipmentTableList ref="useDocumentEquipmentTableRef" :currentDocumentInfo="currentLevelInfo" - :size="containerSize"/> + <a-tab-pane :key="1" tab="宸ュ簭灞炴��" v-if="+currentLevelInfo.type===5"> + <ProcessInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> </a-tab-pane> - </template> - </a-tabs> + + <a-tab-pane :key="1" tab="宸ユ灞炴��" v-if="+currentLevelInfo.type===6"> + <ProcessStepInfo :currentLevelDetails="currentLevelInfo.entity" :size="containerSize"/> + </a-tab-pane> + + <a-tab-pane :key="1" tab="璁惧鍒楄〃" v-if="currentLevelInfo.hasOwnProperty('deviceManagementId')"> +<!-- <ProcessStepInfo :currentLevelDetails="currentLevelInfo" :size="containerSize"/>--> + 璁惧鍒楄〃 + </a-tab-pane> + + <!--绯荤粺鍙傛暟閰嶇疆涓嫢鍙傛暟涓�1鏃舵墠灞曠ず瀵瑰簲灞傜骇鐨勫垁鍏峰垪琛�--> + <a-tab-pane :key="2" tab="鍒�鍏峰垪琛�" + v-if="+currentLevelInfo.type===5&&isProcessHasCutterList||+currentLevelInfo.type===6&&isProcessStepHasCutterList"> + <CutterTableList ref="cutterTableListRef" :currentLevelInfo="currentLevelInfo" :size="containerSize"/> + </a-tab-pane> + + <template v-if="currentLevelInfo.hasOwnProperty('docId')"> + <a-tab-pane :key="1" tab="鏂囨。灞炴��"> + <DocumentInfo :currentLevelDetails="currentLevelInfo" :size="containerSize"/> + </a-tab-pane> + + <a-tab-pane :key="2" tab="棰勮"> + <FilePreview ref="filePreviewRef" :currentDocumentInfo="currentLevelInfo"/> + </a-tab-pane> + + <a-tab-pane :key="3" tab="鏂囨。鐗堟湰"> + <DocumentVersionTableList ref="documentVersionTableRef" :currentDocumentInfo="currentLevelInfo" + @handleTableContextMenuOpen="handleTableContextMenuOpen" + @releaseFilePreviewApi="releaseFilePreviewApi" + :size="containerSize"/> + </a-tab-pane> + + <a-tab-pane :key="4" tab="浣跨敤璁惧" v-if="+currentLevelInfo.attributionType===5"> + <UseDocumentEquipmentTableList ref="useDocumentEquipmentTableRef" :currentDocumentInfo="currentLevelInfo" + :size="containerSize"/> + </a-tab-pane> + </template> + </a-tabs> + + <TableContextMenu :tableRowInfo="currentRightClickedTableRowInfo" ref="tableContextMenuRef"/> + </div> </template> <script> - import ProductInfo from './Product/ProductInfo' - import ComponentInfo from './Component/ComponentInfo' - import PartInfo from './Part/PartInfo' - import ProcessInfo from './Process/ProcessInfo' - import DocumentInfo from './Document/DocumentInfo' - import DocumentVersionTableList from './Document/DocumentVersionTableList' - import UseDocumentEquipmentTableList from './Document/UseNcDocumentEquipmentTableList' - import ProcessStepInfo from './ProcessStep/ProcessStepInfo' +import ProductInfo from './Product/ProductInfo' +import ComponentInfo from './Component/ComponentInfo' +import PartInfo from './Part/PartInfo' +import ProcessInfo from './Process/ProcessInfo' +import ProcessStepInfo from './ProcessStep/ProcessStepInfo' +import CutterTableList from './Cutter/CutterTableList' +import DocumentInfo from '../../../common/DocumentInfo' +import DocumentVersionTableList from '../../../common/DocumentVersionTableList' +import UseDocumentEquipmentTableList from './Document/UseNcDocumentEquipmentTableList' +import FilePreview from '../../../common/FilePreview' +import TableContextMenu from '../../../common/TableContextMenu' +import { getAction } from '@/api/manage' - export default { - name: 'ProductStructureMainBottom', - components: { - ProcessStepInfo, - UseDocumentEquipmentTableList, - DocumentVersionTableList, - DocumentInfo, - ProcessInfo, - PartInfo, - ProductInfo, - ComponentInfo - }, - data() { - return { - activeTabKey: 1, - containerSize: 'small', - currentLevelInfo: {}, - hasLoadedDataTabKeyArray: [] - } - }, - created() { - this.$bus.$on('sendCurrentClickedDocumentInfo', this.receiveCurrentLevelInfo) - this.$bus.$on('sendCurrentTreeNodeInfo', this.receiveCurrentLevelInfo) - this.$bus.$on('reloadMainBottomTableData', this.reloadMainBottomTableData) - }, - methods: { - /** - * 鎺ユ敹鏍戠粍浠朵互鍙婅〃鏍间紶鏉ョ殑褰撳墠閫変腑鎴栫偣鍑荤殑椤逛俊鎭� - * @param levelInfo - */ - receiveCurrentLevelInfo(levelInfo) { - this.currentLevelInfo = levelInfo - this.activeTabKey = 1 - this.hasLoadedDataTabKeyArray = [] - }, - - handleTabChange(activeTabKey) { - if (!this.hasLoadedDataTabKeyArray.includes(activeTabKey)) { - if (activeTabKey === 3) { - this.$nextTick(() => this.$refs.documentVersionTableRef.loadData()) - } else if (activeTabKey === 4) { - this.$nextTick(() => this.$refs.useDocumentEquipmentTableRef.loadData()) - } - this.hasLoadedDataTabKeyArray.push(activeTabKey) +export default { + name: 'ProductStructureMainBottom', + components: { + CutterTableList, + TableContextMenu, + FilePreview, + ProcessStepInfo, + UseDocumentEquipmentTableList, + DocumentVersionTableList, + DocumentInfo, + ProcessInfo, + PartInfo, + ProductInfo, + ComponentInfo + }, + data() { + return { + activeTabKey: 1, + containerSize: 'small', + isProcessHasCutterList: false, + isProcessStepHasCutterList: false, + currentLevelInfo: {}, + currentRightClickedTableRowInfo: {}, + hasLoadedDataTabKeyArray: [] + } + }, + created() { + this.$bus.$on('sendCurrentClickedDocumentInfo', this.receiveCurrentLevelInfo) + this.$bus.$on('sendCurrentClickedTypeInfo', this.receiveCurrentLevelInfo) + this.$bus.$on('sendCurrentTreeNodeInfo', this.receiveCurrentLevelInfo) + this.$bus.$on('reloadMainBottomTableData', this.reloadMainBottomTableData) + this.getCutterListDisplayPermission('dnc_cutter_process', 'isProcessHasCutterList') + this.getCutterListDisplayPermission('dnc_cutter_step', 'isProcessStepHasCutterList') + }, + methods: { + /** + * 鑾峰彇鍒�鍏峰垪琛ㄥ湪宸ュ簭鍜屽伐姝ュ眰绾х殑灞曠ず鏉冮檺 + * @param settingKey 鍚勫眰绾у睍绀烘潈闄恔ey + * @param dataProperty 缁勪欢data涓殑灞炴�у�肩敤鏉ユ帶鍒舵槸鍚﹀睍绀� + */ + getCutterListDisplayPermission(settingKey, dataProperty) { + getAction(`/system/sysParams/query/by/settingKey?settingKey=${settingKey}`).then(res => { + if (res.success) { + this[dataProperty] = res.result.settingValue === '1' } - }, + }) + }, - reloadMainBottomTableData(tableName) { - if (this.$refs[tableName + 'TableRef']) this.$refs[tableName + 'TableRef'].loadData() + /** + * 鎺ユ敹鏍戠粍浠朵互鍙婅〃鏍间紶鏉ョ殑褰撳墠閫変腑鎴栫偣鍑荤殑椤逛俊鎭� + * @param levelInfo 褰撳墠灞傜骇淇℃伅 + */ + receiveCurrentLevelInfo(levelInfo) { + this.currentLevelInfo = levelInfo + this.activeTabKey = 1 + this.hasLoadedDataTabKeyArray = [] + }, + + /** + * tab鏍忓垏鎹㈡椂瑙﹀彂 + * @param activeTabKey 褰撳墠婵�娲荤殑tabKey + */ + handleTabChange(activeTabKey) { + if (!this.hasLoadedDataTabKeyArray.includes(activeTabKey)) { + switch (activeTabKey) { + case 2: + if (this.currentLevelInfo.hasOwnProperty('attributionType')) { + console.log('ref', this.$refs.filePreviewRef) + this.$nextTick(() => this.$refs.filePreviewRef.getFilePreviewByApi()) + } else { + this.$nextTick(() => this.$refs.cutterTableListRef.setQueryParamAndLoadData(1)) + } + break + case 3: + this.$nextTick(() => this.$refs.documentVersionTableRef.loadData()) + break + case 4: + this.$nextTick(() => this.$refs.useDocumentEquipmentTableRef.loadData()) + break + default: + } + // 闃绘鎺ュ彛鍦ㄥ悓涓�鏂囨。涓�娆$偣鍑诲唴澶氭瑙﹀彂 + this.hasLoadedDataTabKeyArray.push(activeTabKey) } + }, + + // 閲婃斁鏂囦欢棰勮鎺ュ彛 + releaseFilePreviewApi() { + // 濡傛灉宸茬粡棰勮杩囨鏂囨。锛屽彲鍦ㄦ鏂囨。褰撳墠鐗堟湰鍙戠敓鏀瑰彉鍚庡啀娆¢瑙堟柊鐗堟湰鍐呭 + if (this.hasLoadedDataTabKeyArray.includes(2)) this.hasLoadedDataTabKeyArray = this.hasLoadedDataTabKeyArray.filter(item => item !== 2) + }, + + /** + * 鎺у埗鍙抽敭鑿滃崟寮�鍚� + * @param record 褰撳墠琛ㄦ牸琛屼俊鎭� + */ + handleTableContextMenuOpen(record) { + this.currentRightClickedTableRowInfo = Object.assign({}, record) + this.$refs.tableContextMenuRef.currentMenuLevel = record.param + this.$refs.tableContextMenuRef.menuStyle.top = event.clientY + 'px' + this.$refs.tableContextMenuRef.menuStyle.left = event.clientX + 'px' + this.$refs.tableContextMenuRef.menuVisible = true + document.body.addEventListener('click', this.handleMenuClose) + }, + + /** + * 鎺у埗鍙抽敭鑿滃崟鐐瑰嚮鍏抽棴 + */ + handleMenuClose() { + this.$refs.tableContextMenuRef.menuVisible = false + document.body.removeEventListener('click', this.handleMenuClose) + }, + + reloadMainBottomTableData(tableName) { + if (this.$refs[tableName + 'TableRef']) this.$refs[tableName + 'TableRef'].loadData() } } +} </script> <style scoped> - /deep/ .ant-tabs-content { - height: calc(100% - 65px); - } +/deep/ .ant-tabs-content { + height: calc(100% - 65px); +} - /deep/ .ant-tabs-tabpane { - overflow: auto; - } +/deep/ .ant-tabs-tabpane { + overflow: hidden auto; +} </style> \ No newline at end of file -- Gitblit v1.9.3