师资培训表单民族一栏填写修改成下拉框选择

src/pages/train/detail.vue

@@ -11,8 +11,8 @@
             <div class="des-box">
               <p>活动类型：师资培训</p>
               <p>培训形式：线下培训</p>
-              <p>培训地点：河南郑州金苑培训中心（浙江金融职业学院培训中心）</p>
-              <p>培训时间：6月15日-6月19日</p>
+              <p>培训地点：河南郑州</p>
+              <p>培训时间：6月22日-6月26日</p>
             </div>
             <router-link to="/train/form">
               <div class="detail-btn">立即报名</div>

src/pages/train/form.vue

@@ -17,7 +17,9 @@
           </el-radio-group>
         </el-form-item>
         <el-form-item label="民族" id="mz" prop="nation">
-          <el-input v-model="form.nation"></el-input>
+          <el-select v-model="form.nation" placeholder="请选择" class="width100" @change="invoiceTypeChange">
+            <el-option  :label="item.name" :value="item.id" v-for="item in nations" :key="item.id"></el-option>
+          </el-select>
         </el-form-item>
         <!-- <el-form-item label="院系及职务">
           <el-input v-model="form.department_duty"></el-input>
@@ -129,6 +131,7 @@
 import action from '@action'
 import breadcrumb from '@/components/breadcrumb'
 import payPop from './components/payPop'
+import nations from '@/tool/nations'
 const IDCARD_REG = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/
 const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
 const EMAIL_REG = /^[A-Za-z0-9]+([_\.\\-][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
@@ -168,6 +171,7 @@ export default {
           name: '师资培训'
         }
       ],
+      nations: nations,
       form: {
         school_name: '',
         // school_address: '',

src/pages/train/index.vue

@@ -59,7 +59,7 @@ export default {
         {
           imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
           title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
-          time: '6月15日-6月19日',
+          time: '6月22日-6月26日',
           count: 100,
           activeIndex: 1
         },

src/tool/nations.js

+export default [
+  { id: '汉族', name: '汉族' },
+  { id: '蒙古族', name: '蒙古族' },
+  { id: '回族', name: '回族' },
+  { id: '藏族', name: '藏族' },
+  { id: '维吾尔族', name: '维吾尔族' },
+  { id: '苗族', name: '苗族' },
+  { id: '彝族', name: '彝族' },
+  { id: '壮族', name: '壮族' },
+  { id: '布依族', name: '布依族' },
+  { id: '朝鲜族', name: '朝鲜族' },
+  { id: '满族', name: '满族' },
+  { id: '侗族', name: '侗族' },
+  { id: '瑶族', name: '瑶族' },
+  { id: '白族', name: '白族' },
+  { id: '土家族', name: '土家族' },
+  { id: '哈尼族', name: '哈尼族' },
+  { id: '哈萨克族', name: '哈萨克族' },
+  { id: '傣族', name: '傣族' },
+  { id: '黎族', name: '黎族' },
+  { id: '傈僳族', name: '傈僳族' },
+  { id: '佤族', name: '佤族' },
+  { id: '畲族', name: '畲族' },
+  { id: '高山族', name: '高山族' },
+  { id: '拉祜族', name: '拉祜族' },
+  { id: '水族', name: '水族' },
+  { id: '东乡族', name: '东乡族' },
+  { id: '纳西族', name: '纳西族' },
+  { id: '景颇族', name: '景颇族' },
+  { id: '柯尔克孜族', name: '柯尔克孜族' },
+  { id: '土族', name: '土族' },
+  { id: '达斡尔族', name: '达斡尔族' },
+  { id: '仫佬族', name: '仫佬族' },
+  { id: '羌族', name: '羌族' },
+  { id: '布朗族', name: '布朗族' },
+  { id: '撒拉族', name: '撒拉族' },
+  { id: '毛难族', name: '毛难族' },
+  { id: '仡佬族', name: '仡佬族' },
+  { id: '锡伯族', name: '锡伯族' },
+  { id: '阿昌族', name: '阿昌族' },
+  { id: '普米族', name: '普米族' },
+  { id: '塔吉克族', name: '塔吉克族' },
+  { id: '怒族', name: '怒族' },
+  { id: '乌孜别克族', name: '乌孜别克族' },
+  { id: '俄罗斯族', name: '俄罗斯族' },
+  { id: '鄂温克族', name: '鄂温克族' },
+  { id: '崩龙族', name: '崩龙族' },
+  { id: '保安族', name: '保安族' },
+  { id: '裕固族', name: '裕固族' },
+  { id: '京族', name: '京族' },
+  { id: '塔塔尔族', name: '塔塔尔族' },
+  { id: '独龙族', name: '独龙族' },
+  { id: '鄂伦春族', name: '鄂伦春族' },
+  { id: '赫哲族', name: '赫哲族' },
+  { id: '门巴族', name: '门巴族' },
+  { id: '珞巴族', name: '珞巴族' },
+  { id: '基诺族', name: '基诺族' }
+]