2022-10-04

king

2022-10-04 41c55c1f103658b997f7a828a7067bdb228f1df0

2022-10-04

 src/menu/components/share/actioncomponent/dragaction/index.jsx

@@ -119,6 +119,7 @@
          newcard.Ot = 'requiredSgl'
          newcard.OpenType = item.value
          newcard.class = 'primary'
          newcard.style = { marginRight: '15px' }

          if (newcard.OpenType === 'excelIn') {
            newcard.label = item.text

 src/menu/tablenodes/index.jsx

@@ -1,14 +1,15 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { is, fromJS } from 'immutable'
import { Modal, Button, notification, Spin } from 'antd'
import { Modal, Button, notification, Spin, Input } from 'antd'
import { ForkOutlined } from '@ant-design/icons'

import Api from '@/api'
import G6 from "@antv/g6"
import Utils from '@/utils/utils.js'
import MKEmitter from '@/utils/events.js'
import './index.scss'

const { Search } = Input

class TableNodes extends Component {
  static propTpyes = {
@@ -18,6 +19,7 @@
  state = {
    visible: false,
    loading: false,
    nodes: null,
    empty: false
  }

@@ -60,6 +62,8 @@

  trigger = () => {
    const { config } = this.props

    if (!config) return

    this.setState({visible: true, loading: true, empty: false}, () => {
      let param = {
@@ -118,14 +122,31 @@
          })
        }

        if (ptbs.length) {
          ptbs.forEach((item, i) => {
        if (result.tb_list) {
          result.tb_list.sort((a, b) => a.tbname > b.tbname ? 1 : -1)
          result.tb_list.forEach((item, i) => {
            let cell = {
              label: item,
              id: 'menu' + i,
              label: item.tbname,
              name: item.tbname.toLowerCase(),
              id: 'table' + i,
              direction: 'right',
              color: '#1890ff',
              // children: []
              children: []
            }

            if (item[item.tbname]) {
              item[item.tbname].forEach((m, i) => {
                if (m.debug_url) {
                  let _param = JSON.parse(window.decodeURIComponent(window.atob(m.debug_url)))
                  cell.children.push({
                    label: _param.MenuName,
                    id: item.tbname + 'menu' + i,
                    direction: 'right',
                    color: '#1890ff',
                    param: _param
                  })
                }
              })
            }

            data.children.push(cell)
@@ -135,7 +156,7 @@
        if (data.children.length === 0) {
          this.setState({empty: true, loading: false})
        } else {
          this.setState({loading: false})
          this.setState({loading: false, nodes: data})
          this.getForks(data)
        }
      })
@@ -143,9 +164,42 @@
  }

  changeMenu = (menu) => {
    if (menu.depth === 0) return
    if (menu.direction !== 'right') return

    MKEmitter.emit('changeEditMenu', menu)
    if (menu.depth === 1) {
      window.open('#/hs')
    } else if (menu.param) {
      if (menu.param.type === 'admin') {
        if (menu.param.MenuType === 'custom') {
          let _param = {...menu.param}
          delete _param.type
          _param = window.btoa(window.encodeURIComponent(JSON.stringify(_param)))
          window.open(`#/menudesign/${_param}`)
        }
      }
    }
  }

  resetNodes = (key) => {
    let data = fromJS(this.state.nodes).toJS()
    key = key ? key.toLowerCase() : ''

    data.children.forEach(cell => {
      if (cell.direction === 'right') {
        cell.fontcolor = ''
        if (key && cell.name.indexOf(key) > -1) {
          cell.fontcolor = 'orange'
        }
      }
    })
    let _element = document.getElementById('mkTableNode')
    if (_element) {
      _element.innerHTML = ''
    }

    this.setState({}, () => {
      this.getForks(data)
    })
  }

  getForks = (data) => {
@@ -185,7 +239,7 @@
          return `
          <group>
            <rect draggable="true" style={{width: ${width}, height: 26, cursor: ${cfg.direction !== 'left' ? 'pointer' : 'default'}, fill: 'transparent' }}>
              <text style={{ fontSize: 12, fill: black, cursor: ${cfg.direction !== 'left' ? 'pointer' : 'default'}, marginLeft: 12, marginTop: 6 }}>${cfg.label}</text>
              <text style={{ fontSize: 12, fill: ${cfg.fontcolor ? cfg.fontcolor : 'black'}, cursor: ${cfg.direction !== 'left' ? 'pointer' : 'default'}, marginLeft: 12, marginTop: 6 }}>${cfg.label}</text>
            </rect>
            <rect style={{ fill: ${color}, width: ${width}, cursor: ${cfg.direction !== 'left' ? 'pointer' : 'default'}, height: 2, x: 0, y: 32 }} />
          </group>
@@ -278,7 +332,7 @@
    };

    const tree = new G6.TreeGraph({
      container: 'mountNode',
      container: 'mkTableNode',
      width: this.wrap.offsetWidth,
      height: this.wrap.offsetHeight,
      fitView: true,
@@ -337,11 +391,12 @@
          footer={[]}
          destroyOnClose
        >
          <div className="header">页面关系图</div>
          <div className="header">表关系图</div>
          <Search className="tb-search" placeholder="请输入表名" onSearch={value => this.resetNodes(value)} enterButton />
          <div className="wrap">
            {loading ? <Spin size="large" /> : null}
            {empty ? <div className="empty">未查询到页面关联菜单。</div> : null}
            <div className="mountNode" id="mountNode" ref={ref => this.wrap = ref}></div>
            {empty ? <div className="empty">未查询到表名信息。</div> : null}
            <div className="mountNode" id="mkTableNode" ref={ref => this.wrap = ref}></div>
          </div>
          <div className="footer">
            <Button key="cancel" onClick={() => { this.setState({ visible: false })}}>关闭</Button>

 src/menu/tablenodes/index.scss

@@ -44,4 +44,11 @@
  .footer {
    text-align: center;
  }
  .tb-search {
    position: absolute;
    width: 200px;
    z-index: 1;
    right: 40px;
    top: 16px;
  }
}

 src/templates/zshare/editTable/index.jsx

@@ -364,7 +364,47 @@
    let data = fromJS(this.state.data).toJS()

    this.pasteFormRef.handleConfirm().then(res => {
      if (res.key !== type) {
      if (res.copyType === 'columns' && type === 'datasourcefield') {
        res.type = 'array'
        res.data = []
        res.columns.forEach(col => {
          if (!col.field) return
          if (col.type === 'number') {
            let datatype = 'Int'
            if (col.decimal) {
              datatype = `Decimal(18,${col.decimal})`
            }

            res.data.push({
              $index: res.data.length + 1,
              datatype: datatype,
              field: col.field,
              decimal: col.decimal,
              label: col.label,
              type: 'number',
              uuid: Utils.getuuid()
            })
          } else {
            let datatype = 'Nvarchar(50)'
            let fieldlength = 50
            if (col.fieldlength && [10, 20, 50, 100, 256, 512, 1024, 2048].includes(col.fieldlength)) {
              fieldlength = col.fieldlength
              datatype = `Nvarchar(${fieldlength})`
            }

            res.data.push({
              $index: res.data.length + 1,
              datatype: datatype,
              field: col.field,
              fieldlength: fieldlength,
              label: col.label,
              type: 'text',
              uuid: Utils.getuuid()
            })
          }

        })
      } else if (res.key !== type) {
        message.warning('配置信息格式错误！')
        return
      }

 src/views/menudesign/index.jsx

@@ -623,15 +623,23 @@
      let tbs = []
      let delButtons = fromJS(this.state.delButtons).toJS()
      let btns = this.getMenuMessage(delButtons, tbs)
      tbs = Array.from(new Set(tbs))
      let arr = []
      tbs = tbs.filter(tb => {
        let _tb = tb.toLowerCase()

        if (arr.includes(_tb)) return false
        arr.push(_tb)

        return true
      })
      tbs.sort()
      if (tbs.length && sessionStorage.getItem('mk_tb_names')) {
        let names = sessionStorage.getItem('mk_tb_names')
        tbs = tbs.filter(tb => names.indexOf(',' + tb.toLowerCase() + ',') > -1)
      }
      tbs = tbs.join(';')
      tbs = tbs.map(tb => `'${tb}'`).join(';')

      let key = md5(config.uuid + window.GLOB.appkey + tbs)
      let key = md5(config.uuid + window.GLOB.appkey + tbs.toLowerCase())
      let url = ''

      if (config.tbkey === key) {
@@ -659,7 +667,7 @@
        LTexttb: '',
        debug_md5: key,
        debug_url: url,
        debug_list: window.btoa(window.encodeURIComponent(tbs)),
        debug_list: window.btoa(tbs),
        LongParam: window.btoa(window.encodeURIComponent(JSON.stringify(config)))
      }