产品结构树： 1、新增指定文档为当前版本功能与文档版本内容差异比对功能（新增插件vue-code-diff） 2、调整产品及部件属性tab栏标题为属性...

zhaowei

2025-01-21 ba9490368b8bf27e0d4a6471420044dadf5b720e

 src/views/dnc/common/TableContextMenu.vue

@@ -1,7 +1,7 @@
<template>
  <a-menu :style="menuStyle" @click="menuItemClick" v-if="menuVisible" mode="vertical">
    <template v-for="menuItem in defaultContextMenuList[currentMenuLevel]">
      <a-menu-item :key="menuItem.code" v-if="menuItem.show&&menuItem.subMenu.length===0">
    <template v-for="menuItem in defaultContextMenuList[tableRowInfo.param]">
      <a-menu-item :key="menuItem.code" v-has="menuItem.code" v-if="menuItem.subMenu.length===0">
        <a-icon :type="menuItem.icon"/>
        {{menuItem.label}}
      </a-menu-item>
@@ -9,7 +9,7 @@
      <a-sub-menu v-if="menuItem.subMenu.length>0">
        <span slot="title"><a-icon :type="menuItem.icon"/><span>{{menuItem.label}}</span></span>

        <a-menu-item v-for="subMenuItem in menuItem.subMenu" :key="subMenuItem.code" v-if="subMenuItem.show"
        <a-menu-item v-for="subMenuItem in menuItem.subMenu" :key="subMenuItem.code" v-has="subMenuItem.code"
                     style="height: 32px;line-height: 32px">
          <a-icon :type="subMenuItem.icon"/>
          {{subMenuItem.label}}
@@ -41,49 +41,50 @@
        },
        currentMenuLevel: '',
        defaultContextMenuList: {
          //文档
          document: [
            { show: true, label: '编辑文档信息', code: 'document_edit', subMenu: [], icon: 'edit', isCommonMethod: false },
          //NC文档
          NC: [
            { label: '编辑文档信息', code: 'document_edit', subMenu: [], icon: 'edit', isCommonMethod: false },
            { label: '指派到设备', code: 'document_assign', subMenu: [], icon: 'cluster', isCommonMethod: false },
            { label: '导入NC程序', code: 'document_import', subMenu: [], icon: 'import', isCommonMethod: true },
            { label: '下载', code: 'document_download', subMenu: [], icon: 'download', isCommonMethod: true },
            { label: '删除', code: 'document_delete', subMenu: [], icon: 'delete', isCommonMethod: true },
            { label: '批量删除', code: 'document_batch_remove', subMenu: [], icon: 'delete', isCommonMethod: false },
            {
              show: true,
              label: '指派到设备',
              code: 'document_assign',
              subMenu: [],
              icon: 'cluster',
              isCommonMethod: false
            },
            {
              show: false,
              label: '导出NC程序',
              code: 'document_export',
              subMenu: [],
              icon: 'export',
              isCommonMethod: true
            },
            { show: true, label: '导入NC程序', code: 'document_import', subMenu: [], icon: 'import', isCommonMethod: true },
            { show: true, label: '下载', code: 'document_download', subMenu: [], icon: 'download', isCommonMethod: true },
            { show: true, label: '删除', code: 'document_delete', subMenu: [], icon: 'delete', isCommonMethod: true },
            {
              show: true,
              label: '批量删除',
              code: 'document_batch_remove',
              subMenu: [],
              icon: 'delete',
              isCommonMethod: false
            },
            {
              show: true,
              label: '生命周期',
              subMenu: [
                { show: true, label: '出库', code: 'document_pull', icon: 'export', isCommonMethod: false },
                { show: true, label: '取消出库', code: 'document_cancel_pull', icon: 'stop', isCommonMethod: false },
                { show: true, label: '入库', code: 'document_push', icon: 'import', isCommonMethod: true },
                { show: true, label: '发布', code: 'document_publish', icon: 'flag', isCommonMethod: false },
                { show: true, label: '重新发布', code: 'document_republish', icon: 'reload', isCommonMethod: false },
                { show: true, label: '归档', code: 'document_pigeonhole', icon: 'database', isCommonMethod: false }
                { label: '出库', code: 'document_pull', icon: 'export', isCommonMethod: true },
                { label: '取消出库', code: 'document_cancel_pull', icon: 'stop', isCommonMethod: true },
                { label: '入库', code: 'document_push', icon: 'import', isCommonMethod: true },
                { label: '发布', code: 'document_publish', icon: 'flag', isCommonMethod: true },
                { label: '重新发布', code: 'document_republish', icon: 'reload', isCommonMethod: true },
                { label: '归档', code: 'document_pigeonhole', icon: 'database', isCommonMethod: true }
              ],
              icon: 'hourglass'
            }
          ],
          OTHER: [
            { label: '编辑文档信息', code: 'document_edit', subMenu: [], icon: 'edit', isCommonMethod: false },
            { label: '导入文档', code: 'document_import', subMenu: [], icon: 'import', isCommonMethod: true },
            { label: '下载', code: 'document_download', subMenu: [], icon: 'download', isCommonMethod: true },
            { label: '删除', code: 'document_delete', subMenu: [], icon: 'delete', isCommonMethod: true },
            { label: '批量删除', code: 'document_batch_remove', subMenu: [], icon: 'delete', isCommonMethod: false },
            {
              label: '生命周期',
              subMenu: [
                { label: '出库', code: 'document_pull', icon: 'export', isCommonMethod: true },
                { label: '取消出库', code: 'document_cancel_pull', icon: 'stop', isCommonMethod: true },
                { label: '入库', code: 'document_push', icon: 'import', isCommonMethod: true },
                { label: '发布', code: 'document_publish', icon: 'flag', isCommonMethod: true },
                { label: '重新发布', code: 'document_republish', icon: 'reload', isCommonMethod: true },
                { label: '归档', code: 'document_pigeonhole', icon: 'database', isCommonMethod: true }
              ],
              icon: 'hourglass'
            }
          ],
          //文件
          file: [
            { label: '指定当前版本', code: 'file_assign', subMenu: [], icon: 'export', isCommonMethod: false },//文件-指定当前版本
            { label: '比对', code: 'file_add_relative', subMenu: [], icon: 'export', isCommonMethod: false }//比对
          ]
        }
      }
@@ -91,7 +92,16 @@
    methods: {
      menuItemClick({ item, key }) {
        const menuKeyArray = key.split('_')
        const isCommonMethod = this.defaultContextMenuList[this.currentMenuLevel].find(item => item.code === key).isCommonMethod
        const menuArrayItem = this.defaultContextMenuList[this.tableRowInfo.param].find(item => item.code === key)
        let isCommonMethod, modalTitle
        if (menuArrayItem) {
          isCommonMethod = menuArrayItem.isCommonMethod
          modalTitle = menuArrayItem.label
        } else {
          const subMenuArrayItem = this.defaultContextMenuList[this.tableRowInfo.param].find(item => item.subMenu.length > 0).subMenu.find(item => item.code === key)
          isCommonMethod = subMenuArrayItem.isCommonMethod
          modalTitle = subMenuArrayItem.label
        }
        let methodName
        // 判断是否为公共方法，如果为公共方法则截取专有属性product/component/part/process等字段
        if (isCommonMethod) {
@@ -101,8 +111,6 @@
          // product_add => handleProcessAdd 触发对应组件事件
          methodName = 'handle' + menuKeyArray.map(item => item[0].toUpperCase() + item.slice(1)).join('')
        }
        const modalTitle = this.defaultContextMenuList[this.currentMenuLevel].find(item => item.code === key).label
        console.log('methodName---------------------------------------', methodName)
        console.log('tableRowInfo---------------------------------------', this.tableRowInfo)
        this.$bus.$emit('tableMenuItemMethodTrigger', {
          methodName,