From 46f79b491173d284a4900d19e7aecf7509481438 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 21 一月 2022 17:21:25 +0800 Subject: [PATCH] 2022-01-21 --- src/views/appmanage/submutilform/index.jsx | 127 ++++++++++++++++++++++-------------------- 1 files changed, 66 insertions(+), 61 deletions(-) diff --git a/src/views/appmanage/submutilform/index.jsx b/src/views/appmanage/submutilform/index.jsx index 96b98d8..bc52f1f 100644 --- a/src/views/appmanage/submutilform/index.jsx +++ b/src/views/appmanage/submutilform/index.jsx @@ -1,11 +1,12 @@ 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' import './index.scss' +const ColorSketch = asyncComponent(() => import('@/mob/colorsketch')) const SourceComponent = asyncComponent(() => import('@/menu/components/share/sourcecomponent')) class MainSearch extends Component { @@ -15,20 +16,19 @@ inputSubmit: PropTypes.func // input鍥炶溅鎻愪氦 } - state = {msgs: [], typename: 'mob', user_binding: []} + 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(',') : [] } - this.setState({msgs: JSON.parse(msgs), typename, user_binding}) + this.setState({typename, adapters}) } /** @@ -38,23 +38,31 @@ return new Promise(resolve => { this.props.form.validateFieldsAndScroll((err, values) => { if (!err) { - values.user_binding = values.user_binding ? values.user_binding.join(',') : '' - if (values.user_binding.indexOf('sms_vcode') > -1 && !values.sms_id) { - notification.warning({ - top: 92, - message: '鎵嬫満鍙风粦瀹氭椂锛岄渶瑕佺煭淇℃ā鏉匡紒', - duration: 5 - }) - return - } + // 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 + // } 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: []}) + // } } /** @@ -68,7 +76,7 @@ render() { const { card, type } = this.props const { getFieldDecorator } = this.props.form - const { msgs, typename, user_binding } = this.state + const { typename, adapters } = this.state const formItemLayout = { labelCol: { xs: { span: 24 }, @@ -89,7 +97,7 @@ initialValue: typename })( <Select disabled={type === 'edit'} onChange={(val) => this.setState({typename: val})}> - <Select.Option value="mob">绉诲姩绔�(鍖呮嫭android銆乮os)</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 +116,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,25 +153,37 @@ </Form.Item> </Col> {typename !== 'pc' ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="浣跨敤鍏紬鍙锋巿鏉冪櫥褰曟垨浣跨敤灏忕▼搴忔椂锛屾槸鍚﹂渶瑕佺粦瀹氱敤鎴枫��"> - <QuestionCircleOutlined className="mk-form-tip" /> - 鐢ㄦ埛缁戝畾 - </Tooltip> - }> - {getFieldDecorator('user_binding', { - initialValue: user_binding + <Form.Item label="閫傞厤"> + {getFieldDecorator('adapter', { + initialValue: adapters })( - <Checkbox.Group onChange={this.onChange}> - <Checkbox value="uname_pwd">璐﹀彿</Checkbox> - <Checkbox value="sms_vcode">鎵嬫満鐭俊</Checkbox> + <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' && user_binding.includes('sms_vcode') ? <Col span={12}> + {typename !== 'pc' && (adapters.includes('weixin') || adapters.includes('wxmini')) ? <Col span={12}> + <Form.Item label="鐢ㄦ埛缁戝畾"> + {getFieldDecorator('user_binding', { + initialValue: card ? card.user_binding : 'false' + })( + <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}> <Form.Item label={ - <Tooltip placement="topLeft" title="鐭俊妯℃澘鍙湪绠$悊绯荤粺 HS-濂囦簯鐭俊妯℃澘 澶勬坊鍔犮��"> + <Tooltip placement="topLeft" title="鐭俊妯℃澘鍙湪 浜戠郴缁�->搴旂敤鏈嶅姟->寮�鍙戣�呬腑蹇�->鐭俊妯℃澘 澶勬坊鍔犮��"> <QuestionCircleOutlined className="mk-form-tip" /> 鐭俊妯℃澘 </Tooltip> @@ -194,7 +202,7 @@ </Select> )} </Form.Item> - </Col> : null} + </Col> : null} */} <Col span={12}> <Form.Item label="鏍囬"> {getFieldDecorator('title', { @@ -211,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="浣跨敤寰俊鎺堟潈鐧诲綍鏃讹紝缁戝畾鐢ㄦ埛椤甸潰鐨勭増鏉冨0鏄庯紝娉細鍙坊鍔爃tml鏍囩銆�"> <QuestionCircleOutlined className="mk-form-tip" /> @@ -236,8 +244,8 @@ <SourceComponent type="picture" placement="right"/> )} </Form.Item> - </Col> : null} - {typename !== 'pc' ? <Col span={12}> + </Col> : null} */} + {typename !== 'pc' && adapters.includes('app') ? <Col span={12}> <Form.Item label={ <Tooltip placement="topLeft" title="鍦ㄤ娇鐢ㄦ槑绉戜簯APP鏃讹紝椤甸潰鐨勫垏鎹㈡ā寮�"> <QuestionCircleOutlined className="mk-form-tip" /> @@ -256,7 +264,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 +274,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" /> @@ -283,23 +291,20 @@ )} </Form.Item> </Col> : null} - {typename !== 'pc' ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="璇风‘璁ゅ綋鍓嶅簲鐢ㄦ槸鍚﹀湪灏忕▼搴忎腑浣跨敤銆�"> + <Col span={12}> + <Form.Item className="sys-bgcolor" label={ + <Tooltip placement="topLeft" title="瀛愬簲鐢ㄩ�氱敤鐨勮儗鏅壊锛屽瓙搴旂敤椤甸潰鍒涘缓鏃朵細榛樿娣诲姞姝よ儗鏅壊銆�"> <QuestionCircleOutlined className="mk-form-tip" /> - 灏忕▼搴� + 鑳屾櫙鑹� </Tooltip> }> - {getFieldDecorator('adapter', { - initialValue: card ? card.adapter || 'false' : 'false' + {getFieldDecorator('sysBgColor', { + initialValue: card ? card.sysBgColor || '#ffffff' : '#ffffff' })( - <Radio.Group> - <Radio value="false">涓嶉�傞厤</Radio> - <Radio value="true">閫傞厤</Radio> - </Radio.Group> + <ColorSketch/> )} </Form.Item> - </Col> : null} + </Col> </Row> </Form> ) -- Gitblit v1.8.0