From bc55e59f49229ffa77d2b32dd9fd0a9b6049b9b8 Mon Sep 17 00:00:00 2001
From: zhaowei <zhaowei>
Date: 星期五, 14 三月 2025 09:44:25 +0800
Subject: [PATCH] 1、设备类管理页面完成增删改查功能 2、产品结构树工序及工步层级引入设备类概念由系统参数配置决定是否展示，若设备类存在时则NC文档挂载在设备类下不存在时则按照对应工序或工步层级下 3、产品结构树工序及工步层级的刀具列表实现增删改查功能 4、新增设备类管理页面并完成布局 5、产品结构树接口调整，产品结构树节点实体信息通过点击后调取接口获取 6、产品结构树搜素输入框增加防抖机制，避免每次输入都重新计算消耗性能使页面卡顿 7、新增工序及工步层级的刀具列表并添加系统权限 8、用户管理页面移除新增用户时的密码校验 9、产品结构树各层级属性信息展示由每行3列调整为每行4列 10、产品结构树页面在工序和工步层级实现对设备类的增删改查功能
---
src/views/dnc/base/modules/ProductStructure/ProductStructureMainTop.vue | 375 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 359 insertions(+), 16 deletions(-)
diff --git a/src/views/dnc/base/modules/ProductStructure/ProductStructureMainTop.vue b/src/views/dnc/base/modules/ProductStructure/ProductStructureMainTop.vue
index e6bb019..4dcd066 100644
--- a/src/views/dnc/base/modules/ProductStructure/ProductStructureMainTop.vue
+++ b/src/views/dnc/base/modules/ProductStructure/ProductStructureMainTop.vue
@@ -1,36 +1,48 @@
<template>
- <a-tabs v-model="activeTabKey" @contextmenu.native="e=>e.preventDefault()"
- v-if="Object.keys(currentTreeNodeInfo).length!==0">
- <a-tab-pane :key="1" tab="NC鏂囨。" v-if="currentTreeNodeInfo.type!==1">
- <NcDocumentTableList @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
- </a-tab-pane>
+ <div v-if="currentTreeNodeInfo.type!==4">
+ <a-tabs v-model="activeTabKey" @contextmenu.native="e=>e.preventDefault()" @change="handleTabChange"
+ v-if="Object.keys(currentTreeNodeInfo).length!==0">
+ <a-tab-pane :key="1" tab="NC鏂囨。" v-if="currentTreeNodeInfo.type===5||currentTreeNodeInfo.type===6">
+ <NcDocumentTableList ref="ncDocumentTableListRef" :currentTreeNodeInfo="currentTreeNodeInfo"
+ @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
+ </a-tab-pane>
- <a-tab-pane :key="2" tab="鍏朵粬鏂囨。">
- <OtherDocumentTableList @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
- </a-tab-pane>
+ <a-tab-pane :key="2" tab="鍏朵粬鏂囨。">
+ <OtherDocumentTableList ref="otherDocumentTableListRef" :currentTreeNodeInfo="currentTreeNodeInfo"
+ @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
+ </a-tab-pane>
+ </a-tabs>
<TableContextMenu :tableRowInfo="currentRightClickedTableRowInfo" ref="tableContextMenuRef"/>
- </a-tabs>
+
+ <DocumentBatchDeleteModal :currentDocumentInfo="currentRightClickedTableRowInfo" :size="tableContainerSize"
+ @reloadDocumentListData="reloadDocumentListData" ref="documentBatchDeleteModalRef"/>
+ </div>
</template>
<script>
+ import dncApi from '@/api/dnc'
import NcDocumentTableList from './Document/NcDocumentTableList'
import OtherDocumentTableList from './Document/OtherDocumentTableList'
import TableContextMenu from '../../../common/TableContextMenu'
+ import DocumentBatchDeleteModal from '../../../common/DocumentBatchDeleteModal'
export default {
name: 'ProductStructureMainTop',
- components: { TableContextMenu, OtherDocumentTableList, NcDocumentTableList },
+ components: { DocumentBatchDeleteModal, TableContextMenu, OtherDocumentTableList, NcDocumentTableList },
data() {
return {
- activeTabKey: '1',
+ activeTabKey: 2,
tableContainerSize: 'small',
currentRightClickedTableRowInfo: {},
- currentTreeNodeInfo: {}
+ currentTreeNodeInfo: {},
+ hasLoadedDataTabKeyArray: []
}
},
created() {
this.$bus.$on('sendCurrentTreeNodeInfo', this.receiveCurrentTreeNodeInfo)
+ this.$bus.$on('reloadDocumentListData', this.reloadDocumentListData)
+ this.$bus.$on('tableMenuItemMethodTrigger', this.triggerCorrespondingMethod)
},
methods: {
/**
@@ -39,6 +51,7 @@
*/
handleTableContextMenuOpen(record) {
this.currentRightClickedTableRowInfo = Object.assign({}, record)
+ console.log('currentRightClickedTableRowInfo', this.currentRightClickedTableRowInfo)
this.$refs.tableContextMenuRef.currentMenuLevel = record.param
this.$refs.tableContextMenuRef.menuStyle.top = event.clientY + 'px'
this.$refs.tableContextMenuRef.menuStyle.left = event.clientX + 'px'
@@ -48,21 +61,351 @@
/**
* 鎺ユ敹鏍戠粍浠朵紶鏉ョ殑褰撳墠閫変腑鐨勬爲鑺傜偣淇℃伅
- * @param treeNodeInfo
+ * @param treeNodeInfo 鏍戣妭鐐逛俊鎭�
*/
receiveCurrentTreeNodeInfo(treeNodeInfo) {
// 浠庢爲缁勪欢鎺ュ彈鏍戣妭鐐逛俊鎭悗浠庣埗缁勪欢娴佸叆瀛愮粍浠�
this.currentTreeNodeInfo = treeNodeInfo
- if (treeNodeInfo.type !== 1) this.activeTabKey = 1
- else this.activeTabKey = 2
+ // 娓呯┖涓婁竴鑺傜偣宸茬粡鍔犺浇杩囧緱鏂囨。鍒楄〃tabKey
+ this.hasLoadedDataTabKeyArray = []
+ if (treeNodeInfo.type === 5 || treeNodeInfo.type === 6) {
+ this.activeTabKey = 1
+ this.$nextTick(() => {
+ if (this.$refs.ncDocumentTableListRef) this.$refs.ncDocumentTableListRef.loadData(1)
+ })
+ } else {
+ this.activeTabKey = 2
+ this.$nextTick(() => {
+ if (this.$refs.otherDocumentTableListRef) this.$refs.otherDocumentTableListRef.loadData(1)
+ })
+ }
+ this.hasLoadedDataTabKeyArray.push(this.activeTabKey)
},
/**
- * 鎺у埗鍙抽敭鑿滃崟鐐瑰嚮鍏抽棴
+ * tab鏍忓垏鎹㈡椂瑙﹀彂
+ * @param activeTabKey 鍒囨崲鍚庣殑tabKey
*/
+ handleTabChange(activeTabKey) {
+ if (!this.hasLoadedDataTabKeyArray.includes(activeTabKey)) {
+ this.$nextTick(() => {
+ if (this.$refs.otherDocumentTableListRef) this.$refs.otherDocumentTableListRef.loadData(1)
+ })
+ // 闃绘鎺ュ彛鍦ㄥ悓涓�鏂囨。涓�娆＄偣鍑诲唴澶氭瑙﹀彂
+ this.hasLoadedDataTabKeyArray.push(activeTabKey)
+ }
+ },
+ /**
+ * 鏂囨。浠ュ強NC绋嬪簭瀵煎叆/鍑哄簱/鍏ュ簱鎴愬姛鍚庤Е鍙戦噸鏂板姞杞芥枃妗ｅ垪琛�
+ * @param docClassCode 鏂囨。绫诲埆
+ * @param attributionId 鑺傜偣Id
+ */
+ reloadDocumentListData({ docClassCode, attributionId }) {
+ // 濡傛灉涓婁紶鐨勬枃妗ｄ笉鏄墍灞炰簬褰撳墠鎵�灞曠ず鑺傜偣鐨勬枃妗ｅ垯涓嶉噸鏂拌幏鍙栨枃妗ｅ垪琛�
+ if (this.currentTreeNodeInfo.id !== attributionId) return
+ if (docClassCode === 'NC') {
+ if (this.$refs.ncDocumentTableListRef) this.$refs.ncDocumentTableListRef.loadData(1)
+ } else {
+ if (this.$refs.otherDocumentTableListRef) this.$refs.otherDocumentTableListRef.loadData(1)
+ }
+ },
+
+ // 涓嬭浇褰撳墠鍙抽敭閫変腑鏂囨。
+ handleDownload() {
+ const that = this
+ const { docId, docName } = this.currentRightClickedTableRowInfo
+ dncApi.downloadDocumentApi({ docId, docName })
+ .then(res => {
+ if (res && !res.success) {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: res.message
+ })
+ }
+ })
+ .catch(err => {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: err.message
+ })
+ })
+ },
+
+ // 鍒犻櫎褰撳墠鍙抽敭閫変腑鏂囨。
+ handleDelete() {
+ const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
+ const that = this
+ that.$confirm({
+ title: '鎻愮ず',
+ content: `鍒犻櫎鍚庝笉鍙彇娑堬紝纭鍒犻櫎鍚楋紵`,
+ okText: '纭',
+ cancelText: '鍙栨秷',
+ onOk: () => {
+ dncApi.deleteDocumentApi(docId)
+ .then((res) => {
+ if (res.success) {
+ that.$notification.success({
+ message: '娑堟伅',
+ description: res.message
+ })
+ that.reloadDocumentListData({ docClassCode: param, attributionId })
+ } else {
+ that.$notification.warning({
+ message: '娑堟伅',
+ description: res.message
+ })
+ }
+ })
+ .finally(() => {
+ that.$destroyAll()
+ })
+ },
+ onCancel: () => {
+ that.$destroyAll()
+ }
+ })
+ },
+
+ /**
+ * 鐐瑰嚮鎵归噺鍒犻櫎鍚庡嚭鐜板脊绐�
+ * @param modalTitle 寮圭獥鏍囬
+ */
+ handleBatchRemove(modalTitle) {
+ if (!this.$refs.documentBatchDeleteModalRef) return
+ this.$refs.documentBatchDeleteModalRef.title = modalTitle
+ this.$refs.documentBatchDeleteModalRef.visible = true
+ },
+
+ /**
+ * 鍑哄簱褰撳墠鍙抽敭閫変腑鏂囨。
+ * @param menuLabel
+ */
+ handlePull(menuLabel) {
+ const that = this
+ const { docId, docName, param, attributionId } = this.currentRightClickedTableRowInfo
+ that.$confirm({
+ title: '鎻愮ず',
+ content: `纭${menuLabel}鍚楋紵`,
+ okText: '纭',
+ cancelText: '鍙栨秷',
+ onOk: () => {
+ dncApi.documentOutboundApi({ docId, docName })
+ .then(res => {
+ console.log('res------------------', res)
+ if (res.success) {
+ that.reloadDocumentListData({ docClassCode: param, attributionId })
+ that.$notification.success({
+ message: '娑堟伅',
+ description: `${menuLabel}鎴愬姛`
+ })
+ } else {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: res.message
+ })
+ }
+ })
+ .catch(err => {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: err.message
+ })
+ })
+ .finally(() => {
+ that.$destroyAll()
+ })
+ },
+ onCancel: () => {
+ that.$destroyAll()
+ }
+ })
+ },
+
+ /**
+ * 鍙栨秷鍑哄簱褰撳墠鍙抽敭閫変腑鏂囨。
+ * @param menuLabel
+ */
+ handleCancelPull(menuLabel) {
+ const that = this
+ const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
+ that.$confirm({
+ title: '鎻愮ず',
+ content: `纭${menuLabel}鍚楋紵`,
+ okText: '纭',
+ cancelText: '鍙栨秷',
+ onOk: () => {
+ dncApi.documentCancelOutboundApi(docId)
+ .then(res => {
+ if (res.success) {
+ this.reloadDocumentListData({ docClassCode: param, attributionId })
+ that.$notification.success({
+ message: '娑堟伅',
+ description: res.message
+ })
+ } else {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: res.message
+ })
+ }
+ })
+ .catch(err => {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: err.message
+ })
+ })
+ .finally(() => {
+ that.$destroyAll()
+ })
+ },
+ onCancel() {
+ that.$destroyAll()
+ }
+ })
+ },
+
+ /**
+ * 鍙戝竷褰撳墠鍙抽敭閫変腑鏂囨。
+ * @param menuLabel
+ */
+ handlePublish(menuLabel) {
+ const that = this
+ const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
+ that.$confirm({
+ title: '鎻愮ず',
+ content: `纭${menuLabel}鍚楋紵`,
+ okText: '纭',
+ cancelText: '鍙栨秷',
+ onOk: () => {
+ dncApi.documentPublishApi(docId)
+ .then(res => {
+ if (res.success) {
+ this.reloadDocumentListData({ docClassCode: param, attributionId })
+ this.$bus.$emit('reloadMainBottomTableData', 'documentVersion')
+ that.$notification.success({
+ message: '娑堟伅',
+ description: res.message
+ })
+ } else {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: res.message
+ })
+ }
+ })
+ .catch(err => {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: err.message
+ })
+ })
+ .finally(() => {
+ that.$destroyAll()
+ })
+ },
+ onCancel() {
+ that.$destroyAll()
+ }
+ })
+ },
+
+ /**
+ * 閲嶆柊鍙戝竷褰撳墠鍙抽敭閫変腑鏂囨。骞堕噸鏂板彂甯冮��鍥炰笂涓�鏂囨。鐗堟湰
+ * @param menuLabel
+ */
+ handleRepublish(menuLabel) {
+ const that = this
+ const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
+ that.$confirm({
+ title: '鎻愮ず',
+ content: `纭${menuLabel}鍚楋紵`,
+ okText: '纭',
+ cancelText: '鍙栨秷',
+ onOk: () => {
+ dncApi.documentRepublishApi(docId)
+ .then(res => {
+ if (res.success) {
+ this.reloadDocumentListData({ docClassCode: param, attributionId })
+ that.$notification.success({
+ message: '娑堟伅',
+ description: res.message
+ })
+ } else {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: res.message
+ })
+ }
+ })
+ .catch(err => {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: err.message
+ })
+ })
+ .finally(() => {
+ that.$destroyAll()
+ })
+ },
+ onCancel() {
+ that.$destroyAll()
+ }
+ })
+ },
+
+ /**
+ * 閲嶅綊妗ｅ綋鍓嶅彸閿�変腑鏂囨。涓斿悗缁棤娉曠户缁彂甯冩垨褰掓。
+ * @param menuLabel
+ */
+ handlePigeonhole(menuLabel) {
+ const that = this
+ const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
+ that.$confirm({
+ title: '鎻愮ず',
+ content: `${menuLabel}鍚庝笉鍙彇娑堬紝纭${menuLabel}鍚楋紵`,
+ okText: '纭',
+ cancelText: '鍙栨秷',
+ onOk: () => {
+ dncApi.documentPigeonholeApi(docId)
+ .then(res => {
+ if (res.success) {
+ this.reloadDocumentListData({ docClassCode: param, attributionId })
+ that.$notification.success({
+ message: '娑堟伅',
+ description: res.message
+ })
+ } else {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: res.message
+ })
+ }
+ })
+ .catch(err => {
+ that.$notification.error({
+ message: '娑堟伅',
+ description: err.message
+ })
+ })
+ .finally(() => {
+ that.$destroyAll()
+ })
+ },
+ onCancel() {
+ that.$destroyAll()
+ }
+ })
+ },
+
+ // 鎺у埗鍙抽敭鑿滃崟鍏抽棴
handleMenuClose() {
this.$refs.tableContextMenuRef.menuVisible = false
document.body.removeEventListener('click', this.handleMenuClose)
+ },
+
+ triggerCorrespondingMethod({ methodName, modalTitle }) {
+ if (this[methodName]) this[methodName](modalTitle)
}
}
}
--
Gitblit v1.9.3