1、产品/部件/零件的新增与编辑以及根据层级查询对应文档功能已完成后端联调 2、产品结构树新增节点展开记忆功能方便新增节点后查看

zhaowei

2025-01-14 9ed9db9716f36e797141d9a80119fd0c1f4ac7a5

 src/views/dnc/base/modules/ProductStructure/ProductStructureMainTop.vue

@@ -1,37 +1,52 @@
<template>
  <a-tabs v-model="activeTabKey" @contextmenu.native="e=>e.preventDefault()"
  <a-tabs v-model="activeTabKey" @change="handleTabChange" @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"/>
      <NcDocumentTableList ref="ncDocumentTableListRef" :currentTreeNodeInfo="currentTreeNodeInfo"
                           @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
    </a-tab-pane>

    <a-tab-pane :key="2" tab="其他文档">
      <OtherDocumentTableList @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
      <OtherDocumentTableList ref="otherDocumentTableListRef" :currentTreeNodeInfo="currentTreeNodeInfo"
                              @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
    </a-tab-pane>

    <TableContextMenu :currentTableRowInfo="currentTableRowInfo" ref="tableContextMenuRef"/>
    <TableContextMenu :tableRowInfo="currentRightClickedTableRowInfo" ref="tableContextMenuRef"/>
  </a-tabs>
</template>

<script>
  import ProcessTableList from './Process/ProcessTableList'
  import NcDocumentTableList from './Document/NcDocumentTableList'
  import OtherDocumentTableList from './Document/OtherDocumentTableList'
  import TableContextMenu from '../../../common/TableContextMenu'

  export default {
    name: 'ProductStructureMainTop',
    components: { TableContextMenu, OtherDocumentTableList, NcDocumentTableList, ProcessTableList },
    components: { TableContextMenu, OtherDocumentTableList, NcDocumentTableList },
    data() {
      return {
        activeTabKey: '1',
        activeTabKey: null,
        hasLoadingDataTabKey: [],
        tableContainerSize: 'small',
        currentTableRowInfo: {},
        currentRightClickedTableRowInfo: {},
        currentTreeNodeInfo: {}
      }
    },
    created() {
      this.$bus.$on('sendCurrentTreeNodeInfo', this.receiveCurrentTreeNodeInfo)
    },
    watch: {
      activeTabKey: {
        handler(value) {
          // tab切换时加载对应文档列表，当前树节点下已经加载过的文档列表不再重复加载
          if (!this.hasLoadingDataTabKey.includes(value)) {
            if (value === 1) this.$nextTick(() => this.$refs.ncDocumentTableListRef.loadData(1))
            else this.$nextTick(() => this.$refs.otherDocumentTableListRef.loadData(1))
            this.hasLoadingDataTabKey.push(value)
          }
        },
        deep: true
      }
    },
    methods: {
      /**
@@ -39,7 +54,7 @@
       * @param record 当前表格行信息
       */
      handleTableContextMenuOpen(record) {
        this.currentTableRowInfo = Object.assign({}, 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'
@@ -49,13 +64,30 @@

      /**
       * 接收树组件传来的当前选中的树节点信息
       * @param treeNodeInfo
       * @param treeNodeInfo 树节点信息
       */
      receiveCurrentTreeNodeInfo(treeNodeInfo) {
        // 从树组件接受树节点信息后从父组件流入子组件
        this.currentTreeNodeInfo = treeNodeInfo
        if (treeNodeInfo.type !== 1) this.activeTabKey = 1
        else this.activeTabKey = 2
        // 清空上一节点已经加载过得文档列表tabKey
        this.hasLoadingDataTabKey = []
        if (treeNodeInfo.type !== 1) {
          this.activeTabKey = 1
          this.$nextTick(() => this.$refs.ncDocumentTableListRef.loadData(1))
        } else {
          this.activeTabKey = 2
          this.$nextTick(() => this.$refs.otherDocumentTableListRef.loadData(1))
        }
        this.hasLoadingDataTabKey.push(this.activeTabKey)
      },

      handleTabChange(activeTabKey) {
        // tab切换时加载对应文档列表，当前树节点下已经加载过的文档列表不再重复加载
        if (!this.hasLoadingDataTabKey.includes(activeTabKey)) {
          if (activeTabKey === 1) this.$nextTick(() => this.$refs.ncDocumentTableListRef.loadData(1))
          else this.$nextTick(() => this.$refs.otherDocumentTableListRef.loadData(1))
          this.hasLoadingDataTabKey.push(activeTabKey)
        }
      },

      /**