产品结构树： 1、调整权限配置功能 2、调整指派到设备树组件子节点选中逻辑

zhaowei

2025-02-08 c56b9a47d4642582020edd51bf664ed7b1935022

 src/views/dnc/base/modules/ProductStructure/Document/NcDocumentAssignModal.vue

@@ -45,22 +45,16 @@
                <div style="display: flex">
                  <a-input placeholder="输入关键字进行搜索" allowClear v-model="searchInput"
                           @change="handleSearchInputChange"/>
                  <a-dropdown :trigger="['click']" placement="bottomCenter" style="margin: 0 8px">
                    <a-menu slot="overlay">
                      <a-menu-item key="1" @click="expandedKeys = allTreeKeys">展开所有</a-menu-item>
                      <a-menu-item key="2" @click="expandedKeys = []">合并所有</a-menu-item>
                    </a-menu>
                    <a-button>
                      <a-icon type="bars"/>
                    </a-button>
                  </a-dropdown>
                  <a-button type="primary" @click="isExpandAllTreeNode=!isExpandAllTreeNode" style="margin: 0 8px">
                    展开/折叠
                  </a-button>
                </div>

                <!--产品结构树-->
                <div style="overflow:auto;margin-top: 10px;height: 400px">
                  <a-tree ref="tree" checkable :checkedKeys="checkedKeys" :expandedKeys.sync="expandedKeys"
                          :autoExpandParent="autoExpandParent"
                          :treeData="treeDataSource" @check="handleTreeNodeCheck" @expand="handleTreeExpand">
                  <a-tree blockNode checkable :checkedKeys="checkedKeys" :expandedKeys.sync="expandedKeys"
                          :autoExpandParent="autoExpandParent" @select="handleTreeNodeSelect"
                          :treeData="treeDataSource" @check="handleTreeNodeCheck" @expand="handleTreeNodeExpand">
                    <template slot="title" slot-scope="{ label, parentId, entity, key:treeKey,type}">
                     <span v-if="label.indexOf(searchValue) > -1">{{ label.substr(0, label.indexOf(searchValue)) }}<span
                       class="replaceSearch">{{ searchValue }}</span>{{ label.substr(label.indexOf(searchValue) + searchValue.length) }}</span>
@@ -89,11 +83,10 @@
  import { getAction } from '@/api/manage'
  import dncApi from '@/api/dnc'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import ATextarea from 'ant-design-vue/es/input/TextArea'

  export default {
    name: 'NcDocumentAssignModal',
    components: { ATextarea },
    components: {},
    mixins: [JeecgListMixin],
    props: {
      currentDocumentInfo: {
@@ -133,6 +126,7 @@
        checkedKeys: [],
        expandedKeys: [],
        autoExpandParent: true,
        isExpandAllTreeNode: false,
        url: {
          list: '/nc/doc/find/list'
        }
@@ -146,6 +140,12 @@
            this.loadData()
            this.getDocumentAssignDeviceTreeByApi()
          }
        }
      },
      isExpandAllTreeNode: {
        handler(value) {
          if (value) this.expandedKeys = this.allTreeKeys
          else this.expandedKeys = []
        }
      }
    },
@@ -161,7 +161,6 @@
          return false
        }
        const { attributionType, attributionId, param } = this.currentDocumentInfo
        console.log('currentDocumentInfo', this.currentDocumentInfo)
        params.attributionType = attributionType
        params.attributionId = attributionId
        params.docClassCode = param
@@ -195,15 +194,71 @@
      },

      handleAssignDocumentToDevice() {
        const param = {}
        console.log('table', this.selectedRowKeys)
        const { checkedKeys, selectedRowKeys, dataList, $confirm, $notification, currentDocumentInfo, queryParam: { applyReason }, $set } = this
        const { publishFileId, attributionId } = currentDocumentInfo
        const paramsArray = []
        // 过滤分组Id仅放入设备Id
        const treeCheckedDeviceKeys = []
        this.checkedKeys.forEach(checkedKey => {
          const deviceId = this.dataList.find(item => item.key === checkedKey && item.type === 2)
        checkedKeys.forEach(checkedKey => {
          const deviceId = dataList.find(item => item.key === checkedKey && item.type === 2)
          if (deviceId) treeCheckedDeviceKeys.push(deviceId.key)
        })

        console.log('treeCheckedDeviceKeys', treeCheckedDeviceKeys)
        if (treeCheckedDeviceKeys.length === 0 || selectedRowKeys.length === 0) {
          $notification.warning({
            message: '消息',
            description: '请选择设备或文档'
          })
          return
        }

        $confirm({
          title: '提示',
          content: `确认提交吗？`,
          okText: '确认',
          cancelText: '取消',
          onOk: () => {
            treeCheckedDeviceKeys.forEach(deviceId => {
              selectedRowKeys.forEach(docId => {
                paramsArray.push({
                  docId,
                  deviceId,
                  fileId: publishFileId,
                  processId: attributionId,
                  applyReason
                })
              })
            })

            paramsArray.forEach(item => {
              dncApi.assignDocumentToDeviceApi(item)
                .then(res => {
                  if (res.success) {
                    this.$bus.$emit('reloadMainBottomTableData', 'useDocumentEquipment')
                    $notification.success({
                      message: '消息',
                      description: res.message
                    })
                  } else {
                    $notification.error({
                      message: '消息',
                      description: res.message
                    })
                  }
                })
                .catch(err => {
                  $notification.error({
                    message: '消息',
                    description: err.message
                  })
                })
            })
            console.log('paramsArray', paramsArray)
          }
        })
        // console.log('table', this.selectedRowKeys)
        // console.log('treeCheckedDeviceKeys', treeCheckedDeviceKeys)
        // console.log('currentDocumentInfo', this.currentDocumentInfo)
      },

      /* 输入查询内容变化时触发 */
@@ -232,7 +287,7 @@
       * 树节点展开合并时触发
       * @param expandedKeys 展开项key
       */
      handleTreeExpand(expandedKeys) {
      handleTreeNodeExpand(expandedKeys) {
        this.expandedKeys = expandedKeys
        this.autoExpandParent = false
      },
@@ -245,6 +300,10 @@
      handleTreeNodeCheck(checkedKeys, { node }) {
        let record = node.dataRef
        this.checkedKeys = checkedKeys
      },

      handleTreeNodeSelect(selectedKeys, { node }) {
        node.$el.childNodes[1].click()
      },

      /**
@@ -311,4 +370,7 @@

  }

  ::-webkit-scrollbar {
    width: 8px;
  }
</style>