2021-12-09

king

2021-12-09 b21542ffa283ca3fff2d1d7bdd431eb7722fa5f8

 src/views/appmanage/submutilform/index.jsx

@@ -15,20 +15,26 @@
    inputSubmit: PropTypes.func  // input回车提交
  }

  state = {msgs: [], typename: 'mob', user_binding: []}
  state = {msgs: [], typename: 'mob', user_binding: [], adapters: []}

  UNSAFE_componentWillMount() {
    const { card } = this.props
    let msgs = sessionStorage.getItem('msgTemplate')
    let user_binding = []
    let adapters = []
    let typename = 'mob'

    if (card) {
      typename = card.typename || 'mob'
      user_binding = card.user_binding ? card.user_binding.split(',') : []
      adapters = card.adapter ? card.adapter.split(',') : []

      if (!adapters.includes('weixin') && !adapters.includes('wxmini')) {
        user_binding = []
      }
    }

    this.setState({msgs: JSON.parse(msgs), typename, user_binding})
    this.setState({msgs: JSON.parse(msgs), typename, user_binding, adapters})
  }

  /**
@@ -39,6 +45,7 @@
      this.props.form.validateFieldsAndScroll((err, values) => {
        if (!err) {
          values.user_binding = values.user_binding ? values.user_binding.join(',') : ''
          values.adapter = values.adapter ? values.adapter.join(',') : ''
          if (values.user_binding.indexOf('sms_vcode') > -1 && !values.sms_id) {
            notification.warning({
              top: 92,
@@ -57,6 +64,13 @@
    this.setState({user_binding: vals})
  }

  onAdapterChange = (vals) => {
    this.setState({adapters: vals})
    if (!vals.includes('weixin') && !vals.includes('wxmini')) {
      this.setState({user_binding: []})
    }
  }

  /**
   * @description 回车提交
   */
@@ -68,7 +82,7 @@
  render() {
    const { card, type } = this.props
    const { getFieldDecorator } = this.props.form
    const { msgs, typename, user_binding } = this.state
    const { msgs, typename, user_binding, adapters } = this.state
    const formItemLayout = {
      labelCol: {
        xs: { span: 24 },
@@ -89,7 +103,7 @@
                initialValue: typename
              })(
                <Select disabled={type === 'edit'} onChange={(val) => this.setState({typename: val})}>
                  <Select.Option value="mob">移动端(包括android、ios)</Select.Option>
                  <Select.Option value="mob">移动端</Select.Option>
                  <Select.Option value="pad">Pad端</Select.Option>
                  <Select.Option value="pc">PC端</Select.Option>
                </Select>
@@ -108,18 +122,6 @@
              )}
            </Form.Item>
          </Col>
          {/* <Col span={12}>
            <Form.Item label="登录">
              {getFieldDecorator('login_types', {
                initialValue: card ? card.login_types || 'true' : 'true'
              })(
                <Radio.Group>
                  <Radio value="true">需要</Radio>
                  <Radio value="false">不需要</Radio>
                </Radio.Group>
              )}
            </Form.Item>
          </Col> */}
          <Col span={12}>
            <Form.Item label="权限管理">
              {getFieldDecorator('role_type', {
@@ -157,12 +159,20 @@
            </Form.Item>
          </Col>
          {typename !== 'pc' ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="使用公众号授权登录或使用小程序时，是否需要绑定用户。">
                <QuestionCircleOutlined className="mk-form-tip" />
                用户绑定
              </Tooltip>
            }>
            <Form.Item label="适配">
              {getFieldDecorator('adapter', {
                initialValue: adapters
              })(
                <Checkbox.Group onChange={this.onAdapterChange}>
                  <Checkbox value="app">app</Checkbox>
                  <Checkbox value="weixin">公众号</Checkbox>
                  <Checkbox value="wxmini">小程序</Checkbox>
                </Checkbox.Group>
              )}
            </Form.Item>
          </Col> : null}
          {typename !== 'pc' && (adapters.includes('weixin') || adapters.includes('wxmini')) ? <Col span={12}>
            <Form.Item label="用户绑定">
              {getFieldDecorator('user_binding', {
                initialValue: user_binding
              })(
@@ -237,7 +247,7 @@
              )}
            </Form.Item>
          </Col> : null}
          {typename !== 'pc' ? <Col span={12}>
          {typename !== 'pc' && adapters.includes('app') ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="在使用明科云APP时，页面的切换模式">
                <QuestionCircleOutlined className="mk-form-tip" />
@@ -256,7 +266,7 @@
          </Col> : null}
          {typename !== 'pc' ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="在使用明科云APP时，且在app模式中无效">
              <Tooltip placement="topLeft" title="在使用小程序或明科云APP时（app模式中）无效">
                <QuestionCircleOutlined className="mk-form-tip" />
                延迟加载(ms)
              </Tooltip>
@@ -266,7 +276,7 @@
              })(<InputNumber min={0} max={5000} precision={0} onPressEnter={this.handleSubmit}/>)}
            </Form.Item>
          </Col> : null}
          {typename !== 'pc' ? <Col span={12}>
          {typename !== 'pc' && adapters.includes('app') ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="在使用明科云APP时，状态栏的字体颜色。">
                <QuestionCircleOutlined className="mk-form-tip" />
@@ -279,23 +289,6 @@
                <Radio.Group>
                  <Radio value="black">黑色</Radio>
                  <Radio value="white">白色</Radio>
                </Radio.Group>
              )}
            </Form.Item>
          </Col> : null}
          {typename !== 'pc' ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="请确认当前应用是否在小程序中使用。">
                <QuestionCircleOutlined className="mk-form-tip" />
                小程序
              </Tooltip>
            }>
              {getFieldDecorator('adapter', {
                initialValue: card ? card.adapter || 'false' : 'false'
              })(
                <Radio.Group>
                  <Radio value="false">不适配</Radio>
                  <Radio value="true">适配</Radio>
                </Radio.Group>
              )}
            </Form.Item>