commit

src/main/resources/views/mobile/therapyRecuperation/lineInfo.html

@@ -132,7 +132,7 @@ layout("/mobile/platform.html"){
     }
 
     .van-cell {
-        padding: 8px 16px;
+        padding: 8px 5px;
     }
 
     .van-tabs__wrap {
@@ -227,6 +227,15 @@ layout("/mobile/platform.html"){
     .van-action-sheet {
         max-height: 90%;
     }
+    .van-cell--required::before {
+        left: -2px;
+    }
+    .van-radio__label {
+        margin-left: 0;
+    }
+    .van-radio--horizontal {
+        margin-right: 8px;
+    }
 
 </style>
 
@@ -251,22 +260,22 @@ layout("/mobile/platform.html"){
                     <div style="margin-top: 10px">
                         <div>
                             <div>
-                                <span class="line_label">最少成团人数：</span>
+                                <span>预计费用：</span>
+                                {{lineData.estimatedCost}}元
+                            </div>
+                            <div>
+                                <span class="line_label">最少成团：</span>
                                 <label v-if="lineData.minimumGroupSize">{{lineData.minimumGroupSize}}人</label>
                                 <label v-else>不限制</label>
                             </div>
-                            <!--<div>
-                                <span>当前报名：</span>
-                                {{lineData.signUpUserNum}}
-                            </div>-->
-                            <div v-if="configData.familyInfo == 2">
+                            <!--<div v-if="configData.familyInfo == 2">
                                 <span>当前报名：</span>
                                 {{lineData.signUpUserNum + lineData.signUpUserFamilyNum + '（家属' + lineData.signUpUserFamilyNum + '人）'}}
                             </div>
                             <div v-else>
                                 <span>当前报名：</span>
                                 {{lineData.signUpUserNum + lineData.familyNumber + '（家属' + lineData.familyNumber + '人）'}}
-                            </div>
+                            </div>-->
                         </div>
 
                         <div>
@@ -324,6 +333,11 @@ layout("/mobile/platform.html"){
     <!--报名弹出框-->
     <van-popup v-model:show="joinPopup" position="right" class="joinPopup">
         <van-nav-bar @click-left="joinPopup = false" fixed left-arrow placeholder title="疗休养报名"></van-nav-bar>
+        <van-notice-bar
+                v-if="Number(lineData.estimatedCost) > 3000"
+                left-icon="volume-o"
+                text="温馨提醒：您选择的线路预计费用超过3000元，需要选择超出费用类型"
+        ></van-notice-bar>
         <div class="join_content">
 
             <van-form @submit="joinSubmit">
@@ -337,12 +351,20 @@ layout("/mobile/platform.html"){
                     <div class="van-card-body">
                         <van-field label="姓名" readonly v-model="formData.userName"></van-field>
                         <van-field label="一卡通号" readonly v-model="formData.loginName"></van-field>
-                        <van-field label="身份证件" name="idCard" :rules="[{ required: true }]"
+                        <van-field required label="身份证件" name="idCard" :rules="[{ required: true }]"
                                    placeholder="请填写身份证号、护照、台胞证等" v-model="formData.idCard"></van-field>
-                        <van-field label="手机号" name="mobile" :rules="[{ required: true }]"
+                        <van-field required label="手机号" name="mobile" :rules="[{ required: true }]"
                                    placeholder="请填写手机号" v-model="formData.mobile"></van-field>
                         <van-field label="所属工会" readonly v-model="formData.unionName"></van-field>
                         <van-field label="报名线路" readonly v-model="formData.lineName"></van-field>
+                        <van-field v-if="Number(lineData.estimatedCost) > 3000" required name="moneyType" label="超出费用类型" :rules="[{ required: true, message: '请选择超出费用类型' }]">
+                            <template #input>
+                                <van-radio-group v-model="formData.moneyType" direction="horizontal">
+                                    <van-radio :name="1">自己承担</van-radio>
+                                    <van-radio :name="2">使用明年额度</van-radio>
+                                </van-radio-group>
+                            </template>
+                        </van-field>
                     </div>
                 </div>
 
@@ -700,11 +722,7 @@ layout("/mobile/platform.html"){
                         }).catch(() => {
                         });
                     } else {
-                        vant.Dialog.alert({
-                            title: '温馨提示',
-                            message: re.msg,
-                        }).then(() => {
-                        })
+                        vant.Dialog.alert({title: '温馨提示', message: re.msg})
                     }
                     return
                 }