| | |
| | | import asyncComponent from '@/utils/asyncComponent' |
| | | import './index.scss' |
| | | |
| | | const { TextArea } = Input |
| | | const ColorSketch = asyncComponent(() => import('@/mob/colorsketch')) |
| | | const SourceComponent = asyncComponent(() => import('@/menu/components/share/sourcecomponent')) |
| | | |
| | |
| | | } |
| | | |
| | | render() { |
| | | const { card, type } = this.props |
| | | const { card, type, selectApp } = this.props |
| | | const { getFieldDecorator } = this.props.form |
| | | const { typename, adapters, exts, langs, WXApps, WXMerchs } = this.state |
| | | const formItemLayout = { |
| | |
| | | <Select.Option value="bg_black_style_yellow_green"><span className="color-block" style={{background: '#a0d911'}}></span>黄绿色(#a0d911)</Select.Option> |
| | | <Select.Option value="bg_black_style_green"><span className="color-block" style={{background: '#52c41a'}}></span>绿色(#52c41a)</Select.Option> |
| | | <Select.Option value="bg_black_style_cyan"><span className="color-block" style={{background: '#13c2c2'}}></span>青色(#13c2c2)</Select.Option> |
| | | <Select.Option value="bg_black_style_blue_purple"><span className="color-block" style={{background: '#2f54eb'}}></span>蓝紫色(#2f54eb)</Select.Option> |
| | | <Select.Option value="bg_black_style_blue_purple"><span className="color-block" style={{background: '#3860f4'}}></span>蓝紫色(#3860f4)</Select.Option> |
| | | <Select.Option value="bg_black_style_purple"><span className="color-block" style={{background: '#722ed1'}}></span>紫色(#722ed1)</Select.Option> |
| | | <Select.Option value="bg_black_style_magenta"><span className="color-block" style={{background: '#eb2f96'}}></span>洋红色(#eb2f96)</Select.Option> |
| | | <Select.Option value="bg_black_style_grass_green"><span className="color-block" style={{background: '#aeb303'}}></span>草绿色(#aeb303)</Select.Option> |
| | | <Select.Option value="bg_black_style_deep_red"><span className="color-block" style={{background: '#c32539'}}></span>深红色(#c32539)</Select.Option> |
| | | <Select.Option value="bg_black_style_deep_blue"><span className="color-block" style={{background: '#1d3661'}}></span>深蓝色(#1d3661)</Select.Option> |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={12}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="当前子应用的名称。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 应用名称 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('app_name', { |
| | | initialValue: card ? card.app_name || selectApp.remark || '' : selectApp.remark || '', |
| | | rules: [ |
| | | { |
| | | pattern: /^[^']+$/, |
| | | message: '不可使用英文单引号' |
| | | } |
| | | ] |
| | | })(<Input placeholder="" autoComplete="off" onPressEnter={this.handleSubmit} />)} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={12}> |
| | | <Form.Item label="LOGO"> |
| | | {getFieldDecorator('app_icon', { |
| | | initialValue: card ? card.app_icon : '' |
| | | })( |
| | | <SourceComponent type="picture" placement="right"/> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | |
| | | </Col> : null} */} |
| | | <Col span={12}> |
| | | <Form.Item label={ |
| | | exts.includes('share') ? |
| | | <Tooltip placement="topLeft" title="子应用及分享时的标题。"> |
| | | <Tooltip placement="topLeft" title={`子应用${exts.includes('share') ? '及分享时' : ''}的标题。`}> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 标题 |
| | | </Tooltip> : '标题' |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('title', { |
| | | initialValue: card ? card.title || '' : '', |
| | | rules: exts.includes('share') ? [{ |
| | | required: true, |
| | | message: '请填写标题!' |
| | | }] : [] |
| | | }, { |
| | | pattern: /^[^']+$/, |
| | | message: '不可使用英文单引号' |
| | | }] : [{ |
| | | pattern: /^[^']+$/, |
| | | message: '不可使用英文单引号' |
| | | }] |
| | | })(<Input placeholder="" autoComplete="off" onPressEnter={this.handleSubmit} />)} |
| | | </Form.Item> |
| | | </Col> |
| | |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | <Col span={12}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="是否允许在其他应用中打开。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 订阅 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('allow_subscribe', { |
| | | initialValue: card ? card.allow_subscribe || '' : '' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="">关闭</Radio> |
| | | <Radio value="Y">开启</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | {typename !== 'pc' ? <Col span={12}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="在使用小程序或明科云APP时(app模式中)无效"> |
| | |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | <Col span={24}> |
| | | <Form.Item label="备注"> |
| | | {getFieldDecorator('link_remark', { |
| | | initialValue: card ? card.link_remark || '' : '', |
| | | rules: [ |
| | | { |
| | | pattern: /^[^']+$/, |
| | | message: '不可使用英文单引号' |
| | | } |
| | | ] |
| | | })( |
| | | <TextArea placeholder="" rows={2}/> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | </Row> |
| | | </Form> |
| | | ) |