feats: add formid

src/components/formIdCollector/index.js

@@ -15,6 +15,10 @@ import { postFormId } from '@services/card'
  * ```
  */
 export default class Index extends Component {
+  static options = {
+    addGlobalClass: true,
+  };
+  
   static defaultProps = {
     count: 7,
     disabled: false,
@@ -26,55 +30,28 @@ export default class Index extends Component {
   }
 
   handleCollect = e => {
-    let { formIds } = this.state
-    const { onCollect, count } = this.props
-    formIds.push(e.detail.formId)
-    if (formIds.length === count) {
-      onCollect(formIds.slice())
-
-      // 发送到服务器
-      postFormId({ formids: formIds })
-      formIds = []
-    }
-    this.setState({
-      formIds
-    })
+    // 发送到服务器
+    postFormId({ formids: [e.detail.formId] })
   }
 
   render() {
-    const { count, disabled } = this.props
-    const finalCount = Math.min(count, 7)
+    const { disabled } = this.props
 
-    return (disabled || finalCount === 0) ? this.props.children : (
+    return disabled ? this.props.children : (
       <Block>
-        <Label for='button_6'>
-          <Label for='button_5'>
-            <Label for='button_4'>
-              <Label for='button_3'>
-                <Label for='button_2'>
-                  <Label for='button_1'>
-                    <Label for='button_0'>
-                      {this.props.children}
-                    </Label>
-                  </Label>
-                </Label>
-              </Label>
-            </Label>
-          </Label>
+        <Label for='button_0'>
+          {this.props.children}
         </Label>
-        {[1,2,3,4].map(i => (
-          <Form
-            key={i}
-            className='m-form-id-collector_form'
-            reportSubmit={true}
-            onSubmit={this.handleCollect}>
-            <Button
-              id={`button_${i}`}
-              formType='submit'
-            />
-          </Form>
-        ))}
+        <Form
+          className='m-form-id-collector_form'
+          reportSubmit={true}
+          onSubmit={this.handleCollect}>
+          <Button
+            id={`button_0`}
+            formType='submit'
+          />
+        </Form>
       </Block>
     )
   }
-}
+}

src/pages/activity/activity.js

@@ -1,5 +1,6 @@
 import Taro, { Component } from '@tarojs/taro';
 import Authorize from '@components/authorize'
+import FormIdCollector from '@components/formIdCollector'
 import './index.scss'
 import { AtTabs, AtTabsPane } from 'taro-ui'
 import "taro-ui/dist/style/components/tabs.scss"
@@ -61,9 +62,9 @@ export default class active extends Component {
       <View style="height:100vh">
         <AtTabs className="tab-box" scroll current={this.state.current} tabList={[{ title: '热门活动' }, { title: '最新资讯' }]} onClick={this.handleClick.bind(this)}>
           <AtTabsPane current={this.state.current} index={0} >
-            <View >
+            <FormIdCollector>
               <Activity ></Activity >
-            </View>
+            </FormIdCollector>
           </AtTabsPane>
           <AtTabsPane current={this.state.current} index={1}>
             <View >

src/pages/activity/detail/assemble.js

@@ -4,6 +4,7 @@ import Notice from '@components/Notice'
 import BackHomeBtn from '@components/BackHomeBtn'
 import AchievePhone from '@components/achievePhone'
 import Poster from '@components/Poster'
+import FormIdCollector from '@components/formIdCollector'
 import dayjs from 'dayjs'
 // import WxParse from '@components/wxParse/wxParse'
 // import getUserPhone from '@utils/getUserPhone'
@@ -617,16 +618,20 @@ export default class Detail extends Component {
                 <View className="btn-fixed">
                   {
                     actState === ActBeforeStart &&
-                    (<Button className="nostart-btn" style="margin: auto">未开始</Button>)
+                    (<View className="nostart-btn"><FormIdCollector><Button className="nostart-btn" style="margin: auto">未开始</Button></FormIdCollector></View>)
                   }
                   {
                     isStarter && actState === ActInProcess && groupState === GroupInProcess &&
-                    (<Button className="assistance-btn" style="margin: auto" onClick={this.groupBuyInvite}>邀请好友拼团</Button>)
+                    (<View className="assistance-btn"><FormIdCollector><Button className="assistance-btn" style="margin: auto" onClick={this.groupBuyInvite}>邀请好友拼团</Button></FormIdCollector></View>)
                   }
                   {
                     !isStarter && actState === ActInProcess && groupState != GroupInProcess &&
 
-                    <Button className={groupState === GroupInProcess ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的拼团</Button>
+                    <View className={groupState === GroupInProcess ? "set-btn" : "assistance-btn"}>
+                      <FormIdCollector>
+                        <Button className={groupState === GroupInProcess ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的拼团</Button>
+                      </FormIdCollector>
+                    </View>
                   }
                   {
                     !isStarter && actState === ActInProcess && groupState === GroupInProcess &&
@@ -634,9 +639,13 @@ export default class Detail extends Component {
                     <View className="btn-box" style="margin: auto; padding: 0;">
                       {
                         (groupState === GroupInProcess && !isJoin) &&
-                        (<Button className="assistance-btn" onClick={this.joinGroup}>立即参团</Button>)
+                        (<View className="assistance-btn"><FormIdCollector><Button className="assistance-btn" onClick={this.joinGroup}>立即参团</Button></FormIdCollector></View>)
                       }                      
-                      <Button className={groupState === GroupInProcess && !isJoin ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的拼团</Button>
+                      <View className={groupState === GroupInProcess && !isJoin ? "set-btn" : "assistance-btn"}>
+                        <FormIdCollector>
+                          <Button className={groupState === GroupInProcess && !isJoin ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的拼团</Button>
+                        </FormIdCollector>
+                      </View>
                     </View>
 
                   }

src/pages/activity/detail/assistance.js

@@ -4,6 +4,7 @@ import Notice from '@components/Notice'
 import BackHomeBtn from '@components/BackHomeBtn'
 import AchievePhone from '@components/achievePhone'
 import Poster from '@components/Poster'
+import FormIdCollector from '@components/formIdCollector'
 import dayjs from 'dayjs'
 // import WxParse from '@components/wxParse/wxParse'
 // import getUserPhone from '@utils/getUserPhone'
@@ -589,11 +590,11 @@ export default class Detail extends Component {
                 <View style="display:flex;justify-content: space-between;padding:0 15px">
                   {
                     actState === ActBeforeStart &&
-                    (<Button className="nostart-btn">未开始</Button>)
+                    (<View className="nostart-btn"><FormIdCollector><Button className="nostart-btn">未开始</Button></FormIdCollector></View>)
                   }
                   {
                     isStarter && actState === ActInProcess && helpState === HelpInProcess &&
-                    (<Button className="assistance-btn" onClick={this.askForHelp}>邀请好友助力</Button>)
+                    (<View className="assistance-btn"><FormIdCollector><Button className="assistance-btn" onClick={this.askForHelp}>邀请好友助力</Button></FormIdCollector></View>)
                   }
                   {
                     !isStarter && actState === ActInProcess &&
@@ -603,9 +604,13 @@ export default class Detail extends Component {
 
                         {
                           (helpState === HelpInProcess && !isJoin) &&
-                          (<Button className="assistance-btn" onClick={this.handleHelp}>立即助力好友</Button>)
+                          (<View className="assistance-btn"><FormIdCollector><Button className="assistance-btn" onClick={this.handleHelp}>立即助力好友</Button></FormIdCollector></View>)
                         }
-                        <Button className={(helpState === HelpInProcess && !isJoin) ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的助力</Button>
+                        <View className={(helpState === HelpInProcess && !isJoin) ? "set-btn" : "assistance-btn"}>
+                          <FormIdCollector>
+                            <Button className={(helpState === HelpInProcess && !isJoin) ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的助力</Button>
+                          </FormIdCollector>
+                        </View>
                       </View>
                     )
                   }