demo页面修改

baseComponents/FormArray/index.js

 import React, { Fragment, Component } from 'react';
-import { DatePicker, Picker, TextareaItem, InputItem, List } from 'antd-mobile';
+import { DatePicker, Picker, TextareaItem, InputItem, List, Switch } from 'antd-mobile';
 import moment from 'moment';
 import PropTypes from 'prop-types';
 import FieldList from '@/H5Public/baseComponents/FieldList';
@@ -81,16 +81,41 @@ const DiyPicker = (props) => {
       }}
       {...config.otherProps}
     >
-      <List.Item arrow={config.readOnly ? '' : 'horizontal' }>
+      <List.Item arrow={config.readOnly ? '' : 'horizontal'}>
         {giveRequiredName(config)}
       </List.Item>
     </Picker>
   );
+};
 
+const DiySwitch = (props) => {
+  let { config, formValue, changeValue } = props;
+  if (config.readOnly) {
+    config.placeholder = ' ';
+  } else {
+    config.placeholder = config.placeholder || '点击输入';
+  }
+  return (
+    <List.Item
+      key={config.key}
+      extra={
+        <Switch
+          checked={formValue[config.key]}
+          disabled={config.readOnly}
+          onChange={(val) => {
+            changeValue(val, config.key);
+          }}
+          {...config.otherProps}
+        />
+      }
+    >
+      {giveRequiredName(config)}
+    </List.Item>
+  );
 };
 
 const DiyDatePicker = (props) => {
-  let { config, formValue, changeValue, } = props;
+  let { config, formValue, changeValue } = props;
   let value = formValue[config.key] ? new Date(formValue[config.key].replace(/-/g, '/')) : null;
   const change = (date) => {
     let v = moment(date.valueOf()).format('YYYY-MM-DD');
@@ -189,6 +214,15 @@ class FormArray extends Component {
               changeValue={this.changeValue}
             />
           );
+        case 'Switch':
+          return (
+            <DiySwitch
+              key={x.key}
+              config={x}
+              formValue={formValues}
+              changeValue={this.changeValue}
+            />
+          );
         default:
           return null;