2025-05-03

king

2025-05-03 c7f736f82a3e5d232fc9e19a4b60693355487ab3

 src/views/design/header/transmenu/index.jsx

@@ -1,7 +1,6 @@
import React, { Component } from 'react'
import { is, fromJS } from 'immutable'
import { Modal, notification, Button, Spin, Cascader } from 'antd'
// import { ClockCircleOutlined, SyncOutlined, WarningOutlined, CheckCircleOutlined } from '@ant-design/icons'
import { Modal, Radio, notification, Button, Spin, Select, Cascader } from 'antd'
import moment from 'moment'
import md5 from 'md5'

@@ -17,10 +16,13 @@
    visible: false,
    loading: false,
    saveing: false,
    lang: '',
    type: '',
    dicts: [],
    menus: [],
    values: []
    billMenus: [],
    tabMenus: [],
    values: '',
    images: '',
  }

  shouldComponentUpdate (nextProps, nextState) {
@@ -28,19 +30,17 @@
  }

  trigger = () => {
    let langs = sessionStorage.getItem('subLangList')
    langs = JSON.parse(langs)

    this.setState({
      lang: langs[0],
      loading: true,
      visible: true,
      saveing: false,
      values: []
      type: 'menu',
      images: '',
      values: ''
    })
    
    this.getDicts()
    this.getMenus(langs[0])
    this.getMenus()
  }
  
  getDicts = () => {
@@ -73,12 +73,17 @@
    })
  }

  getMenus = (lang) => {
  getMenus = () => {
    if (this.state.menus.length > 0) {
      this.setState({loading: false})
      return
    }

    let _param = {
      func: 's_get_pc_menus',
      systemType: window.GLOB.sysType,
      pro_sys: '',
      lang: lang,
      lang: 'zh-CN',
      debug: 'Y'
    }

@@ -151,9 +156,26 @@
  }

  submit = () => {
    const { values } = this.state
    const { values, type } = this.state

    if (!values || (values.length !== 3 && values[0] !== 'home_page_id')) {
    if (!values) {
      notification.warning({
        top: 92,
        message: type === 'menu' ? '请选择菜单！' : '请选择模板！',
        duration: 5
      })
      return
    }

    if (type === 'bill') {
      this.billSubmit()
      return
    } else if (type === 'tab') {
      this.tabSubmit()
      return
    }

    if (values.length !== 3 && values[0] !== 'home_page_id') {
      notification.warning({
        top: 92,
        message: '请选择菜单！',
@@ -300,12 +322,12 @@

  transThdMenu = (menu, reload) => {
    const { menulist } = this.props
    const { lang, dicts } = this.state
    const { dicts } = this.state

    let _param = {
      func: 'sPC_Get_LongParam',
      MenuID: menu.value,
      lang: lang
      lang: 'zh-CN'
    }

    let creat = true
@@ -380,7 +402,7 @@

      tail = tail.slice(-8)

      setLangTrans(config, btnDict, titDict, lisDict, regs, tail)
      setLangTrans(config, btnDict, titDict, lisDict, {}, regs, tail)

      if (config.components) {
        let commonId = Utils.getuuid()
@@ -395,6 +417,9 @@
        config.style = config.style || {}
      }

      delete config.tbkey

      config.enabled = false
      config.MenuName = menu.label
      config.fstMenuId = menu.fstMenuId || ''
      config.parentId = menu.parentId || ''
@@ -498,19 +523,324 @@
    })
  }

  onChange = (e) => {
    this.setState({
      type: e.target.value,
      images: '',
      values: ''
    })

    if (e.target.value === 'bill') {
      this.getBillMenus()
    } else if (e.target.value === 'tab') {
      this.getTabMenus()
    }
  }

  getBillMenus = () => {
    const { billMenus } = this.state

    if (billMenus.length) return

    let _param = {
      func: 's_get_sPrintTemplate_web',
      OrderCol: 'ID desc',
      lang_s: sessionStorage.getItem('lang'),
      dataM: 'Y',
      PageIndex: 1,
      PageSize: 1000
    }

    Api.getCloudConfig(_param).then(res => {
      if (!res.status) {
        notification.warning({
          top: 92,
          message: res.message,
          duration: 5
        })
        return
      }

      this.setState({billMenus: res.data || []})
    })
  }

  getTabMenus = () => {
    const { tabMenus } = this.state

    if (tabMenus.length) return

    let _param = {
      func: 's_get_sPrintTemplate',
      OrderCol: 'ID desc',
      lang_s: sessionStorage.getItem('lang'),
      dataM: 'Y',
      PageIndex: 1,
      PageSize: 1000
    }

    Api.getCloudConfig(_param).then(res => {
      if (!res.status) {
        notification.warning({
          top: 92,
          message: res.message,
          duration: 5
        })
        return
      }

      this.setState({tabMenus: res.data || []})
    })
  }

  billSubmit = () => {
    const { dicts, values, billMenus } = this.state

    let _param = {
      func: 'sPC_Get_LongParam',
      MenuID: values
    }

    this.setState({saveing: true})

    let temp = billMenus.filter(item => item.ID === values)[0]

    Api.getCloudConfig(_param).then(res => {
      if (!res.status) {
        notification.warning({
          top: 92,
          message: res.message,
          duration: 5
        })
        this.setState({saveing: false})
        return
      }

      let config = null
      if (res.LongParam) {
        try {
          config = JSON.parse(window.decodeURIComponent(window.atob(res.LongParam)))
        } catch (e) {
          console.warn('Parse Failure')
          config = ''
        }
      }

      if (!config) {
        notification.warning({
          top: 92,
          message: '未获取到模板配置信息',
          duration: 5
        })
        this.setState({saveing: false})
        return
      }

      let btnDict = {}
      let titDict = {}
      let lisDict = {}
      let regs = []

      dicts.forEach(item => {
        if (item.type === 'button') {
          btnDict[item.reg] = item.value
        } else if (item.type === 'title') {
          titDict[item.reg] = item.value
        } else if (item.type === 'list') {
          lisDict[item.reg] = item.value
        } else if (item.type === 'text') {
          regs.push({reg: new RegExp(item.reg, 'g'), value: item.value, sort: item.reg.length})
        }
      })

      regs.sort((a, b) => b.sort - a.sort)

      let tail = md5(window.GLOB.appkey + sessionStorage.getItem('lang')).toLowerCase()

      tail = tail.slice(-8)

      setLangTrans(config, btnDict, titDict, lisDict, {}, regs, tail)

      if (config.components) {
        let commonId = Utils.getuuid()
        if (config.interfaces && config.interfaces.length > 0) {
          config.interfaces = config.interfaces.map(inter => {
            inter.uuid = md5(commonId + inter.uuid)
            return inter
          })
        }
        config.components = MenuUtils.resetConfig(config.components, commonId, false)
        config.tables = config.tables || []
        config.style = config.style || {}
      }

      delete config.tbkey
      
      config.enabled = false
      config.MenuNo = temp.PrintTempNO || ''
      config.MenuName = temp.PrintTempName || ''
      config.fstMenuId = 'BillPrintTemp'
      config.parentId = 'BillPrintTemp'
      config.uuid = values
      config.MenuID = config.uuid

      config.open_edition = res.open_edition || ''

      let param = {
        func: 'sPC_TrdMenu_AddUpt',
        FstID: config.fstMenuId,
        SndID: config.parentId,
        ParentID: config.parentId,
        MenuID: config.uuid,
        MenuNo: config.MenuNo || '',
        EasyCode: config.easyCode || '',
        Template: config.Template,
        MenuName: config.MenuName || '',
        open_edition: config.open_edition,
        PageParam: JSON.stringify({Template: config.Template, OpenType: config.OpenType || 'newtab'})
      }

      param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
      param.secretkey = Utils.encrypt('', param.timestamp)

      Api.getCloudConfig(param).then(res => {
        if (!res.status) {
          notification.warning({
            top: 92,
            message: res.message,
            duration: 5
          })
          this.setState({saveing: false})
          return
        }

        notification.success({
          top: 92,
          message: '转换成功。',
          duration: 5
        })
        
        this.setState({
          saveing: false,
          visible: false
        })
      })
    })
  }

  tabSubmit = () => {
    const { values, dicts, tabMenus } = this.state

    let param = {
      func: 's_PrintTemplateMGetData',
      Type: 'Y',
      ID: values
    }

    this.setState({saveing: true})

    let temp = tabMenus.filter(item => item.ID === values)[0]

    Api.getCloudConfig(param).then(result => {
      if (!result.status) {
        notification.warning({
          top: 92,
          message: result.message,
          duration: 5
        })
        this.setState({saveing: false})
      } else if (!result.ConfigParam) {
        notification.warning({
          top: 92,
          message: '未获取到打印模板信息！',
          duration: 5
        })
        this.setState({saveing: false})
      } else {
        let config = ''
        try {
          config = JSON.parse(window.decodeURIComponent(window.atob(result.ConfigParam)))
        } catch (e) {
          config = ''
        }
  
        if (!config) {
          notification.warning({
            top: 92,
            message: '未获取到打印模板信息！',
            duration: 5
          })
          this.setState({saveing: false})
          return
        }

        let titDict = {}

        dicts.forEach(item => {
          if (item.type === 'title') {
            titDict[item.reg] = item.value
          }
        })

        config.elements.forEach(item => {
          if (item.type === 'text' && item.value && titDict[item.value]) {
            item.value = titDict[item.value]
          }
        })

        config.name = temp.PrintTempName || ''
        config.remark = temp.Remark || ''
        config.PrintTempNO = temp.PrintTempNO || ''

        let _param = {
          func: 's_PrintTemplateMSub',
          ID: values,
          ConfigParam: window.btoa(window.encodeURIComponent(JSON.stringify(config))),
          Images: temp.Images || '',
          PrintTempName: config.name,
          Remark: config.remark,
          PrintTempNO: config.PrintTempNO
        }

        Api.getCloudConfig(_param).then(result => {
          if (!result.status) {
            notification.warning({
              top: 92,
              message: result.message,
              duration: 5
            })
            this.setState({saveing: false})
            return
          }

          notification.success({
            top: 92,
            message: '转换成功。',
            duration: 5
          })
          
          this.setState({
            saveing: false,
            visible: false
          })
        })
      }
    })
  }

  render () {
    const { visible, loading, saveing, menus } = this.state
    const { visible, loading, saveing, menus, type, billMenus, tabMenus, images } = this.state

    return (
      <>
        <Button type="primary" onClick={this.trigger}>
          添加
          转换
        </Button>
        <Modal
          wrapClassName="sync-menu-modal"
          title="添加菜单"
          title="菜单转换"
          visible={visible}
          width={800}
          width={600}
          closable={false}
          maskClosable={false}
          onOk={this.submit}
@@ -519,7 +849,31 @@
          destroyOnClose
        >
          {loading ? <Spin /> : <div>
            <Cascader onChange={(val) => this.setState({values: val})} options={menus} expandTrigger="hover" placeholder="请选择模板菜单"/>
            <Radio.Group defaultValue="menu" onChange={this.onChange}>
              <Radio.Button value="menu">菜单</Radio.Button>
              <Radio.Button value="bill">单据打印模板</Radio.Button>
              <Radio.Button value="tab">标签打印模板</Radio.Button>
            </Radio.Group>
            {type === 'menu' ? <Cascader popupClassName="sync-cascader" onChange={(val) => this.setState({values: val})} options={menus} expandTrigger="hover" placeholder="请选择菜单"/> : null}
            {type === 'bill' ? <Select
              showSearch
              placeholder="请选择单据模板"
              dropdownMatchSelectWidth={false}
              onChange={(val, option) => this.setState({values: val, images: option.props.images || ''})}
              filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
            >
              {billMenus.map((item, i) => (<Select.Option key={i} images={item.Images || ''} value={item.ID}>{`${item.PrintTempName}（${item.PrintTempNO}）`}</Select.Option>))}
            </Select> : null}
            {type === 'tab' ? <Select
              showSearch
              placeholder="请选择标签模板"
              dropdownMatchSelectWidth={false}
              onChange={(val, option) => this.setState({values: val, images: option.props.images || ''})}
              filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
            >
              {tabMenus.map((item, i) => (<Select.Option key={i} images={item.Images || ''} value={item.ID}>{`${item.PrintTempName}（${item.PrintTempNO}）`}</Select.Option>))}
            </Select> : null}
            {images ? <img src={images} alt=""/> : null}
          </div>}
        </Modal>
      </>