国籍

src/components/index/SignUp/referInfo.vue

@@ -137,6 +137,24 @@
             </el-row>
           </el-form-item>
         </el-col>
+        <el-col :span="12">
+          <el-form-item label="国籍" prop="country">
+            <el-select
+              v-model="referForm.country"
+              placeholder="国籍"
+              :popper-append-to-body="false"
+              @change="changeCountry($event)"
+            >
+              <el-option
+                v-for="(item,index) in countryList"
+                :key="index"
+                :label="item.label"
+                :value="item.label"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
         <el-col :span="12">
           <el-form-item label="民族" prop="nation">
             <el-input
@@ -151,7 +169,7 @@
         <el-col :span="12">
           <el-form-item label="入学年份" prop="start_school_date">
             <el-row :gutter="20">
-              <el-col :span="12">
+              <!-- <el-col :span="12">
                 <el-select
                   v-model="start_grade"
                   placeholder="年级"
@@ -166,8 +184,8 @@
                   >
                   </el-option>
                 </el-select>
-              </el-col>
-              <el-col :span="12">
+              </el-col> -->
+              <el-col :span="24">
                 <el-select
                   ref="start_school_date"
                   v-model="start_year"
@@ -218,9 +236,9 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="单位名称及身份" prop="companyName">
+          <el-form-item label="单位名称及身份" prop="unit_and_identity">
             <el-input
-              v-model="referForm.companyName"
+              v-model="referForm.unit_and_identity"
               placeholder="请输入单位名称及身份"
               size="small"
             />
@@ -237,7 +255,7 @@
         </el-col>
       </el-row>
 
-      <div class="cont_title">学校信息</div>
+      <!-- <div class="cont_title">学校信息</div>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="就读中学" prop="school_province">
@@ -296,7 +314,7 @@
                 :value="item.id"
               >
               </el-option>
-            </el-select>
+            </el-select> -->
             <!-- <el-autocomplete
               ref="school"
               v-model="referForm.school"
@@ -304,10 +322,10 @@
               placeholder="中学"
               @select="handleSelect"
             ></el-autocomplete> -->
-          </el-form-item>
-        </el-col>
+          <!-- </el-form-item>
+        </el-col> -->
 
-        <div class="tipsMsg">
+        <!-- <div class="tipsMsg">
           如果没有您所在学校，请联系邮箱：ydhdservice@163.com
         </div>
         <el-col :span="12">
@@ -332,9 +350,9 @@
             />
           </el-form-item>
         </el-col>
-      </el-row>
+      </el-row> -->
 
-      <div class="cont_title">学习成绩证明材料</div>
+      <!-- <div class="cont_title">学习成绩证明材料</div>
       <el-form-item
         label="上传申请资料图片"
         prop="backgroundPicture"
@@ -362,11 +380,11 @@
               :on-success="uploadSuccess"
               :http-request="uploadPicture"
             >
-              <i style="font-size: 44px" class="el-icon-circle-plus"> </i>
+              <i style="font-size: 44px" class="el-icon-circle-plus"> </i> -->
               <!-- <div class="text">上传材料</div> -->
-              <div slot="file" slot-scope="{ file }">
+              <!-- <div slot="file" slot-scope="{ file }"> -->
                 <!-- <div v-for="(item, idx) in fileList" :key="idx"> -->
-                <img
+                <!-- <img
                   class="el-upload-list__item-thumbnail"
                   :src="file.url"
                   alt=""
@@ -401,7 +419,7 @@
             <img width="100%" :src="resultPicture" alt="" />
           </el-dialog>
         </div>
-      </el-form-item>
+      </el-form-item> -->
 
       <el-form-item class="btn">
         <el-button @click="confirm">提交资料</el-button>
@@ -423,6 +441,7 @@ import {
 } from "r/index/signUp";
 import { upload } from "r/index/network";
 import validator from "common/validator";
+import area from "config/area";
 
 export default {
   name: "referInfo",
@@ -450,11 +469,12 @@ export default {
         id_card: null,
         birthday: null,
         jiguan_code: null,
+        country: null,
         nation: null,
         start_school_date: null,
         political_status: null,
         phone: null,
-        companyName: null,
+        unit_and_identity: null,
         email: null,
         school_province: null,
         school_city: null,
@@ -483,6 +503,13 @@ export default {
         jiguan_code: [
           { required: true, validator: validateContents, trigger: "change" },
         ],
+        country: [
+          {
+            required: true,
+            message: "国籍不能为空！",
+            trigger: "blur",
+          },
+        ],
         nation: [
           { required: true, message: "民族不能为空！", trigger: "change" },
         ],
@@ -496,7 +523,7 @@ export default {
         political_status: [
           { required: true, message: "政治面貌不能为空！", trigger: "blur" },
         ],
-        companyName: [
+        unit_and_identity: [
           {
             required: true,
             message: "单位名称及身份不能为空！",
@@ -537,6 +564,7 @@ export default {
         ],
         // backgroundPicture: [{ required: true, message: "请上传图片" }],
       },
+      countryList: area.country, //国籍
       selectProvince: [], //省份
       CityName: {}, //根据省份筛选出所有城市的对象
       selectCityJiguan: [], //籍贯城市列表
@@ -699,6 +727,25 @@ export default {
   },
   mounted() {},
   methods: {
+     // 页面信息个人获取
+    getAccount() {
+      getAccount({}).then((res) => {
+        // console.log(res, "getAccount");
+        if (res.data.code != 200) {
+          return this.$message.error(res.data.message);
+        }
+        this.referForm = res.data.info;
+        if (res.data.info.jiguan_province && res.data.info.jiguan_city) {
+          this.referForm.jiguan_code =
+            res.data.info.jiguan_province.toString() +
+            res.data.info.jiguan_city.toString();
+        }
+        if (res.data.info.email == null) {
+          const code = this.$store.state.indexIdentity;
+          this.referForm.email = window.localStorage.getItem("email" + code); //本地取用户邮箱
+        }
+      });
+    },
     //获取近10年的年份
     getTenYear() {
       let nowDate = new Date();
@@ -718,25 +765,7 @@ export default {
       this.yearArrs = yearArr;
       this.rxYearArrs = rxYearArr;
     },
-    // 页面信息个人获取
-    getAccount() {
-      getAccount({}).then((res) => {
-        // console.log(res, "getAccount");
-        if (res.data.code != 200) {
-          return this.$message.error(res.data.message);
-        }
-        this.referForm = res.data.info;
-        if (res.data.info.jiguan_province && res.data.info.jiguan_city) {
-          this.referForm.jiguan_code =
-            res.data.info.jiguan_province.toString() +
-            res.data.info.jiguan_city.toString();
-        }
-        if (res.data.info.email == null) {
-          const code = this.$store.state.indexIdentity;
-          this.referForm.email = window.localStorage.getItem("email" + code); //本地取用户邮箱
-        }
-      });
-    },
+   
     //组装出生日期
     getTime() {
       this.referForm.birthday =
@@ -745,6 +774,10 @@ export default {
         this.bdDay.toString();
       // console.log(this.referForm.birthday);
     },
+    // 国籍
+    changeCountry(val){
+console.log(val)
+    },
     //组装入学年份
     getyear() {
       this.referForm.start_school_date =