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