king
2025-04-23 b48528b1a1a88e289fc0b7ad52f2da213a3f9dfe
src/tabviews/zshare/settingcomponent/index.jsx
@@ -1,12 +1,11 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { is, fromJS } from 'immutable'
import { Button, Modal, notification, Spin, Empty } from 'antd'
import { Button, Modal, notification, Spin, Empty, Tooltip } from 'antd'
import Api from '@/api'
import MKEmitter from '@/utils/events.js'
import { updateSubTable } from '@/utils/utils-update.js'
import options from '@/store/options.js'
import asyncComponent from '@/utils/asyncSpinComponent'
import './index.scss'
@@ -14,10 +13,8 @@
class CustomSetting extends Component {
  static propTpyes = {
    dict: PropTypes.object,           // 字典表
    config: PropTypes.object,         // 页面配置信息
    shortcuts: PropTypes.any,         // 自定义设置
    permAction: PropTypes.object,     // 按钮权限
  }
  state = {
@@ -25,6 +22,8 @@
    components: null,      // 组件集合
    revertLoading: false,  // 恢复默认设置
    confirmLoading: false, // 自定义设置模态框加载中
    dict: window.GLOB.dict,
    lang: sessionStorage.getItem('lang')
  }
  shouldComponentUpdate (nextProps, nextState) {
@@ -42,7 +41,7 @@
    if (config.Template === 'CommonTable' || config.Template === 'TreePage') {
      this.getPageConfig()
    } else if (config.Template === 'CustomPage') {
    } else if (config.Template === 'CustomPage' || config.Template === 'BaseTable') {
      this.getCustomPageConfig()
    } else {
      notification.warning({
@@ -83,7 +82,7 @@
          if (cell.OpenType === 'funcbutton' && cell.funcType === 'print') {
            cell.$port = cell.verify ? cell.verify.linkUrl : ''
            if (cell.verify && cell.verify.printerTypeList) {
            if (cell.verify && cell.verify.printerTypeList && cell.verify.printerTypeList.length > 0) {
              cell.verify.printerTypeList = cell.verify.printerTypeList.map(_cell => {
                _cell.uuid = _cell.uuid || _cell.key
                _cell.parentId = cell.uuid
@@ -99,7 +98,7 @@
          _comp.action.push({...cell, ...(userConfig[cell.uuid] || {})})
        })
        
        if (item.type === 'card' || (item.type === 'table' && item.subtype === 'tablecard')) {
        if (item.type === 'card') {
          item.subcards.forEach(card => {
            card.elements && card.elements.forEach(cell => {
              if (cell.eleType !== 'button') return
@@ -107,7 +106,7 @@
              if (cell.OpenType === 'funcbutton' && cell.funcType === 'print') {
                cell.$port = cell.verify ? cell.verify.linkUrl : ''
                if (cell.verify && cell.verify.printerTypeList) {
                if (cell.verify && cell.verify.printerTypeList && cell.verify.printerTypeList.length > 0) {
                  cell.verify.printerTypeList = cell.verify.printerTypeList.map(_cell => {
                    _cell.uuid = _cell.uuid || _cell.key
                    _cell.parentId = cell.uuid
@@ -120,7 +119,7 @@
                printbtns.push(cell)
              }
              _comp.action.push({...cell, ...(userConfig[cell.uuid] || {})})
              _comp.action.push({...cell, $line: true, ...(userConfig[cell.uuid] || {})})
            })
            card.backElements && card.backElements.forEach(cell => {
              if (cell.eleType !== 'button') return
@@ -128,7 +127,7 @@
              if (cell.OpenType === 'funcbutton' && cell.funcType === 'print') {
                cell.$port = cell.verify ? cell.verify.linkUrl : ''
                if (cell.verify && cell.verify.printerTypeList) {
                if (cell.verify && cell.verify.printerTypeList && cell.verify.printerTypeList.length > 0) {
                  cell.verify.printerTypeList = cell.verify.printerTypeList.map(_cell => {
                    _cell.uuid = _cell.uuid || _cell.key
                    _cell.parentId = cell.uuid
@@ -141,33 +140,40 @@
                printbtns.push(cell)
              }
              _comp.action.push({...cell, ...(userConfig[cell.uuid] || {})})
              _comp.action.push({...cell, $line: true, ...(userConfig[cell.uuid] || {})})
            })
          })
        } else if (item.type === 'table' && item.subtype === 'normaltable') {
          item.cols && item.cols.forEach(col => {
            if (col.type !== 'action') return
            col.elements && col.elements.forEach(cell => {
              cell.$expanded = false
              if (cell.OpenType === 'funcbutton' && cell.funcType === 'print') {
        } else if (item.type === 'table') {
          let loopCol = (cols) => {
            cols.forEach(col => {
              if (col.type === 'colspan') {
                loopCol(col.subcols)
              } else if (col.type === 'custom') {
                col.elements.forEach(cell => {
                  if (cell.eleType !== 'button') return
                  cell.$expanded = false
                  if (cell.OpenType === 'funcbutton' && cell.funcType === 'print') {
                cell.$port = cell.verify ? cell.verify.linkUrl : ''
                if (cell.verify && cell.verify.printerTypeList) {
                  cell.verify.printerTypeList = cell.verify.printerTypeList.map(_cell => {
                    _cell.uuid = _cell.uuid || _cell.key
                    _cell.parentId = cell.uuid
                    _cell.$port = cell.$port
                    cell.$port = cell.verify ? cell.verify.linkUrl : ''
                    if (cell.verify && cell.verify.printerTypeList && cell.verify.printerTypeList.length > 0) {
                      cell.verify.printerTypeList = cell.verify.printerTypeList.map(_cell => {
                        _cell.uuid = _cell.uuid || _cell.key
                        _cell.parentId = cell.uuid
                        _cell.$port = cell.$port
                    return _cell
                  })
                  cell.$expanded = true
                }
                printbtns.push(cell)
                        return _cell
                      })
                      cell.$expanded = true
                    }
                    printbtns.push(cell)
                  }
                  _comp.action.push({...cell, $line: true, ...(userConfig[cell.uuid] || {})})
                })
              }
              _comp.action.push({...cell, ...(userConfig[cell.uuid] || {})})
            })
          })
          }
          loopCol(item.cols)
        } 
        
        if (_comp.action.length > 0) {
@@ -183,7 +189,7 @@
  }
  getPageConfig = () => {
    const { shortcuts, permAction } = this.props
    const { shortcuts } = this.props
    let config = fromJS(this.props.config).toJS()
    let userConfig = {}
    let components = []
@@ -262,7 +268,7 @@
          let _comp = {title: res.tab.label, uuid: res.tab.uuid, action: []}
          subconfig.action.forEach(item => {
            if (!permAction[item.uuid]) return
            if (!window.GLOB.mkActions[item.uuid]) return
            item.$expanded = false
            if (item.OpenType === 'funcbutton' && item.funcType === 'print') {
@@ -270,7 +276,7 @@
              item.printer = _item ? (_item.printer || '') : ''
              item.$port = item.verify ? item.verify.linkUrl : ''
              if (item.verify && item.verify.printerTypeList) {
              if (item.verify && item.verify.printerTypeList && item.verify.printerTypeList.length > 0) {
                item.verify.printerTypeList = item.verify.printerTypeList.map(cell => {
                  cell.uuid = cell.uuid || cell.key
                  cell.parentId = item.uuid
@@ -312,9 +318,14 @@
        })
      } else if (!links.includes(item.verify.linkUrl)) {
        links.push(item.verify.linkUrl)
      }
    })
        let socket = null
        socket = new WebSocket('ws://' + item.verify.linkUrl)
    if (links.length === 0) return
    let defers = links.map(link => {
      return new Promise((resolve) => {
        let socket = new WebSocket('ws://' + link)
        // 打开Socket
        socket.onopen = () =>{
          let request  = {
@@ -329,7 +340,7 @@
          let data = ''
          try {
            data = JSON.parse(event.data)
          } catch {
          } catch (e) {
            data = ''
          }
@@ -356,29 +367,39 @@
              })
            }
            window.GLOB.UserCacheMap.set(item.verify.linkUrl, _printers)
          } else if (data && data.cmd === 'getPrinters') {
            notification.warning({
              top: 92,
              message: data.message,
              duration: 5
            })
            resolve({status: true, printers: _printers})
          } else if (data && data.cmd === 'getPrinters' && data.message) {
            resolve({status: false, printers: null, message: data.message})
          }
        }
        socket.onerror = () => {
          let tool = item.verify.linkUrl
          if (item.verify.linkUrl === '127.0.0.1:13529') {
          let tool = link
          if (link === '127.0.0.1:13529') {
            tool = '明科通讯组件'
          } else if (item.verify.linkUrl === '127.0.0.1:13528') {
          } else if (link === '127.0.0.1:13528') {
            tool = 'CAINIAO打印组件'
          }
          notification.warning({
            top: 92,
            message: '无法连接到: ' + tool,
            duration: 5
          })
          resolve({status: false, printers: null, message: '无法连接到: ' + tool})
        }
      })
    })
    Promise.all(defers).then(results => {
      let res = results.filter(item => item.status)[0]
      if (res) {
        links.forEach(link => {
          window.GLOB.UserCacheMap.set(link, res.printers)
        })
      } else {
        notification.warning({
          top: 92,
          message: results[0].message,
          duration: 5
        })
      }
    })
  }
@@ -406,7 +427,9 @@
        return
      }
      Api.deleteMenuStorage(config.MenuID).then(() => {
      Api.deleteMenuStorage(config.MenuID)
      setTimeout(() => {
        this.setState({
          visible: false,
          revertLoading: false
@@ -414,7 +437,7 @@
          window.GLOB.CacheMap = new Map()
          MKEmitter.emit('reloadMenuView', config.MenuID)
        })
      })
      }, 100)
    })
  }
@@ -425,7 +448,7 @@
    components.forEach(com => {
      com.action.forEach(item => {
        if (item.shortcut && item.shortcut.length > 0) {
        if (item.shortcut && item.shortcut.length > 0 && !item.$line) {
          _LongParam.action.push({uuid: item.uuid, parentId: com.uuid, shortcut: item.shortcut, $shortcut: item.shortcut.join('+')})
        }
        if (item.funcType === 'print' && (item.printer || item.verify.printerTypeList)) {
@@ -482,7 +505,9 @@
        return
      }
      Api.deleteMenuStorage(config.MenuID).then(() => {
      Api.deleteMenuStorage(config.MenuID)
      setTimeout(() => {
        this.setState({
          visible: false,
          confirmLoading: false
@@ -490,7 +515,7 @@
          window.GLOB.CacheMap = new Map()
          MKEmitter.emit('reloadMenuView', config.MenuID)
        })
      })
      }, 100)
    })
  }
@@ -508,30 +533,30 @@
  }
  render() {
    const { components, visible } = this.state
    console.log(components)
    const { components, visible, dict, lang } = this.state
    if (window.GLOB.mkHS || window.GLOB.sysType !== 'local') return null
    return (
      <div className="page-setting-wrap">
        {options.sysType === 'local' ? <Button
          icon="setting"
          shape="circle"
          className="page-setting"
          onClick={this.trigger}
        /> : null}
      <div className="tool-wrap">
        <Tooltip placement="left" title={dict['custom_settings'] || '自定义设置'}>
          <Button icon="setting" shape="circle" onClick={this.trigger}/>
        </Tooltip>
        <Modal
          wrapClassName="custom-setting-modal"
          title={'自定义设置'}
          title={dict['custom_settings'] || '自定义设置'}
          maskClosable={false}
          width={950}
          visible={visible}
          onCancel={() => { this.setState({ visible: false }) }}
          footer={[
            <Button key="revert" type="danger" loading={this.state.revertLoading} onClick={this.settingRevert}>{this.props.dict['main.revert.default']}</Button>,
            <Button key="cancel" onClick={() => { this.setState({ visible: false }) }}>{this.props.dict['main.cancel']}</Button>,
            <Button key="confirm" type="primary" loading={this.state.confirmLoading} onClick={this.settingSubmit}>{this.props.dict['main.submit']}</Button>
            <Button key="revert" type="danger" loading={this.state.revertLoading} onClick={this.settingRevert}>{dict['restore_default'] || '恢复默认设置'}</Button>,
            <Button key="cancel" onClick={() => { this.setState({ visible: false }) }}>{dict['cancel'] || '取消'}</Button>,
            <Button key="confirm" type="primary" loading={this.state.confirmLoading} onClick={this.settingSubmit}>{dict['submit'] || '提交'}</Button>
          ]}
          destroyOnClose
        >
          {lang !== 'en-US' ? <div className="tip">注:行级按钮快捷键设置无效。</div> : null}
          {components && components.length > 0 ? components.map(item => (
            <div key={item.uuid}>
              <p className="component-title">{item.title}</p>