From a5bf384394745c47aac4a17e8f471be66ecbc170 Mon Sep 17 00:00:00 2001
From: xiayt <x1027869635@gmail.com>
Date: Mon, 25 Apr 2022 14:31:19 +0800
Subject: [PATCH] feat: 身份证认证

---
 src/common/area.json                            | 613 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/Home/component/AddChildPopupGroup.vue | 788 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 2 files changed, 1053 insertions(+), 348 deletions(-)
 create mode 100644 src/common/area.json

diff --git a/src/common/area.json b/src/common/area.json
new file mode 100644
index 0000000..ecb5e26
--- /dev/null
+++ b/src/common/area.json
@@ -0,0 +1,613 @@
+[{
+        "area_code": "3301",
+        "area_name": "杭州市",
+        "areaList": [{
+                "area_code": "330102",
+                "area_name": "上城区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330103",
+                "area_name": "下城区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330104",
+                "area_name": "江干区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330105",
+                "area_name": "拱墅区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330106",
+                "area_name": "西湖区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330108",
+                "area_name": "滨江区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330109",
+                "area_name": "萧山区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330110",
+                "area_name": "余杭区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330122",
+                "area_name": "桐庐县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330127",
+                "area_name": "淳安县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330182",
+                "area_name": "建德市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330183",
+                "area_name": "富阳市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330185",
+                "area_name": "临安市",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3302",
+        "area_name": "宁波市",
+        "areaList": [{
+                "area_code": "330203",
+                "area_name": "海曙区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330204",
+                "area_name": "江东区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330205",
+                "area_name": "江北区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330206",
+                "area_name": "北仑区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330211",
+                "area_name": "镇海区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330212",
+                "area_name": "鄞州区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330225",
+                "area_name": "象山县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330226",
+                "area_name": "宁海县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330281",
+                "area_name": "余姚市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330282",
+                "area_name": "慈溪市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330283",
+                "area_name": "奉化市",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3303",
+        "area_name": "温州市",
+        "areaList": [{
+                "area_code": "330302",
+                "area_name": "鹿城区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330303",
+                "area_name": "龙湾区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330304",
+                "area_name": "瓯海区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330322",
+                "area_name": "洞头县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330324",
+                "area_name": "永嘉县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330326",
+                "area_name": "平阳县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330327",
+                "area_name": "苍南县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330328",
+                "area_name": "文成县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330329",
+                "area_name": "泰顺县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330381",
+                "area_name": "瑞安市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330382",
+                "area_name": "乐清市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330305",
+                "area_name": "龙港区",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3304",
+        "area_name": "嘉兴市",
+        "areaList": [{
+                "area_code": "330402",
+                "area_name": "南湖区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330411",
+                "area_name": "秀洲区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330421",
+                "area_name": "嘉善县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330424",
+                "area_name": "海盐县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330481",
+                "area_name": "海宁市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330482",
+                "area_name": "平湖市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330483",
+                "area_name": "桐乡市",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3305",
+        "area_name": "湖州市",
+        "areaList": [{
+                "area_code": "330502",
+                "area_name": "吴兴区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330503",
+                "area_name": "南浔区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330521",
+                "area_name": "德清县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330522",
+                "area_name": "长兴县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330523",
+                "area_name": "安吉县",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3306",
+        "area_name": "绍兴市",
+        "areaList": [{
+                "area_code": "330602",
+                "area_name": "越城区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330621",
+                "area_name": "柯桥区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330624",
+                "area_name": "新昌县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330681",
+                "area_name": "诸暨市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330682",
+                "area_name": "上虞市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330683",
+                "area_name": "嵊州市",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3307",
+        "area_name": "金华市",
+        "areaList": [{
+                "area_code": "330702",
+                "area_name": "婺城区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330703",
+                "area_name": "金东区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330723",
+                "area_name": "武义县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330726",
+                "area_name": "浦江县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330727",
+                "area_name": "磐安县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330781",
+                "area_name": "兰溪市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330782",
+                "area_name": "义乌市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330783",
+                "area_name": "东阳市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330784",
+                "area_name": "永康市",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3308",
+        "area_name": "衢州市",
+        "areaList": [{
+                "area_code": "330802",
+                "area_name": "柯城区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330803",
+                "area_name": "衢江区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330822",
+                "area_name": "常山县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330824",
+                "area_name": "开化县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330825",
+                "area_name": "龙游县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330881",
+                "area_name": "江山市",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3309",
+        "area_name": "舟山市",
+        "areaList": [{
+                "area_code": "330902",
+                "area_name": "定海区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330903",
+                "area_name": "普陀区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330921",
+                "area_name": "岱山县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "330922",
+                "area_name": "嵊泗县",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3310",
+        "area_name": "台州市",
+        "areaList": [{
+                "area_code": "331002",
+                "area_name": "椒江区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331003",
+                "area_name": "黄岩区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331004",
+                "area_name": "路桥区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331021",
+                "area_name": "玉环县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331022",
+                "area_name": "三门县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331023",
+                "area_name": "天台县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331024",
+                "area_name": "仙居县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331081",
+                "area_name": "温岭市",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331082",
+                "area_name": "临海市",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    },
+    {
+        "area_code": "3311",
+        "area_name": "丽水市",
+        "areaList": [{
+                "area_code": "331102",
+                "area_name": "莲都区",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331121",
+                "area_name": "青田县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331122",
+                "area_name": "缙云县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331123",
+                "area_name": "遂昌县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331124",
+                "area_name": "松阳县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331125",
+                "area_name": "云和县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331126",
+                "area_name": "庆元县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331127",
+                "area_name": "景宁畲族自治县",
+                "areaList": null,
+                "is_check": null
+            },
+            {
+                "area_code": "331181",
+                "area_name": "龙泉市",
+                "areaList": null,
+                "is_check": null
+            }
+        ],
+        "is_check": null
+    }
+]
\ No newline at end of file
diff --git a/src/views/Home/component/AddChildPopupGroup.vue b/src/views/Home/component/AddChildPopupGroup.vue
index 36404e2..539a7a0 100644
--- a/src/views/Home/component/AddChildPopupGroup.vue
+++ b/src/views/Home/component/AddChildPopupGroup.vue
@@ -1,307 +1,411 @@
 <template>
   <div>
-    <div class="addchild_group" v-if="step==2">
-      <img class="bg" src="@/assets/home/bg2.png" alt="">
+    <div class="addchild_group" v-if="step == 2">
+      <img class="bg" src="@/assets/home/bg2.png" alt="" />
       <p class="title">学校激活认证</p>
       <p class="des">认证通过后，学生研学记录可同步到学校！</p>
       <div class="phone_content">
-        <div class="item">
-          <p class="phone_title">手机号</p>
-          <div class="flex">
-            <input class="code phone" type="tel" maxlength="11" v-model="phone" placeholder="请输入家校联系预留手机号">
-            <span class="getcode" @click="getCode">{{codeText}}</span>
+        <template v-if="cardAuth">
+          <div class="item">
+            <p class="phone_title">姓名</p>
+            <input class="code" type="text" v-model="cardName" placeholder="请输入证件姓名" />
           </div>
-        </div>
-        <div class="item">
-          <p class="phone_title">验证码</p>
-          <input class="code" type="text" v-model="code" placeholder="请输入验证码">
-        </div>
-        <button class="submit" @click="checkPhoneAndCode">完成</button>
+          <div class="item">
+            <p class="phone_title">身份证号码</p>
+            <input class="code" type="text" v-model="cardId" placeholder="请输入身份证号码" />
+          </div>
+          <button class="submit" @click="checkCard">完成</button>
+          <p class="change-btn" @click="cardAuth = false">使用手机号码认证</p>
+        </template>
+        <template v-else>
+          <div class="item">
+            <p class="phone_title">手机号</p>
+            <div class="flex">
+              <input class="code phone" type="tel" maxlength="11" v-model="phone" placeholder="请输入家校联系预留手机号" />
+              <span class="getcode" @click="getCode">{{ codeText }}</span>
+            </div>
+          </div>
+          <div class="item">
+            <p class="phone_title">验证码</p>
+            <input class="code" type="text" v-model="code" placeholder="请输入验证码" />
+          </div>
+          <button class="submit" @click="checkPhoneAndCode">完成</button>
+          <p class="change-btn" @click="cardAuth = true">使用身份证件认证</p>
+        </template>
       </div>
     </div>
-    <div class="addchild_group" v-if="step==1">
-      <img class="bg" src="@/assets/home/bg2.png" alt="">
+    <div class="addchild_group" v-if="step == 1">
+      <img class="bg" src="@/assets/home/bg2.png" alt="" />
       <p class="title">添加学生信息</p>
       <p class="des">完善相关信息可帮助获得最佳使用体验</p>
       <div class="content">
         <div class="name">学生信息</div>
         <div class="item" style="width:48%;display:inline-flex;margin-right:4%;">
-          <input type="text" placeholder="请输入学生姓名" v-model="studentName">
+          <input type="text" placeholder="请输入学生姓名" v-model="studentName" />
         </div>
         <div class="item" @click="handleYear" style="width:48%;display:inline-flex;">
-          <p :class="!year||yearDisable?'nodata':''">{{year?year:'入学年份'}}</p>
-          <img src="@/assets/more.png" alt="">
+          <p :class="!year || yearDisable ? 'nodata' : ''">{{ year ? year : '入学年份' }}</p>
+          <img src="@/assets/more.png" alt="" />
         </div>
-        <div class="item" @click="showUserTypeSelect=true" style="width:48%;display:inline-flex;margin-right:4%;">
-          <p :class="!userType?'nodata':''">{{userType?userType:'当前阶段'}}</p>
-          <img src="@/assets/more.png" alt="">
+        <div class="item" @click="showUserTypeSelect = true" style="width:48%;display:inline-flex;margin-right:4%;">
+          <p :class="!userType ? 'nodata' : ''">{{ userType ? userType : '当前阶段' }}</p>
+          <img src="@/assets/more.png" alt="" />
         </div>
-        <div class="item" @click="showUserClassSelect=true" style="width:48%;display:inline-flex;">
-          <p :class="!classType?'nodata':''">{{classType?classType:'班级'}}</p>
-          <img src="@/assets/more.png" alt="">
+        <div class="item" @click="showUserClassSelect = true" style="width:48%;display:inline-flex;">
+          <p :class="!classType ? 'nodata' : ''">{{ classType ? classType : '班级' }}</p>
+          <img src="@/assets/more.png" alt="" />
         </div>
 
-        <div class="item" @click="showAreaSelect=true">
-          <p :class="!area?'nodata':''">{{area?area:'请选择地区'}}</p>
-          <img src="@/assets/more.png" alt="">
+        <div class="item" @click="handleSelectArea">
+          <p :class="!area ? 'nodata' : ''">{{ area ? area : '请选择地区' }}</p>
+          <img src="@/assets/more.png" alt="" />
         </div>
         <div class="item">
-          <input type="text" placeholder="请选择学校" readonly v-model="school">
+          <input type="text" placeholder="请选择学校" readonly v-model="school" />
           <button type="info" class="btn" @click="chooseSchool">选择学校</button>
         </div>
         <button class="submit" @click="submit">完成</button>
       </div>
     </div>
     <van-popup v-model="showUserTypeSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
-      <van-picker title="当前阶段" show-toolbar :columns="userTypeArr" value-key="label" @cancel="showUserTypeSelect = false" @confirm="selectUserTypeOver" />
+      <van-picker
+        title="当前阶段"
+        show-toolbar
+        :columns="userTypeArr"
+        value-key="label"
+        @cancel="showUserTypeSelect = false"
+        @confirm="selectUserTypeOver"
+      />
     </van-popup>
     <van-popup v-model="showYearSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
-      <van-picker title="入学年份" show-toolbar :columns="yearArr" value-key="label" @cancel="showYearSelect = false" @confirm="selectYearOver" />
+      <van-picker
+        title="入学年份"
+        show-toolbar
+        :columns="yearArr"
+        value-key="label"
+        @cancel="showYearSelect = false"
+        @confirm="selectYearOver"
+      />
     </van-popup>
     <van-popup v-model="showAreaSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
-      <van-area title="地区" :area-list="areaList" @cancel="showAreaSelect = false" @confirm="selectAreaOver" />
+      <van-cascader
+        v-model="area"
+        title="请选择所在地区"
+        :options="areaList"
+        :field-names="fieldNames"
+        @close="showAreaSelect = false"
+        @finish="selectAreaOver"
+      />
     </van-popup>
     <van-popup v-model="showUserClassSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
-      <van-picker title="班级" show-toolbar :columns="classTypeArr" value-key="label" @cancel="showUserClassSelect = false" @confirm="selectClassTypeOver" />
+      <van-picker
+        title="班级"
+        show-toolbar
+        :columns="classTypeArr"
+        value-key="label"
+        @cancel="showUserClassSelect = false"
+        @confirm="selectClassTypeOver"
+      />
     </van-popup>
 
     <van-popup v-model="chooseSchoolisShow" round get-container="body" :safe-area-inset-bottom="true">
       <div v-if="chooseSchoolisShow">
-        <chooseSchool v-model="chooseSchoolisShow" @schoolData='schoolData'></chooseSchool>
+        <chooseSchool v-model="chooseSchoolisShow" @schoolData="schoolData"></chooseSchool>
       </div>
     </van-popup>
   </div>
 </template>
 
 <script>
-
 import chooseSchool from '@/views/Service/component/chooseSchool'
-var codeInterval;
+import areaList from '@/common/area.json'
+var codeInterval
 export default {
   components: { chooseSchool },
   props: ['step', 'travelerNum'],
-  data () {
+  data() {
     return {
       phone: '',
-      codeText: '获取验证码',//获取验证码按钮文字
-      code: '',//验证码
+      codeText: '获取验证码', //获取验证码按钮文字
+      code: '', //验证码
       studentName: '',
       showDialog: true,
 
-      year: '',//入学年份
+      year: '', //入学年份
       yearDisable: false,
       showYearSelect: false,
       yearArr: [],
 
       userType: '',
-      userTypeVal: '',//所处阶段1-小学 2-初中 3-高中
+      userTypeVal: '', //所处阶段1-小学 2-初中 3-高中
       showUserTypeSelect: false,
       userTypeArr: [
         {
           label: '幼儿园',
-          value: 0
-        }, {
+          value: 0,
+        },
+        {
           label: '小学',
-          value: 1
-        }, {
+          value: 1,
+        },
+        {
           label: '初中',
-          value: 2
-        }, {
+          value: 2,
+        },
+        {
           label: '高中',
-          value: 3
-        }],
+          value: 3,
+        },
+      ],
 
       classType: '',
-      classTypeVal: '',//班级
+      classTypeVal: '', //班级
       showUserClassSelect: false,
-      classTypeArr: [{
-        label: '1班',
-        value: '1班'
-      }, {
-        label: '2班',
-        value: '2班'
-      }, {
-        label: '3班',
-        value: '3班'
-      }, {
-        label: '4班',
-        value: '4班'
-      }, {
-        label: '5班',
-        value: '5班'
-      }, {
-        label: '6班',
-        value: '6班'
-      }, {
-        label: '7班',
-        value: '7班'
-      }, {
-        label: '8班',
-        value: '8班'
-      }, {
-        label: '9班',
-        value: '9班'
-      }, {
-        label: '10班',
-        value: '10班'
-      }, {
-        label: '11班',
-        value: '11班'
-      }, {
-        label: '12班',
-        value: '12班'
-      }, {
-        label: '13班',
-        value: '13班'
-      }, {
-        label: '14班',
-        value: '14班'
-      }, {
-        label: '15班',
-        value: '15班'
-      }, {
-        label: '16班',
-        value: '16班'
-      }, {
-        label: '17班',
-        value: '17班'
-      }, {
-        label: '18班',
-        value: '18班'
-      }, {
-        label: '19班',
-        value: '19班'
-      }, {
-        label: '20班',
-        value: '20班'
-      }, {
-        label: '21班',
-        value: '21班'
-      }, {
-        label: '22班',
-        value: '22班'
-      }, {
-        label: '23班',
-        value: '23班'
-      }, {
-        label: '24班',
-        value: '24班'
-      }, {
-        label: '25班',
-        value: '25班'
-      }, {
-        label: '26班',
-        value: '26班'
-      }, {
-        label: '27班',
-        value: '27班'
-      }, {
-        label: '28班',
-        value: '28班'
-      }, {
-        label: '29班',
-        value: '29班'
-      }, {
-        label: '30班',
-        value: '30班'
-      }, {
-        label: '31班',
-        value: '31班'
-      }, {
-        label: '32班',
-        value: '32班'
-      }, {
-        label: '33班',
-        value: '33班'
-      }, {
-        label: '34班',
-        value: '34班'
-      }, {
-        label: '35班',
-        value: '35班'
-      }, {
-        label: '36班',
-        value: '36班'
-      }, {
-        label: '37班',
-        value: '37班'
-      }, {
-        label: '38班',
-        value: '38班'
-      }, {
-        label: '39班',
-        value: '39班'
-      }, {
-        label: '40班',
-        value: '40班'
-      }, {
-        label: '41班',
-        value: '41班'
-      }, {
-        label: '42班',
-        value: '42班'
-      }, {
-        label: '43班',
-        value: '43班'
-      }, {
-        label: '44班',
-        value: '44班'
-      }, {
-        label: '45班',
-        value: '45班'
-      }, {
-        label: '46班',
-        value: '46班'
-      }, {
-        label: '47班',
-        value: '47班'
-      }, {
-        label: '48班',
-        value: '48班'
-      }, {
-        label: '49班',
-        value: '49班'
-      }, {
-        label: '50班',
-        value: '50班'
-      }
+      classTypeArr: [
+        {
+          label: '1班',
+          value: '1班',
+        },
+        {
+          label: '2班',
+          value: '2班',
+        },
+        {
+          label: '3班',
+          value: '3班',
+        },
+        {
+          label: '4班',
+          value: '4班',
+        },
+        {
+          label: '5班',
+          value: '5班',
+        },
+        {
+          label: '6班',
+          value: '6班',
+        },
+        {
+          label: '7班',
+          value: '7班',
+        },
+        {
+          label: '8班',
+          value: '8班',
+        },
+        {
+          label: '9班',
+          value: '9班',
+        },
+        {
+          label: '10班',
+          value: '10班',
+        },
+        {
+          label: '11班',
+          value: '11班',
+        },
+        {
+          label: '12班',
+          value: '12班',
+        },
+        {
+          label: '13班',
+          value: '13班',
+        },
+        {
+          label: '14班',
+          value: '14班',
+        },
+        {
+          label: '15班',
+          value: '15班',
+        },
+        {
+          label: '16班',
+          value: '16班',
+        },
+        {
+          label: '17班',
+          value: '17班',
+        },
+        {
+          label: '18班',
+          value: '18班',
+        },
+        {
+          label: '19班',
+          value: '19班',
+        },
+        {
+          label: '20班',
+          value: '20班',
+        },
+        {
+          label: '21班',
+          value: '21班',
+        },
+        {
+          label: '22班',
+          value: '22班',
+        },
+        {
+          label: '23班',
+          value: '23班',
+        },
+        {
+          label: '24班',
+          value: '24班',
+        },
+        {
+          label: '25班',
+          value: '25班',
+        },
+        {
+          label: '26班',
+          value: '26班',
+        },
+        {
+          label: '27班',
+          value: '27班',
+        },
+        {
+          label: '28班',
+          value: '28班',
+        },
+        {
+          label: '29班',
+          value: '29班',
+        },
+        {
+          label: '30班',
+          value: '30班',
+        },
+        {
+          label: '31班',
+          value: '31班',
+        },
+        {
+          label: '32班',
+          value: '32班',
+        },
+        {
+          label: '33班',
+          value: '33班',
+        },
+        {
+          label: '34班',
+          value: '34班',
+        },
+        {
+          label: '35班',
+          value: '35班',
+        },
+        {
+          label: '36班',
+          value: '36班',
+        },
+        {
+          label: '37班',
+          value: '37班',
+        },
+        {
+          label: '38班',
+          value: '38班',
+        },
+        {
+          label: '39班',
+          value: '39班',
+        },
+        {
+          label: '40班',
+          value: '40班',
+        },
+        {
+          label: '41班',
+          value: '41班',
+        },
+        {
+          label: '42班',
+          value: '42班',
+        },
+        {
+          label: '43班',
+          value: '43班',
+        },
+        {
+          label: '44班',
+          value: '44班',
+        },
+        {
+          label: '45班',
+          value: '45班',
+        },
+        {
+          label: '46班',
+          value: '46班',
+        },
+        {
+          label: '47班',
+          value: '47班',
+        },
+        {
+          label: '48班',
+          value: '48班',
+        },
+        {
+          label: '49班',
+          value: '49班',
+        },
+        {
+          label: '50班',
+          value: '50班',
+        },
       ],
 
       area: '',
       areaCode: '',
       showAreaSelect: false,
-      areaList: [],
+      areaList: areaList,
+      fieldNames: {
+        text: 'area_name',
+        value: 'area_name',
+        children: 'areaList',
+      },
 
       searchSchool: '',
       school: '',
       schoolId: '',
 
-      chooseSchoolisShow: false
+      chooseSchoolisShow: false,
+      cardAuth: false, //是否身份证认证
+      cardName: '',
+      cardId: '',
     }
   },
 
-  mounted () {
+  mounted() {
     let userInfo = localStorage.getItem('userInfo')
-    this.userInfo = JSON.parse(userInfo);
+    this.userInfo = JSON.parse(userInfo)
     this.initYearArr()
-    this.GetSysAreaList()
   },
   methods: {
     // 获取验证码
-    getCode () {
-      if (this.codeText != '获取验证码') return;
+    getCode() {
+      if (this.codeText != '获取验证码') return
       if (!this.phone) {
         this.$toast('请输入手机号')
-        return;
+        return
       }
       if (!this.checkPhone(this.phone)) {
         this.$toast('请输入正确的手机号')
-        return;
+        return
       }
       this.$toast.loading({
         message: '加载中',
         duration: 0,
-        forbidClick: true
+        forbidClick: true,
       })
       this.mgop({
         api: 'mgop.sz.hswsy.getMsg', // 必须
@@ -313,48 +417,48 @@ export default {
           //   'isTestUrl': '1'
         },
         data: {
-          "phone": this.phone
+          phone: this.phone,
         },
-        onSuccess: res => {
+        onSuccess: (res) => {
           this.$toast.clear()
-          if (res.data.code == 200||res.data.success) {
-            let i = 60;
+          if (res.data.code == 200 || res.data.success) {
+            let i = 60
             codeInterval = setInterval(() => {
               if (i == 0) {
-                this.codeText = `获取验证码`;
-                clearInterval(codeInterval);
-                return;
+                this.codeText = `获取验证码`
+                clearInterval(codeInterval)
+                return
               }
-              this.codeText = `重试（${i}）`;
+              this.codeText = `重试（${i}）`
               i--
             }, 1000)
           } else {
             this.$toast.fail(res.data?.message)
           }
         },
-        onFail: err => {
+        onFail: (err) => {
           console.log('err', err)
-        }
-      });
+        },
+      })
     },
-    // 获取手机号白名单信息
-    checkPhoneAndCode () {
+    // 获取手机号白名单信息,激活认证
+    checkPhoneAndCode() {
       if (!this.phone) {
         this.$toast('请输入手机号')
-        return;
+        return
       }
       if (!this.checkPhone(this.phone)) {
         this.$toast('请输入正确的手机号')
-        return;
+        return
       }
       if (!this.code) {
         this.$toast('请输入验证码')
-        return;
+        return
       }
       this.$toast.loading({
         message: '加载中',
         duration: 0,
-        forbidClick: true
+        forbidClick: true,
       })
       this.mgop({
         api: 'mgop.sz.hswsy.checkPhone', // 必须
@@ -366,11 +470,11 @@ export default {
           //   'isTestUrl': '1'
         },
         data: {
-          "code": this.code,
-          "phone": this.phone,
-          "travelerNum": this.travelerNum
+          code: this.code,
+          phone: this.phone,
+          travelerNum: this.travelerNum,
         },
-        onSuccess: res => {
+        onSuccess: (res) => {
           this.$toast.clear()
           if (res.data.code == 200) {
             this.$toast.success('认证成功')
@@ -379,18 +483,59 @@ export default {
             this.$toast.fail(res.data?.message)
           }
         },
-        onFail: err => {
+        onFail: (err) => {
           console.log('err', err)
-        }
-      });
+        },
+      })
+    },
+    // 获取身份证认证
+    checkCard() {
+      if (!this.cardName) {
+        this.$toast('请输入证件姓名')
+        return
+      }
+      if (!this.cardId) {
+        this.$toast('请输入身份证号')
+        return
+      }
+      this.$toast.loading({
+        message: '加载中',
+        duration: 0,
+        forbidClick: true,
+      })
+      this.mgop({
+        api: 'mgop.sz.hswsy.checkIdCard', // 必须
+        host: 'https://mapi.zjzwfw.gov.cn/',
+        dataType: 'JSON',
+        type: 'POST',
+        appKey: 'fuxgnukl+2001895516+edccpx', // 必须
+        headers: {
+          //   'isTestUrl': '1'
+        },
+        data: {
+          idCard: this.cardId,
+          travelerNum: this.travelerNum,
+        },
+        onSuccess: (res) => {
+          this.$toast.clear()
+          if (res.data.code == 200) {
+            this.$toast.success('认证成功')
+            this.$emit('complete')
+          } else {
+            this.$toast.fail(res.data?.message)
+          }
+        },
+        onFail: (err) => {
+          console.log('err', err)
+        },
+      })
     },
-
     // 初始化入学年份选项
-    initYearArr () {
+    initYearArr() {
       // 页面创建时执行
       let year = new Date().getFullYear(),
         Month = new Date().getMonth() + 1,
-        yearArr = [];
+        yearArr = []
       if (Month > 8) {
         // 如果月份大于8,那么当年的学年的高考年份要+1,如果月份小于7,那么当前的年份就是今年高考的年份
         year = year
@@ -400,120 +545,62 @@ export default {
       }
       this.yearArr = yearArr
     },
-    selectYearOver (value) {
-      this.year = value.label;
-      this.showYearSelect = false;
+    selectYearOver(value) {
+      this.year = value.label
+      this.showYearSelect = false
     },
-    handleYear () {
+    handleYear() {
       if (!this.yearDisable) {
-        this.showYearSelect = true;
+        this.showYearSelect = true
       }
     },
-    selectUserTypeOver (value) {
-      this.userType = value.label;
-      this.userTypeVal = value.value;
-      this.showUserTypeSelect = false;
+    selectUserTypeOver(value) {
+      this.userType = value.label
+      this.userTypeVal = value.value
+      this.showUserTypeSelect = false
     },
     //班级选择
-    selectClassTypeOver (value) {
-      this.classType = value.label;
-      this.classTypeVal = value.value;
-      this.showUserClassSelect = false;
-    },
-    // 获取地区列表
-    GetSysAreaList () {
-      this.mgop({
-        api: 'mgop.sz.hswsy.GetSysAreaList', // 必须
-        host: 'https://mapi.zjzwfw.gov.cn/',
-        dataType: 'JSON',
-        type: 'GET',
-        appKey: 'fuxgnukl+2001895516+edccpx', // 必须
-        headers: {
-          //   'isTestUrl': '1'
-        },
-        data: {
-          "areaCode": 33
-        },
-        onSuccess: res => {
-          console.log('获取地区列表', res)
-          if (res.data.success) {
-            let data = res.data.data;
-            let obj = {
-              province_list: {
-                330000: '浙江省'
-              },
-              city_list: {},
-              county_list: {}
-            };
-            if (data) {
-              data.forEach((n, i) => {
-                obj.city_list[n.area_code + '00'] = n.area_name;
-                if (n.areaList.length > 0) {
-                  n.areaList.forEach((k, j) => {
-                    obj.county_list[k.area_code] = k.area_name;
-                  })
-                }
-              });
-              this.areaList = obj;
-            }
-          } else {
-            this.$toast.fail(res.message)
-          }
-        },
-        onFail: err => {
-          console.log('err', err)
-        }
-      });
+    selectClassTypeOver(value) {
+      this.classType = value.label
+      this.classTypeVal = value.value
+      this.showUserClassSelect = false
     },
-    selectAreaOver (value) {
-      let data = value;
-      var city = data[1].code;
-      city = city.substring(0, city.length - 2);
-      // console.log(city)
-      this.area = data[0].name + ',' + data[1].name + ',' + data[2].name;
-      this.areaCode = [data[0].code, city, data[2].code];
-      this.quCode = data[2].code;
-      this.school = '',
-        this.schoolId = '',
-        this.showAreaSelect = false
+    selectAreaOver(value) {
+      this.area = '浙江省,' + value.selectedOptions[0].area_name + ',' + value.selectedOptions[1].area_name
+      this.showAreaSelect = false
     },
 
-    submit () {
+    submit() {
       if (!this.studentName) {
-        this.$toast('请输入姓名');
-      }
-      else if (!this.userType) {
-        this.$toast('请选择阶段');
-      }
-      else if (!this.classType) {
-        this.$toast('请选择班级');
-      }
-      else if (!this.year) {
-        this.$toast('请选择入学年份');
-      }
-      else if (!this.area) {
-        this.$toast('请选择地区');
-      }
-      else if (!this.school) {
-        this.$toast('请选择学校');
+        this.$toast('请输入姓名')
+      } else if (!this.userType) {
+        this.$toast('请选择阶段')
+      } else if (!this.classType) {
+        this.$toast('请选择班级')
+      } else if (!this.year) {
+        this.$toast('请选择入学年份')
+      } else if (!this.area) {
+        this.$toast('请选择地区')
+      } else if (!this.school) {
+        this.$toast('请选择学校')
       } else {
         let postData = {
           contactsName: this.studentName,
           contactsMobile: this.userInfo?.phone,
           contactsType: 1,
-          province: this.area.split(',')[0],//省份
-          city: this.area.split(',')[1],//城市
-          area: this.area.split(',')[2],//地区
-          schoolName: this.school,//学校名称
-          enrollYear: this.year,//入学年份
-          travelerType: this.userTypeVal,//1-小学 2-初中 3-高中
+          province: this.area.split(',')[0], //省份
+          city: this.area.split(',')[1], //城市
+          area: this.area.split(',')[2], //地区
+          schoolName: this.school, //学校名称
+          enrollYear: this.year, //入学年份
+          travelerType: this.userTypeVal, //0 幼儿园 1-小学 2-初中 3-高中
           loginMobile: this.userInfo?.phone,
-          className: this.classType  //班级
+          className: this.classType, //班级
         }
         this.$toast.loading({
           message: '加载中',
           duration: 0,
-          forbidClick: true
+          forbidClick: true,
         })
         this.mgop({
           api: 'mgop.sz.hswsy.addStudent', // 必须
@@ -525,7 +612,7 @@ export default {
             //   'isTestUrl': '1'
           },
           data: postData,
-          onSuccess: res => {
+          onSuccess: (res) => {
             console.log('添加学生：', res)
             this.$toast.clear()
             if (res.data.code == 200) {
@@ -535,31 +622,31 @@ export default {
               this.$toast.fail(res.data?.message)
             }
           },
-          onFail: err => {
+          onFail: (err) => {
             console.log('err', err)
-          }
-        });
+          },
+        })
       }
     },
     //选择学校
-    chooseSchool () {
+    chooseSchool() {
       // this.$router.push({name: 'chooseSchool'})
       this.chooseSchoolisShow = true
     },
-    schoolData (val) {
-      this.school = val.text;
-      this.schoolId = val.id;
+    schoolData(val) {
+      this.school = val.text
+      this.schoolId = val.id
     },
-    checkPhone (phone) {
-      if ((/^1[3456789]\d{9}$/.test(phone))) {
+    checkPhone(phone) {
+      if (/^1[3456789]\d{9}$/.test(phone)) {
         return true
       } else {
         return false
       }
     },
   },
-  destroyed () {
-    clearInterval(codeInterval);
+  destroyed() {
+    clearInterval(codeInterval)
   },
 }
 </script>
@@ -646,8 +733,7 @@ export default {
         float: right;
         font-size: 28px;
         background: linear-gradient(135deg, #cdf8cf 0%, #8af36f 100%);
-        box-shadow: 0px 4px 8px 0px rgba(189, 189, 189, 0.5),
-          0px 8px 12px 0px rgba(89, 199, 171, 0.5);
+        box-shadow: 0px 4px 8px 0px rgba(189, 189, 189, 0.5), 0px 8px 12px 0px rgba(89, 199, 171, 0.5);
         border-radius: 34px;
         border: transparent;
         color: #333333;
@@ -663,8 +749,7 @@ export default {
       height: 72px;
       border: 0;
       background: linear-gradient(135deg, #99c2ff 0%, #1f59ff 100%);
-      box-shadow: 0px 4px 8px 0px rgba(189, 189, 189, 0.5),
-        0px 8px 12px 0px rgba(87, 137, 255, 0.5);
+      box-shadow: 0px 4px 8px 0px rgba(189, 189, 189, 0.5), 0px 8px 12px 0px rgba(87, 137, 255, 0.5);
       border-radius: 34px;
       font-size: 34px;
       color: #ffffff;
@@ -760,10 +845,17 @@ export default {
       font-size: 34px;
       color: #ffffff;
       margin: 0 auto;
-      margin-top: 120px;
+      margin-top: 80px;
       display: block;
     }
   }
+  .change-btn {
+    color: #5789ff;
+    font-size: 28px;
+    text-align: center;
+    text-decoration: underline;
+    margin-top: 40px;
+  }
 }
 ::v-deep .van-search {
   background: transparent;
--
libgit2 0.21.0