2022-01-20

king

2022-01-20 a9a5211f48607fa7ac5bae91233f3a5e6df43587

 src/views/appmanage/submutilform/index.jsx

@@ -1,6 +1,6 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { Form, Row, Col, Select, Radio, Input, Tooltip, notification, InputNumber, Checkbox } from 'antd'
import { Form, Row, Col, Select, Radio, Input, Tooltip, InputNumber, Checkbox } from 'antd'
import { QuestionCircleOutlined } from '@ant-design/icons'

import asyncComponent from '@/utils/asyncComponent'
@@ -16,26 +16,19 @@
    inputSubmit: PropTypes.func  // input回车提交
  }

  state = {msgs: [], typename: 'mob', user_binding: [], adapters: []}
  state = {typename: 'mob', 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, adapters})
    this.setState({typename, adapters})
  }

  /**
@@ -45,31 +38,31 @@
    return new Promise(resolve => {
      this.props.form.validateFieldsAndScroll((err, values) => {
        if (!err) {
          values.user_binding = values.user_binding ? values.user_binding.join(',') : ''
          // 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,
              message: '手机号绑定时，需要短信模板！',
              duration: 5
            })
            return
          }
          // if (values.user_binding.indexOf('sms_vcode') > -1 && !values.sms_id) {
          //   notification.warning({
          //     top: 92,
          //     message: '手机号绑定时，需要短信模板！',
          //     duration: 5
          //   })
          //   return
          // }
          resolve(values)
        }
      })
    })
  }

  onChange = (vals) => {
    this.setState({user_binding: vals})
  }
  // onChange = (vals) => {
  //   this.setState({user_binding: vals})
  // }

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

  /**
@@ -83,7 +76,7 @@
  render() {
    const { card, type } = this.props
    const { getFieldDecorator } = this.props.form
    const { msgs, typename, user_binding, adapters } = this.state
    const { typename, adapters } = this.state
    const formItemLayout = {
      labelCol: {
        xs: { span: 24 },
@@ -175,16 +168,20 @@
          {typename !== 'pc' && (adapters.includes('weixin') || adapters.includes('wxmini')) ? <Col span={12}>
            <Form.Item label="用户绑定">
              {getFieldDecorator('user_binding', {
                initialValue: user_binding
                initialValue: card ? card.user_binding : 'false'
              })(
                <Checkbox.Group onChange={this.onChange}>
                  <Checkbox value="uname_pwd">账号</Checkbox>
                  <Checkbox value="sms_vcode">手机短信</Checkbox>
                </Checkbox.Group>
                <Radio.Group>
                  <Radio value="true">需要</Radio>
                  <Radio value="false">不需要</Radio>
                </Radio.Group>
                // <Checkbox.Group onChange={this.onChange}>
                //   <Checkbox value="uname_pwd">账号</Checkbox>
                //   <Checkbox value="sms_vcode">手机短信</Checkbox>
                // </Checkbox.Group>
              )}
            </Form.Item>
          </Col> : null}
          {typename !== 'pc' && user_binding.includes('sms_vcode') ? <Col span={12}>
          {/* {typename !== 'pc' && user_binding.includes('sms_vcode') ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="短信模板可在 云系统->应用服务->开发者中心->短信模板 处添加。">
                <QuestionCircleOutlined className="mk-form-tip" />
@@ -205,7 +202,7 @@
                </Select>
              )}
            </Form.Item>
          </Col> : null}
          </Col> : null} */}
          <Col span={12}>
            <Form.Item label="标题">
              {getFieldDecorator('title', {
@@ -222,7 +219,7 @@
              )}
            </Form.Item>
          </Col>
          {typename !== 'pc' && user_binding.length > 0 ? <Col span={12}>
          {/* {typename !== 'pc' && user_binding.length > 0 ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="使用微信授权登录时，绑定用户页面的版权声明，注：可添加html标签。">
                <QuestionCircleOutlined className="mk-form-tip" />
@@ -247,7 +244,7 @@
                <SourceComponent type="picture" placement="right"/>
              )}
            </Form.Item>
          </Col> : null}
          </Col> : null} */}
          {typename !== 'pc' && adapters.includes('app') ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="在使用明科云APP时，页面的切换模式">