提交

src/pages/UserManage/Editor/Miniapp.jsx

@@ -14,10 +14,19 @@ const TplItem = React.forwardRef((props, ref) => {
     setVal(props.value)
   }, [props.value])
 
+  console.log('props.value:', props)
+
   const handleChange = field => e => {
-    const newVal = { ...val, [`${field}`]: (e.target ? e.target.value : e) }
+    // console.log(field, e)
+    let inputVal = null
+    if (field === 'tplId') {
+      inputVal = (e.target ? e.target.value : e)
+    }
+    if (field === 'fieldNum') {
+      inputVal = e
+    }
+    const newVal = { ...val, [`${field}`]: inputVal }
     setVal(newVal)
-
     if (typeof props.onChange === 'function') {
       console.log('--change--->', newVal)
       props.onChange(newVal)
@@ -26,8 +35,8 @@ const TplItem = React.forwardRef((props, ref) => {
 
   return (
     <Input.Group compact ref={ref}>
-      <Input style={{ width: '70%' }} value={val.tplId} placeholder="消息模板ID" onChange={handleChange('tplId')}></Input>
-      <InputNumber style={{ width: '30%' }} value={val.fieldNum} placeholder="字段数" onChange={handleChange('fieldNum')}></InputNumber>
+      <Input style={{ width: '70%' }} value={val.tplId} placeholder="消息模板ID" onChange={e => handleChange('tplId')(e)}></Input>
+      <InputNumber style={{ width: '30%' }} value={val.fieldNum} placeholder="字段数" onChange={e => handleChange('fieldNum')(e)}></InputNumber>
     </Input.Group>
   );
 })
@@ -162,15 +171,18 @@ const Miniapp = (props) => {
   ]
 
   const checkTPLData = (submitData) => {
-    let tplData = [...tpls]
+    // let tplData = [...tpls]
+    let tplData = []
     let errors = []
 
     Object.keys(submitData).forEach((key) => {
       if (key.indexOf('tpl-') === 0) {
-        const [, code] = key.split('-')
+        // const [, code] = key.split('-')
+        const code = key.substring(key.indexOf('-') + 1, key.length)
+        console.log('code:', code)
         const { tplId, fieldNum } = submitData[key].result || submitData[key]
         const tplType = (props.tplTyps || []).filter(x => x.code === code)[0] || {}
-
+    
         if (tplId && !fieldNum) {
           errors.push(`请填写${tplType.name}模板字段数`)
           return
@@ -201,6 +213,7 @@ const Miniapp = (props) => {
     console.log('-----val--->', val)
 
     const [tplData, errors] = checkTPLData(otherData)
+    console.log('-----tplData--->', tplData)
 
     if (errors.length > 0) {
       notification.error({ message: errors[0] })