|
@@ -12,7 +12,8 @@
|
|
<div class="form">
|
|
<div class="form">
|
|
<van-form ref="form" @submit="onSubmit" label-width="8em">
|
|
<van-form ref="form" @submit="onSubmit" label-width="8em">
|
|
<!-- 国家/地区 -->
|
|
<!-- 国家/地区 -->
|
|
- <van-field size="large" input-align="right" clickable right-icon="arrow" readonly @click="showCountryRegion = true"
|
|
|
|
|
|
+ <van-field size="large" input-align="right" clickable right-icon="arrow" readonly
|
|
|
|
+ @click="showCountryRegion = true"
|
|
:rules="[{ required: true, trigger: 'onBlur', message: lang[langType].countryRegionContent }]"
|
|
:rules="[{ required: true, trigger: 'onBlur', message: lang[langType].countryRegionContent }]"
|
|
required v-model="formData.countryRegionName" :placeholder="lang[langType].countryRegionContent">
|
|
required v-model="formData.countryRegionName" :placeholder="lang[langType].countryRegionContent">
|
|
<template #label>
|
|
<template #label>
|
|
@@ -20,9 +21,10 @@
|
|
</template>
|
|
</template>
|
|
</van-field>
|
|
</van-field>
|
|
<van-popup v-model:show="showCountryRegion" destroy-on-close round position="bottom">
|
|
<van-popup v-model:show="showCountryRegion" destroy-on-close round position="bottom">
|
|
- <van-picker :confirm-button-text="lang[langType].confirm" :columns="lang[langType].countryRegionList"
|
|
|
|
- :cancel-button-text="lang[langType].cancel" @confirm="countryRegionConfirm"
|
|
|
|
- :title="lang[langType].countryRegion" @cancel="showCountryRegion = false" />
|
|
|
|
|
|
+ <van-picker :confirm-button-text="lang[langType].confirm"
|
|
|
|
+ :columns="lang[langType].countryRegionList" :cancel-button-text="lang[langType].cancel"
|
|
|
|
+ @confirm="countryRegionConfirm" :title="lang[langType].countryRegion"
|
|
|
|
+ @cancel="showCountryRegion = false" />
|
|
</van-popup>
|
|
</van-popup>
|
|
|
|
|
|
<!-- 姓 -->
|
|
<!-- 姓 -->
|
|
@@ -133,9 +135,8 @@
|
|
<van-radio-group checked-color="#3F5AC8" style="width: 100%;" v-model="formData.cardType"
|
|
<van-radio-group checked-color="#3F5AC8" style="width: 100%;" v-model="formData.cardType"
|
|
direction="horizontal">
|
|
direction="horizontal">
|
|
<template v-for="item in cardTypeList" :key="item.value">
|
|
<template v-for="item in cardTypeList" :key="item.value">
|
|
- <van-radio
|
|
|
|
- v-if="item.value !== '身份证'"
|
|
|
|
- style="width: 50%;margin: 10px 0 0 0;" :name="item.value">{{ item.text
|
|
|
|
|
|
+ <van-radio v-if="item.value !== '身份证'" style="width: 50%;margin: 10px 0 0 0;"
|
|
|
|
+ :name="item.value">{{ item.text
|
|
}}</van-radio>
|
|
}}</van-radio>
|
|
</template>
|
|
</template>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
@@ -209,11 +210,12 @@
|
|
:rules="[{ required: true, trigger: 'onBlur', message: lang[langType].levelContent }]" required
|
|
:rules="[{ required: true, trigger: 'onBlur', message: lang[langType].levelContent }]" required
|
|
:placeholder="lang[langType].levelContent">
|
|
:placeholder="lang[langType].levelContent">
|
|
<template #label>
|
|
<template #label>
|
|
- <span :style="langType === 'zh' ? 'text-align-last: justify;': ''" :class="langType === 'zh' ? 'label' : ''" v-html="lang[langType].level"></span>
|
|
|
|
|
|
+ <span :style="langType === 'zh' ? 'text-align-last: justify;' : ''"
|
|
|
|
+ :class="langType === 'zh' ? 'label' : ''" v-html="lang[langType].level"></span>
|
|
</template>
|
|
</template>
|
|
<template #input>
|
|
<template #input>
|
|
<van-radio-group checked-color="#3F5AC8" style="width: 100%;" v-model="formData.level"
|
|
<van-radio-group checked-color="#3F5AC8" style="width: 100%;" v-model="formData.level"
|
|
- :direction="langType == 'zh' ? 'horizontal' : 'vertical'">
|
|
|
|
|
|
+ :direction="langType == 'zh' ? 'horizontal' : 'vertical'">
|
|
<van-radio style="flex: 1;margin-top: 10px " :name="item.value"
|
|
<van-radio style="flex: 1;margin-top: 10px " :name="item.value"
|
|
v-for="item in lang[langType].careerList" :key="item.value">{{
|
|
v-for="item in lang[langType].careerList" :key="item.value">{{
|
|
item.text
|
|
item.text
|
|
@@ -250,15 +252,15 @@
|
|
<van-radio-group checked-color="#3F5AC8" style="justify-content: flex-end;width: 100%;"
|
|
<van-radio-group checked-color="#3F5AC8" style="justify-content: flex-end;width: 100%;"
|
|
v-model="formData.interview" direction="horizontal">
|
|
v-model="formData.interview" direction="horizontal">
|
|
<van-radio style="flex: 1;margin-top: 10px " name="是">{{ lang[langType].confirm
|
|
<van-radio style="flex: 1;margin-top: 10px " name="是">{{ lang[langType].confirm
|
|
- }}</van-radio>
|
|
|
|
|
|
+ }}</van-radio>
|
|
<van-radio style="flex: 1;margin-top: 10px " name="否">{{ lang[langType].cancel
|
|
<van-radio style="flex: 1;margin-top: 10px " name="否">{{ lang[langType].cancel
|
|
- }}</van-radio>
|
|
|
|
|
|
+ }}</van-radio>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
</template>
|
|
</template>
|
|
</van-field>
|
|
</van-field>
|
|
|
|
|
|
<div style="background-color: #F7F7F7;height: 10px;"></div>
|
|
<div style="background-color: #F7F7F7;height: 10px;"></div>
|
|
-
|
|
|
|
|
|
+
|
|
<!-- 是否参加开幕式 active0 -->
|
|
<!-- 是否参加开幕式 active0 -->
|
|
<van-field size="large" label-align="top" v-model="formData.active1" required
|
|
<van-field size="large" label-align="top" v-model="formData.active1" required
|
|
:rules="[{ required: true, trigger: 'onBlur', message: lang[langType].active0Content }]"
|
|
:rules="[{ required: true, trigger: 'onBlur', message: lang[langType].active0Content }]"
|
|
@@ -270,9 +272,9 @@
|
|
<van-radio-group checked-color="#3F5AC8" style="width: 100%;" v-model="formData.active1"
|
|
<van-radio-group checked-color="#3F5AC8" style="width: 100%;" v-model="formData.active1"
|
|
direction="horizontal">
|
|
direction="horizontal">
|
|
<van-radio style="flex: 1;margin-top: 10px " name="是">{{ lang[langType].confirm
|
|
<van-radio style="flex: 1;margin-top: 10px " name="是">{{ lang[langType].confirm
|
|
- }}</van-radio>
|
|
|
|
|
|
+ }}</van-radio>
|
|
<van-radio style="flex: 1;margin-top: 10px " name="否">{{ lang[langType].cancel
|
|
<van-radio style="flex: 1;margin-top: 10px " name="否">{{ lang[langType].cancel
|
|
- }}</van-radio>
|
|
|
|
|
|
+ }}</van-radio>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
</template>
|
|
</template>
|
|
</van-field>
|
|
</van-field>
|
|
@@ -285,14 +287,14 @@
|
|
<span :class="langType === 'zh' ? 'label' : ''" v-html="lang[langType].active"></span>
|
|
<span :class="langType === 'zh' ? 'label' : ''" v-html="lang[langType].active"></span>
|
|
</template>
|
|
</template>
|
|
<template #input>
|
|
<template #input>
|
|
- <van-radio-group checked-color="#3F5AC8" style="width: 100%;padding-left: 16px;" v-model="formData.active2"
|
|
|
|
- >
|
|
|
|
|
|
+ <van-radio-group checked-color="#3F5AC8" style="width: 100%;padding-left: 16px;"
|
|
|
|
+ v-model="formData.active2">
|
|
<van-radio style="flex: 1;margin-top: 10px " name="共享数字经济发展机遇">{{ lang[langType].active1
|
|
<van-radio style="flex: 1;margin-top: 10px " name="共享数字经济发展机遇">{{ lang[langType].active1
|
|
- }}</van-radio>
|
|
|
|
|
|
+ }}</van-radio>
|
|
<van-radio style="flex: 1;margin-top: 10px " name="共筑网络安全防线">{{ lang[langType].active2
|
|
<van-radio style="flex: 1;margin-top: 10px " name="共筑网络安全防线">{{ lang[langType].active2
|
|
- }}</van-radio>
|
|
|
|
|
|
+ }}</van-radio>
|
|
<van-radio style="flex: 1;margin-top: 10px " name="共商人工智能发展治理">{{ lang[langType].active3
|
|
<van-radio style="flex: 1;margin-top: 10px " name="共商人工智能发展治理">{{ lang[langType].active3
|
|
- }}</van-radio>
|
|
|
|
|
|
+ }}</van-radio>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
</template>
|
|
</template>
|
|
</van-field>
|
|
</van-field>
|