新增身份证获取详细信息

张红振
1 parent e3309cb2
Showing 3 changed files with 69 additions and 22 deletions
src/utils/tool.ts
src/views/housekeeper/buildinMganager/detail.vue
src/views/serviceman/detail.vue
@@ -3,7 +3,7 @@ import type { EnumArrayItem } from &quot;@/@type/module/basic&quot;
 /**
  * 页面回退
  */
- export function back() {
+export function back() {
   history.go(-1)
 }
  
@@ -11,7 +11,7 @@ import type { EnumArrayItem } from &quot;@/@type/module/basic&quot;
  * 表单重置
  * @param {String} formName 表单名称
  */
- export function resetForm(formName) {
+export function resetForm(formName) {
   this.$refs[formName].resetFields()
 }
  
@@ -21,7 +21,7 @@ import type { EnumArrayItem } from &quot;@/@type/module/basic&quot;
  * @returns {number} s 小数点两位
  */
  
- export function toDecimal2(x) {
+export function toDecimal2(x) {
   var f = parseFloat(x)
   if (isNaN(f)) {
     return false
@@ -45,7 +45,7 @@ import type { EnumArrayItem } from &quot;@/@type/module/basic&quot;
  * @param {string} cFormat 转换格式
  * @returns {string | null}
  */
- export function parseTime(time, cFormat) {
+export function parseTime(time, cFormat) {
   if (arguments.length === 0 || !time) {
     return null
   }
@@ -145,8 +145,8 @@ export function formatTime(time, option) {
  * @param {Array.EnumData} groupData
  * @returns {string}
  */
-export function globalFilters (value: number, groupData: EnumArrayItem[]) {
-  if(groupData.length && (~~value === 0 || !!value)) {
+export function globalFilters(value: number, groupData: EnumArrayItem[]) {
+  if (groupData.length && (~~value === 0 || !!value)) {
     return groupData.find(item => ~~item.value === ~~value)['label']
   } else {
     return value
@@ -158,7 +158,7 @@ export function globalFilters (value: number, groupData: EnumArrayItem[]) {
  * @param {object} data
  * @returns {FormData} fd
  */
-export function formDataWrapper (data: any) {
+export function formDataWrapper(data: any) {
   const fd: any = new FormData()
   for (let i in data) {
     fd.append(i, data[i])
@@ -171,11 +171,49 @@ export function formDataWrapper (data: any) {
  * @param {object} data
  * @returns {FormData} fd
  */
- export function deleteEmptyParam (params: any) {
+export function deleteEmptyParam(params: any) {
   for (const i in params) {
     if (!(params[i] + '').trim()) {
       delete params[i]
     }
   }
   return params
+}
+
+/***
+ * 根据身份证获取性别
+ * @param { string } value 身份证号
+ * @return { string } 性别
+ */
+export function getSex(value: string): string {
+  return parseInt(value.substr(16, 1)) % 2 == 1 ? '男' : '女'
+}
+/***
+ * 根据身份证获取年龄
+ * @param { string } value 身份证号
+ * @return { number } 年龄
+ */
+export function getAge(value: any ): number {
+
+  let myDate = new Date()
+  let month = myDate.getMonth() + 1
+  let day = myDate.getDate()
+  // let valueDate=
+  let age = myDate.getFullYear() - value.substring(6, 10) - 1
+  if (
+    value.substring(10, 12) < month ||
+    (value.substring(10, 12) == month &&
+      value.substring(12, 14) <= day)
+  ) {
+    age++
+  }
+  return age
+}
+/***
+ * 根据身份证获取出生日期
+ * @param { string } value 身份证号
+ * @return { string } 出生日期
+ */
+export function getBirthDate(value: string ): string {
+  return `${value.substring(6, 10)}-${value.substring(10, 12)}-${value.substring(12, 14)}`
 }
 \ No newline at end of file
@@ -3,6 +3,7 @@ import { reactive, ref, getCurrentInstance, defineExpose } from &quot;vue&quot;;
 import type { ElForm } from "element-plus";
 import { insertOrUpdate } from "@/api/housekeeper/buildinMganager.ts";
 import { validMobile, checkIdcard } from "@/utils/validate";
+import { getSex, getBirthDate } from "@/utils/tool";
  
 const ruleFormRef = ref<InstanceType<typeof ElForm>>();
 let instance: ComponentInternalInstance | null = getCurrentInstance(); //获取app实例
@@ -56,6 +57,8 @@ const checkPhone = (rules, value, callback) =&gt; {
  */
 const checkCard = (rules, value, callback) => {
   if (checkIdcard(value)) {
+     props.formObj.gender= getSex(value)=="男"?1:0
+     props.formObj.birthdate= getBirthDate(value)
     callback();
   } else {
     callback(new Error("请填写正确的身份证"));
@@ -9,7 +9,8 @@ import {
 import type { ElForm } from "element-plus";
 import { addOrUpdate } from "@/api/notify/serviceman.ts";
 import { getTableList } from "@/api/community/residence.ts";
-import { validMobile, idcardEasy } from "@/utils/validate";
+import { validMobile, checkIdcard } from "@/utils/validate";
+import { getSex, getAge } from "@/utils/tool";
  
 const ruleFormRef = ref<InstanceType<typeof ElForm>>();
 let instance: ComponentInternalInstance | null = getCurrentInstance(); //获取app实例
@@ -52,7 +53,9 @@ const checkPhone = (rules, value, callback) =&gt; {
  * @callback checkCard~checkCallback
  */
 const checkCard = (rules, value, callback) => {
-  if (idcardEasy(value)) {
+  if (checkIdcard(value)) {
+    props.formObj.sex = getSex(value);
+    props.formObj.age = getAge(value);
     callback();
   } else {
     callback(new Error("请填写正确的身份证"));
@@ -74,7 +77,7 @@ const rules = reactive({
       message: "请输入年龄",
       trigger: "blur",
     },
-    { type: "number", message: "请输入正确的年龄", max: 120,min:1 },
+    { type: "number", message: "请输入正确的年龄", max: 120, min: 1 },
   ],
   mobile: [
     {
@@ -139,7 +142,6 @@ let submitForm = (formEl: InstanceType&lt;typeof ElForm&gt; | undefined) =&gt; {
         })
         .toString();
       params = Object.assign(params, { ids: ids });
-      // console.log({ accendant: params, neighborhoodIds: ids })
       addOrUpdate(params)
         .then((res) => {
           data.loading = false;
@@ -189,12 +191,14 @@ onMounted(() =&gt; {
         maxlength="10"
       ></el-input>
     </el-form-item>
-    <el-form-item label="年龄:" prop="age">
+    <el-form-item label="身份证号:" prop="idCard">
       <el-input
-        v-model.number="props.formObj.age"
-        placeholder="请输入年龄"
+        v-model="props.formObj.idCard"
+        placeholder="请输入身份证号"
+        maxlength="18"
       ></el-input>
     </el-form-item>
+   
     <el-form-item label="联系电话:" prop="mobile">
       <el-input
         v-model="props.formObj.mobile"
@@ -203,13 +207,7 @@ onMounted(() =&gt; {
         :disabled="props.formObj.id"
       ></el-input>
     </el-form-item>
-    <el-form-item label="身份证号:" prop="idCard">
-      <el-input
-        v-model="props.formObj.idCard"
-        placeholder="请输入身份证号"
-        maxlength="18"
-      ></el-input>
-    </el-form-item>
+    
     <el-form-item label="服务小区:" prop="neighborhoods">
       <el-select
         v-model="props.formObj.neighborhoods"
@@ -227,8 +225,16 @@ onMounted(() =&gt; {
         </el-option>
       </el-select>
     </el-form-item>
+     <el-form-item label="年龄:" prop="age">
+      <el-input
+      :disabled="true"
+        v-model.number="props.formObj.age"
+        placeholder="请输入年龄"
+      ></el-input>
+    </el-form-item>
     <el-form-item label="性别:" prop="sex">
       <el-select
+      :disabled="true"
         v-model="props.formObj.sex"
         placeholder="请选择性别"
         style="width: 100%"