2024-05-07

king

2024-05-07 2aa5ab63b4bbce5c36dbb3511b205b3b5f6af9bd

 src/tabviews/custom/components/chart/antv-X6/nodeupdate/index.jsx

@@ -4,8 +4,9 @@
import { Form, Row, Col, Input, Select, Radio, InputNumber, Modal } from 'antd'
import { FormOutlined } from '@ant-design/icons'

import ColorSketch from '@/mob/colorsketch'
import ColorSketch from '@/tabviews/zshare/mutilform/mkColor'
import NodeForm from './nodeform'
import MKEmitter from '@/utils/events.js'
import './index.scss'

const { TextArea } = Input
@@ -30,6 +31,10 @@
    })
  }

  componentDidMount () {
    MKEmitter.addListener('mk-x6-dbclick', this.trigger)
  }

  UNSAFE_componentWillReceiveProps(nextProps) {
    if (!is(fromJS(this.props.node), fromJS(nextProps.node))) {
      this.setState({
@@ -42,6 +47,25 @@
        })
      })
    }
  }

  /**
   * @description 组件销毁，清除state更新，清除快捷键设置
   */
  componentWillUnmount () {
    this.setState = () => {
      return
    }

    MKEmitter.removeListener('mk-x6-dbclick', this.trigger)
  }

  trigger = () => {
    const { formlist } = this.state

    if (!formlist || formlist.findIndex(item => item.type === 'other') === -1) return

    this.setState({visible: true})
  }

  getFormList = (node) => {
@@ -463,7 +487,7 @@
        fields.push(
          <Col span={24} key={index}>
            <Form.Item label={item.label}>
              <ColorSketch defaultValue={item.initval} onChange={(value) => this.change(value, item.field)}/>
              <ColorSketch config={{initval: item.initval}} onChange={(value) => this.change(value, item.field)}/>
            </Form.Item>
          </Col>
        )
@@ -474,8 +498,9 @@
            {mkdata ? <div className="mk-data">
              <div>状态：{mkdata.status}<span style={{float: 'right'}}>{mkdata.statusName}</span></div>
              {mknode.shape !== 'edge' && !mknode.mknode ? <div>标记：{mkdata.sign || ''}</div> : null}
              {mkdata.roleId ? <div>角色：{mkdata.roleName || ''}</div> : null}
              {mkdata.depId ? <div>部门：{mkdata.depName || ''}</div> : null}
              {mknode.shape === 'edge' && mkdata.flowType ? <div>操作：{mkdata.flowType === 'reject' ? '驳回' : '审批'}</div> : null}
              {mkdata.members && mkdata.members.length ? <div>审批人：{mkdata.members.map(item => item.workername).join('、')}</div> : null}
              {mkdata.copys && mkdata.copys.length ? <div>抄送人：{mkdata.copys.map(item => item.workername).join('、')}</div> : null}
              <div>备注：{mkdata.remark || ''}</div>
            </div> : null}
          </Col>
@@ -494,11 +519,13 @@
          <Row>{this.getFields()}</Row>
        </Form>
        <Modal
          title="节点编辑"
          title={mknode && mknode.shape === 'edge' ? '连线编辑' : '节点编辑'}
          wrapClassName="mk-x6-modal"
          visible={visible}
          closable={false}
          maskClosable={false}
          width={1000}
          width={1070}
          centered={true}
          onOk={this.confirm}
          onCancel={() => this.setState({visible: false})}
          destroyOnClose