提交

src/view/fenghui/index.vue

@@ -14,8 +14,22 @@
         <br />
         <van-form @submit="onSubmit">
             <div class="submit">
-                <van-cell-group inset>
+                <div class="introduce">
+                    <h4 class="text" v-text="lang[langType].forumTopic"> </h4>
+                    <p class="text" v-text="lang[langType].forumTopicContent"></p>
+                    <h4 class="text" v-text="lang[langType].wrestleMania"></h4>
+                    <p class="text" v-text="lang[langType].wrestleManiaContent"></p>
+                    <h4 class="text" v-text="lang[langType].venue"></h4>
+                    <p class="text" v-text="lang[langType].venueContent"></p>
+                    <h4 class="text" v-text="lang[langType].organization"></h4>
+                    <div class="text" v-text="lang[langType].organizationSub1"></div>
+                    <div class="text" v-text="lang[langType].organizationSub2"></div>
+                    <h4 class="text" v-text="lang[langType].scale"></h4>
+                    <div class="text" style="text-indent: 2em;" v-text="lang[langType].scaleContent"></div>
+                </div>
+                <van-cell-group inset v-if="showForm">
                     <!-- <h4 class="title" v-text="lang[langType].basicInformation"></h4> -->
+                    <h4 class="text" v-text="lang[langType].signUp"></h4>
                     <!-- 姓名 -->
                     <van-field label-width="7em" size="large"
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].nameContent }]" required
@@ -87,8 +101,7 @@
                     <!-- title 称谓 -->
                     <van-field label-width="7em" size="large" required
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].titleContent }]"
-                        v-model="from.title" :label="lang[langType].title"
-                        :placeholder="lang[langType].titleContent" />
+                        v-model="from.title" :label="lang[langType].title" :placeholder="lang[langType].titleContent" />
 
                     <!-- otherTitle 其他称谓 -->
                     <van-field label-width="7em" size="large" required
@@ -317,21 +330,8 @@
             </div>
 
             <br />
-            <div class="introduce">
-                <h4 class="text" v-text="lang[langType].forumTopic"> </h4>
-                <p class="text" v-text="lang[langType].forumTopicContent"></p>
-                <h4 class="text" v-text="lang[langType].wrestleMania"></h4>
-                <p class="text" v-text="lang[langType].wrestleManiaContent"></p>
-                <h4 class="text" v-text="lang[langType].venue"></h4>
-                <p class="text" v-text="lang[langType].venueContent"></p>
-                <h4 class="text" v-text="lang[langType].organization"></h4>
-                <div class="text" v-text="lang[langType].organizationSub1"></div>
-                <div class="text" v-text="lang[langType].organizationSub2"></div>
-                <h4 class="text" v-text="lang[langType].scale"></h4>
-                <div class="text" style="text-indent: 2em;" v-text="lang[langType].scaleContent"></div>
-            </div>
             <van-button class="btn_bottom" block type="primary" native-type="submit">
-                {{ lang[langType].submit }}
+                {{ lang[langType].signUp }}
             </van-button>
             <div style="text-align: center;line-height: 2.5em;font-size: 12px;" v-text="lang[langType].copyright"></div>
         </van-form>
@@ -432,6 +432,9 @@ const showBirthday = ref(false);
 const showCheckInTime = ref(false);
 const showCheckOutTime = ref(false);
 
+// 展示表单
+const showForm = ref(false);
+
 const cardTypeList = ref([])
 const photo = ref([])
 const isFile = () => {
@@ -537,8 +540,13 @@ const beforeRead = () => {
 };
 
 // 选择权限范围
-const onSubmit = (values) => {
-    console.log('submit', values);
+const onSubmit = () => {
+    if (!showForm.value) {
+        showForm.value = true;
+        return;
+    }
+
+
     if (!isFile()) showToast(lang.value[langType.value].selectFile);
     saveData({
         name: from.name,
@@ -635,14 +643,15 @@ const onSubmit = (values) => {
         color: #3D3D3D;
     }
 
+    h4 {
+        color: #031280 !important;
+    }
+
     .introduce {
         background-color: #FAFAFA;
         padding-bottom: 10px;
         overflow: hidden;
 
-        h4 {
-            color: #031280;
-        }
     }
 
 
@@ -666,9 +675,9 @@ const onSubmit = (values) => {
     .btn_bottom {
         color: #ffffff;
         text-align: center;
-        height: 60px;
-        line-height: 60px;
         background: linear-gradient(270deg, #1D19BC 0%, #1C4CD5 100%);
+        width: calc(100% - 80px);
+        margin: 0 auto;
 
         .van-button__text {
             color: #ffffff;

src/view/fenghui/lang.js

@@ -1,5 +1,6 @@
 export default {
     "zh": {
+        "signUp": "我要报名",
         "forumTopic": "论坛主题",
         "forumTopicContent": "共享数字发展新机遇 共建中拉⽹络空间命运共同体",
         "wrestleMania": "举办时间",