2024-06-28

king

2024-06-28 c8804ceb1fe2dea76f9949c5ea04423876ee2c81

 src/views/appmanage/submutilform/index.jsx

@@ -3,6 +3,7 @@
import { Form, Row, Col, Select, Radio, Input, Tooltip, InputNumber, Checkbox } from 'antd'
import { QuestionCircleOutlined } from '@ant-design/icons'

import { langs } from '@/store/options.js'
import asyncComponent from '@/utils/asyncComponent'
import './index.scss'

@@ -16,13 +17,22 @@
    inputSubmit: PropTypes.func  // input回车提交
  }

  state = {typename: 'mob', adapters: [], exts: []}
  state = {
    typename: 'mob',
    adapters: [],
    exts: [],
    WXApps: null
  }

  UNSAFE_componentWillMount() {
    const { card } = this.props
    let adapters = []
    let exts = []
    let typename = 'mob'
    let _langs = []
    Object.keys(langs).forEach(key => {
      _langs.push({value: key, label: langs[key]})
    })

    if (card) {
      typename = card.typename || 'mob'
@@ -38,7 +48,16 @@
      }
    }

    this.setState({typename, adapters, exts})
    let apps = null
    if (window.GLOB.WXApps) {
      apps = window.GLOB.WXApps.filter(app => app.appType === 'public')

      if (apps.length === 0) {
        apps = null
      }
    }

    this.setState({typename, adapters, exts, langs: _langs, WXApps: apps})
  }

  /**
@@ -54,6 +73,10 @@
            values.user_binding = values.exts.includes('user_binding') ? 'true' : 'false'
            values.share = values.exts.includes('share') ? 'true' : 'false'
            delete values.exts
          }
          if (values.wxAppId) {
            let app = window.GLOB.WXApps.filter(app => app.appType === 'public' && values.wxAppId === app.appId)[0]
            values.wxAppName = app ? app.appName : values.wxAppId
          }

          resolve(values)
@@ -80,7 +103,7 @@
  render() {
    const { card, type } = this.props
    const { getFieldDecorator } = this.props.form
    const { typename, adapters, exts } = this.state
    const { typename, adapters, exts, langs, WXApps } = this.state
    const formItemLayout = {
      labelCol: {
        xs: { span: 24 },
@@ -113,10 +136,9 @@
              {getFieldDecorator('lang', {
                initialValue: card ? card.lang || 'zh-CN' : 'zh-CN'
              })(
                <Radio.Group disabled={type === 'edit'}>
                  <Radio value="zh-CN">中文</Radio>
                  <Radio value="en-US">英文</Radio>
                </Radio.Group>
                <Select disabled={type === 'edit'}>
                  {langs.map(item => <Select.Option key={item.value} value={item.value}>{item.label}</Select.Option>)}
                </Select>
              )}
            </Form.Item>
          </Col>
@@ -170,6 +192,22 @@
              )}
            </Form.Item>
          </Col> : null}
          {WXApps ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="用户可通过此公众号进行支付及退款。">
                <QuestionCircleOutlined className="mk-form-tip" />
                关联公众号
              </Tooltip>
            }>
              {getFieldDecorator('wxAppId', {
                initialValue: card ? card.wxAppId : ''
              })(
                <Select allowClear>
                  {WXApps.map(item => <Select.Option key={item.appId} value={item.appId}>{item.appName}</Select.Option>)}
                </Select>
              )}
            </Form.Item>
          </Col> : null}
          {typename !== 'pc' && (adapters.includes('weixin') || adapters.includes('wxmini')) ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="在公众号或小程序中，可添加绑定系统用户、自定义分享等功能，自定义分享设置后，当前子应用将默认使用此分享链接。">