|
|
@@ -2,11 +2,655 @@
|
|
|
* @Description: 退役军人认证页面
|
|
|
* @Author: 空白格
|
|
|
* @Date: 2022-08-17 11:30:23
|
|
|
- * @LastEditors: 空白格
|
|
|
- * @LastEditTime: 2022-08-17 11:31:59
|
|
|
+ * @LastEditors: gcz
|
|
|
+ * @LastEditTime: 2022-08-18 18:01:04
|
|
|
* @FilePath: \veterans_client_web\src\views\PersonalCenter\ApplyEducationAuth\ApplyEducationAuthIndex.vue
|
|
|
* @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
|
|
|
-->
|
|
|
<template>
|
|
|
- <div>退役军人认证1</div>
|
|
|
+ <div class="app-main">
|
|
|
+ <div class="app-main-box">
|
|
|
+ <div class="app-main-box-content">
|
|
|
+ <div class="title">退役军人申请码</div>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="180px">
|
|
|
+ <el-form-item label="姓名" prop="veteName">
|
|
|
+ <el-input
|
|
|
+ v-model="form.veteName"
|
|
|
+ placeholder="请输入真实姓名"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证号" prop="veteIdCard">
|
|
|
+ <el-input
|
|
|
+ v-model="form.veteIdCard"
|
|
|
+ @blur="idNumberChange(form.veteIdCard)"
|
|
|
+ placeholder="请输入身份证号"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="性别" prop="veteSex">
|
|
|
+ <el-input
|
|
|
+ disabled
|
|
|
+ v-model="form.veteSex"
|
|
|
+ placeholder="输入身份证自动获取"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="民族" prop="nation">
|
|
|
+ <el-input
|
|
|
+ v-model="form.nation"
|
|
|
+ placeholder="请输入您的民族"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所在区域" prop="veteHousehArea">
|
|
|
+ <el-cascader
|
|
|
+ filterable
|
|
|
+ size="large"
|
|
|
+ ref="addressSelect"
|
|
|
+ :options="addressOptions"
|
|
|
+ v-model="form.veteHousehArea"
|
|
|
+ :leafOnly="true"
|
|
|
+ @change="addrChange"
|
|
|
+ >
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="详细地址" prop="veteResiAddress">
|
|
|
+ <el-input
|
|
|
+ v-model="form.veteResiAddress"
|
|
|
+ placeholder="请输入您的详细地址"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="户籍类别" prop="houseTypeId">
|
|
|
+ <el-radio-group v-model="form.houseTypeId">
|
|
|
+ <el-radio
|
|
|
+ v-for="(item, index) in houseTypeList"
|
|
|
+ :label="item.label"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="户籍地" prop="veteHousehRegi">
|
|
|
+ <el-cascader
|
|
|
+ filterable
|
|
|
+ size="large"
|
|
|
+ ref="addressSelect"
|
|
|
+ :options="addressOptions"
|
|
|
+ v-model="form.veteHousehRegi"
|
|
|
+ :leafOnly="true"
|
|
|
+ @change="regiAddrChange"
|
|
|
+ >
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="文化程度" prop="degrEduc">
|
|
|
+ <el-select v-model="form.degrEduc" placeholder="请选择您的文化程度">
|
|
|
+ <el-option
|
|
|
+ v-for="item in degrEducList"
|
|
|
+ :key="item.index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="政治面貌" prop="politOutlook">
|
|
|
+ <el-select
|
|
|
+ v-model="form.politOutlook"
|
|
|
+ placeholder="请选择您的政治面貌"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in politOutlookList"
|
|
|
+ :key="item.index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="就业状况" prop="jobStatus">
|
|
|
+ <el-radio-group v-model="form.jobStatus">
|
|
|
+ <el-radio
|
|
|
+ v-for="(item, index) in employmentStatusList"
|
|
|
+ :label="item.label"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="薪资范围" prop="salaryRangeName">
|
|
|
+ <el-select
|
|
|
+ v-model="form.salaryRangeName"
|
|
|
+ placeholder="请选择您的薪资范围"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in salaryRangeList"
|
|
|
+ :key="item.index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="QQ" prop="qqNum">
|
|
|
+ <el-input
|
|
|
+ v-model="form.qqNum"
|
|
|
+ placeholder="请输入您的QQ"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="微信" prop="wxNum">
|
|
|
+ <el-input
|
|
|
+ v-model="form.wxNum"
|
|
|
+ placeholder="请输入您的微信"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="近期1寸免冠照片" prop="wxNum">
|
|
|
+ <el-upload
|
|
|
+ class="uploader file-uploader"
|
|
|
+ :action="action"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="fileUploadSuccess"
|
|
|
+ accept="image/*"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture"
|
|
|
+ >
|
|
|
+ <img v-if="fileTempImg" :src="fileTempImg" class="uploader-img" />
|
|
|
+ <i v-else class="el-icon-plus uploader-icon"></i>
|
|
|
+ <div class="text">上传照片</div>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="" >
|
|
|
+ <el-button class="submit-btn" @click="submit" type="primary">提交</el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
+<script>
|
|
|
+import { getDictData } from "@/api/Dict";
|
|
|
+import { getIdInfo } from "@/api/PersonalCenter";
|
|
|
+// https://github.com/Plortinus/element-china-area-data
|
|
|
+import { regionDataPlus,regionData, CodeToText } from "element-china-area-data";
|
|
|
+// import { mapState } from "vuex";
|
|
|
+export default {
|
|
|
+ name: "ApplyEducationAuthIndex",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 上传地址
|
|
|
+ action: process.env.VUE_APP_BASE_API+'/file/upload/single/minio',
|
|
|
+ addressOptions: regionData,
|
|
|
+ form: {
|
|
|
+ veteName: "",
|
|
|
+ veteIdCard: "",
|
|
|
+ veteSex: "",
|
|
|
+ nation: "",
|
|
|
+ qqNum: "",
|
|
|
+ wxNum: "",
|
|
|
+ degrEduc: "",
|
|
|
+ degrEducId: "",
|
|
|
+ houseType: "",
|
|
|
+ houseTypeId: "",
|
|
|
+ politOutlook: "",
|
|
|
+ politOutlookId: "",
|
|
|
+ veteHousehRegi: "",
|
|
|
+ veteHousehArea: "",
|
|
|
+ veteResiAddress: "",
|
|
|
+ veteDateBirth: "",
|
|
|
+ veteStatus: "1",
|
|
|
+ files: [],
|
|
|
+ jobStatus: "",
|
|
|
+ salaryRange: "",
|
|
|
+ salaryRangeName: "",
|
|
|
+ provinceId: "",
|
|
|
+ provinceName: "",
|
|
|
+ cityId: "",
|
|
|
+ cityName: "",
|
|
|
+ areaId: "",
|
|
|
+ areaName: "",
|
|
|
+ },
|
|
|
+ // 表单验证
|
|
|
+ rules: {
|
|
|
+ veteName: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入姓名",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ veteIdCard: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ pattern:
|
|
|
+ /(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0[1-9]|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/,
|
|
|
+ // 正则检验前先将值转为字符串
|
|
|
+ transform(value) {
|
|
|
+ return String(value);
|
|
|
+ },
|
|
|
+ message: "请正确输入身份证号",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ vetePhone: [
|
|
|
+ {
|
|
|
+ pattern: /^(?:(?:\+|00)86)?1[3-9]\d{9}$/,
|
|
|
+ message: "请正确输入手机号",
|
|
|
+ required: true,
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ veteHousehArea: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择户籍区域",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ veteResiAddress: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请填写详细地址",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ nation: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请填写民族",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ degrEduc: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择文化程度",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ politOutlook: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择政治面貌",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ houseTypeId: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择户籍类别",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ veteHousehRegi: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择户籍地",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // salaryRangeName: [
|
|
|
+ // {
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择薪资范围',
|
|
|
+ // trigger: ['change', 'blur']
|
|
|
+ // }
|
|
|
+ // ],
|
|
|
+ // jobStatus: [
|
|
|
+ // {
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择就业状态',
|
|
|
+ // trigger: ['change', 'blur']
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ },
|
|
|
+ // 文化程度
|
|
|
+ degrEducShow: false,
|
|
|
+ degrEducList: [],
|
|
|
+ degrEducIndex: [],
|
|
|
+ // 政治面貌
|
|
|
+ politOutlookShow: false,
|
|
|
+ politOutlookList: [],
|
|
|
+ politOutlookIndex: [],
|
|
|
+ // 户籍地
|
|
|
+ regionShow: false,
|
|
|
+ regionDefault: [],
|
|
|
+ // 户籍类型
|
|
|
+ houseTypeShow: false,
|
|
|
+ houseTypeList: [],
|
|
|
+ houseTypeIndex: [],
|
|
|
+ // 户籍区域
|
|
|
+ areaShow: false,
|
|
|
+ // 薪资范围
|
|
|
+ salaryRangeShow: false,
|
|
|
+ salaryRangeIndex: [],
|
|
|
+ salaryRangeList: [],
|
|
|
+ salaryRangeIndex: [],
|
|
|
+ // 就业状态
|
|
|
+ employmentStatusList: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // ...mapState({
|
|
|
+ // userInfo: (state) => state.user.userInfo,
|
|
|
+ // }),
|
|
|
+ fileTempImg() {
|
|
|
+ // console.log('this.form.files',this.form.files);
|
|
|
+ if (this.form.files.length >= 1) {
|
|
|
+ return this.form.files[0].filesUrl;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ // this.form.vetePhone = this.vuex_user.mobile;
|
|
|
+ // console.log('this.userInfo',this);
|
|
|
+ // console.log('this.userInfo',this.userInfo.name);
|
|
|
+ this.getVeteDegrEduc();
|
|
|
+ this.getVetePolitOutlook();
|
|
|
+ this.getVeteHouseType();
|
|
|
+ this.getSalaryRange();
|
|
|
+ this.getEmploymentStatus();
|
|
|
+ // this.getVeteEducData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ /**
|
|
|
+ * 获取已经提交的数据
|
|
|
+ */
|
|
|
+ getVeteEducData() {
|
|
|
+ this.$u.api.getVeteEducData().then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ const data = res.data;
|
|
|
+ for (let key in data.veteEduc) {
|
|
|
+ if (key !== "files") {
|
|
|
+ this.form[key] = data.veteEduc[key];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (data.veteEduc) {
|
|
|
+ this.form.veteSex = data.veteEduc.veteSex === 0 ? "男" : "女";
|
|
|
+ // 文化程度
|
|
|
+ this.degrEducList.forEach((item, index) => {
|
|
|
+ if (item.text === data.veteEduc.degrEducId) {
|
|
|
+ this.degrEducIndex = [index];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 政治面貌
|
|
|
+ this.politOutlookList.forEach((item, index) => {
|
|
|
+ if (item.text === data.veteEduc.politOutlookId) {
|
|
|
+ this.politOutlookIndex = [index];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 户籍类型
|
|
|
+ this.houseTypeList.forEach((item, index) => {
|
|
|
+ if (item.text === data.veteEduc.houseTypeId) {
|
|
|
+ this.houseTypeIndex = [index];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 户籍区域
|
|
|
+ if (
|
|
|
+ data.veteEduc.provinceName &&
|
|
|
+ data.veteEduc.cityName &&
|
|
|
+ data.veteEduc.areaName
|
|
|
+ ) {
|
|
|
+ this.form.veteHousehArea =
|
|
|
+ data.veteEduc.provinceName +
|
|
|
+ "-" +
|
|
|
+ data.veteEduc.cityName +
|
|
|
+ "-" +
|
|
|
+ data.veteEduc.areaName;
|
|
|
+ }
|
|
|
+ // 薪资范围
|
|
|
+ this.form.salaryRange = data.veteEduc.salaryRange;
|
|
|
+ this.salaryRangeList.forEach((item, index) => {
|
|
|
+ if (Number(item.value) === Number(data.veteEduc.salaryRange)) {
|
|
|
+ this.salaryRangeIndex = [index];
|
|
|
+ this.form.salaryRangeName = item.label;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.form.files = data.files;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取文化程度类别
|
|
|
+ */
|
|
|
+ getVeteDegrEduc() {
|
|
|
+ getDictData({
|
|
|
+ key: "degr_educ",
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.degrEducList = res.data.map((item) => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ value: item.text,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取政治面貌类别
|
|
|
+ */
|
|
|
+ getVetePolitOutlook() {
|
|
|
+ getDictData({
|
|
|
+ key: "polit_outlook",
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.politOutlookList = res.data.map((item) => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ value: item.text,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取户籍类别
|
|
|
+ */
|
|
|
+ getVeteHouseType() {
|
|
|
+ getDictData({
|
|
|
+ key: "house_type",
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.houseTypeList = res.data.map((item) => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ value: item.text,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取薪资范围
|
|
|
+ */
|
|
|
+ getSalaryRange() {
|
|
|
+ getDictData({
|
|
|
+ key: "salary_range",
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.salaryRangeList = res.data.map((item) => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ value: item.text,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 就业状态
|
|
|
+ */
|
|
|
+ getEmploymentStatus() {
|
|
|
+ getDictData({
|
|
|
+ key: "member_job_status",
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.employmentStatusList = res.data.map((item) => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ value: item.text,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fileUploadSuccess(res, file) {
|
|
|
+ // console.log("res", res);
|
|
|
+ // console.log("file", file);
|
|
|
+ this.form.files = [];
|
|
|
+ this.form.files.push({
|
|
|
+ filesUrl: res.data.url,
|
|
|
+ filesType: 6,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ idNumberChange(val) {
|
|
|
+ const reg = /^\d{6}((?:19|20)((?:\d{2}(?:0[13578]|1[02])(?:0[1-9]|[12]\d|3[01]))|(?:\d{2}(?:0[13456789]|1[012])(?:0[1-9]|[12]\d|30))|(?:\d{2}02(?:0[1-9]|1\d|2[0-8]))|(?:(?:0[48]|[2468][048]|[13579][26])0229)))\d{2}(\d)[xX\d]$/
|
|
|
+ if (!reg.test(val)) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 根据身份证得出性别
|
|
|
+ this.form.veteSex = (parseInt(val.substr(16, 1)) % 2 === 1 ? '男' : '女');
|
|
|
+ // 设置出生日期
|
|
|
+ this.form.veteDateBirth = val.substring(6, 10) + "-" + val.substring(10, 12) + "-" + val.substring(12,14) + ' 00:00:00';
|
|
|
+ // 根据身份证号获取基本信息
|
|
|
+ getIdInfo({
|
|
|
+ id: this.form.veteIdCard
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ if (res.data) {
|
|
|
+ this.form.nation = res.data.nation;
|
|
|
+ this.form.veteName = res.data.veteName;
|
|
|
+ this.form.vetePhone = res.data.vetePhone;
|
|
|
+ this.form.veteResiAddress = res.data.veteResiAddress;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'none',
|
|
|
+ title: res.msg
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addrChange(value) {
|
|
|
+ this.provinceName = value[0];
|
|
|
+ this.cityName = value[1];
|
|
|
+ this.areaName = value[2];
|
|
|
+ // this.form.veteHousehArea = CodeToText[value[0]] + CodeToText[value[1]] + CodeToText[value[2]];
|
|
|
+ // console.log(
|
|
|
+ // CodeToText[value[0]] + CodeToText[value[1]] + CodeToText[value[2]],
|
|
|
+ // "选中地址"
|
|
|
+ // );
|
|
|
+ console.log("addrChange", value);
|
|
|
+ // console.log("this.form.veteHousehArea", this.form.veteHousehArea);
|
|
|
+ },
|
|
|
+ regiAddrChange(value) {
|
|
|
+ this.form.veteHousehRegi =
|
|
|
+ CodeToText[value[0]] + CodeToText[value[1]] + CodeToText[value[2]];
|
|
|
+ console.log(
|
|
|
+ CodeToText[value[0]] + CodeToText[value[1]] + CodeToText[value[2]],
|
|
|
+ "选中地址"
|
|
|
+ );
|
|
|
+ console.log("addrChange", value);
|
|
|
+ console.log("this.form.veteHousehArea", this.form.veteHousehArea);
|
|
|
+ },
|
|
|
+ submit() {
|
|
|
+ console.log('this.form',JSON.parse(JSON.stringify(this.form)));
|
|
|
+ this.$refs['form'].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.form.files.length < 1) {
|
|
|
+ this.$message({
|
|
|
+ message: '近期1寸免冠照片',
|
|
|
+ type: 'error'
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ let params = {
|
|
|
+ veteEduc: {}
|
|
|
+ };
|
|
|
+ params.files = this.form.files
|
|
|
+ for (let key in this.form) {
|
|
|
+ if (key !== 'files') {
|
|
|
+ params.veteEduc[key] = this.form[key];
|
|
|
+ }
|
|
|
+ };
|
|
|
+ params.veteEduc.veteSex = params.veteEduc.veteSex === '男' ? 0 : 1;
|
|
|
+ this.$u.api.veteEduc(params).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ message: '提交成功，等待审核！',
|
|
|
+ type: 'success',
|
|
|
+ duration: 2000,
|
|
|
+ success: () => {
|
|
|
+ this.$u.route(
|
|
|
+ '/pages/applyEducationCode/applyEducationSuccess'
|
|
|
+ )
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.msg,
|
|
|
+ type: 'error'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ resetForm() {
|
|
|
+ this.$refs['form'].resetFields();
|
|
|
+ }
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.title {
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 40px;
|
|
|
+ line-height: 1;
|
|
|
+ color: #111;
|
|
|
+ letter-spacing: 2.07px;
|
|
|
+ padding: 23px 0;
|
|
|
+ border-bottom: 1px solid #d7d7d7;
|
|
|
+ margin-bottom: 43px;
|
|
|
+}
|
|
|
+.file-uploader :deep(.el-upload) {
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+ border-radius: 6px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ // float: left;
|
|
|
+ & + .uploader {
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ .text {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+.el-upload:hover {
|
|
|
+ border-color: #409eff;
|
|
|
+ }
|
|
|
+ .uploader-icon {
|
|
|
+ font-size: 28px;
|
|
|
+ color: #8c939d;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ line-height: 100px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .uploader-img {
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+}
|
|
|
+.app-main-box{
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+.el-form{
|
|
|
+ width: 50%;
|
|
|
+}
|
|
|
+.submit-btn{
|
|
|
+ width: 265px;
|
|
|
+}
|
|
|
+</style>
|
