报名时可选择加入的分会

lyzflash

2025-11-17 91a56a9b83ec23a1580aa586a24b34aba6990ffa

 mobile/pages/branch/activity/detail/popup/reg.vue

@@ -14,18 +14,27 @@
                  <view class="tips f28 p20 radius12 friend" v-if="is_friend"><text class="iconfont icon-gantanhao mr10"></text>您正在帮朋友报名，以下信息请填写您朋友的信息</view>
                  <view class="item d-s-c">
                     <view class="item-name">真实姓名</view>
                     <input type="text" maxlength="30" class="flex-1" placeholder="请输入真实姓名" v-model="formData.real_name" placeholder-class=
                     <input type="text" maxlength="30" class="flex-1 f28" placeholder="请输入真实姓名" v-model="formData.real_name" placeholder-class=
                     "placeholder" />
                  </view>
                  <view class="item d-s-c">
                     <view class="item-name">手机号码</view>
                     <input type="text" maxlength="30" class="flex-1" placeholder="请输入常用的手机号码" v-model="formData.mobile" placeholder-class=
                     <input type="text" maxlength="30" class="flex-1 f28" placeholder="请输入常用的手机号码" v-model="formData.mobile" placeholder-class=
                     "placeholder" />
                  </view>
                  <view class="item d-s-c">
                     <view class="item-name">单位/公司名称</view>
                     <input type="text" maxlength="30" class="flex-1" placeholder="请输入单位/公司名称" v-model="formData.company" placeholder-class=
                     <input type="text" maxlength="30" class="flex-1 f28" placeholder="请输入单位/公司名称" v-model="formData.company" placeholder-class=
                     "placeholder" />
                  </view>
                  <!-- 加入哪个分会 -->
                  <view class="item d-s-c">
                     <view class="item-name">所在分会</view>
                     <view class="flex-1 d-s-c f28" @click="openBranch">
                        <text class="flex-1" v-if="formData.branch_id">{{branch_name}}</text>
                        <text class="gray6 flex-1" v-else>去选择</text>
                        <text class='iconfont icon-jiantou'></text>
                     </view>
                  </view>
               </view>
               <view class="reg-section pay-box p30 radius24 bg-white" v-if="activityData.fee > 0">
@@ -103,15 +112,19 @@
      </view>
      <!-- 积分弹窗 -->
      <PointsForm :isOpenPoints="isOpenPoints" :activityData="activityData" :max_price="onlinePrice+formData.points_money" @close="closePointsFunc"></PointsForm>
      <!-- 分会弹窗 -->
      <Branch :isOpenBranch="isOpenBranch" @close="closeBranchFunc"></Branch>
   </view>
</template>

<script>
   import { pay } from '@/common/pay.js';
   import PointsForm from './points'; // 积分选择弹窗
   import Branch from './branch'; // 分会选择弹窗
   export default {
      components: {
         PointsForm
         PointsForm,
         Branch
      },
      data() {
         return {
@@ -134,6 +147,7 @@
               is_use_balance: 0, // 是否使用余额支付
               is_combined_pay: 0, // 是否需要组合支付
               pay_type: 20, // 支付方式，默认微信支付
               branch_id: '', // 所在分会
            },
            /*尺寸比例*/
            ratio: 1,
@@ -145,6 +159,8 @@
            validate: false,
            payData: [], // 半屏小程序相关
            isFirst: false,
            branch_name: '',
            isOpenBranch: false,
         };
      },
      props: ['isOpenReg', 'in_radius', 'is_friend'],
@@ -363,6 +379,19 @@
            }
            this.isOpenPoints = false;
         },
			
         openBranch() {
            this.isOpenBranch = true;
         },
			
         /*关闭分会弹窗*/
         closeBranchFunc(e) {
            if (e !== null) {
               this.formData.branch_id = e.branch_id;
               this.branch_name = e.name;
            }
            this.isOpenBranch = false;
         },
      }
   };
</script>