From bbec0065eba47d471006af3a122a334eebe219b9 Mon Sep 17 00:00:00 2001
From: wangyilin <1454641981@qq.com>
Date: Thu, 19 Dec 2024 14:15:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E4=BF=9D=E5=AE=89?=
 =?UTF-8?q?=E5=BD=95=E5=85=A5=E5=A2=9E=E5=8A=A0=E6=96=B0=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 collect_information/src/enums/index.ts        |   1 +
 .../projectDetails/projectDetails.vue         |  11 +-
 .../securityUserForm/securityUserForm.vue     | 145 +++++++++++-------
 .../projectManager/myProject/index.ts         |   4 +
 .../projectManager/securityUserForm/index.ts  |   3 +-
 5 files changed, 105 insertions(+), 59 deletions(-)

diff --git a/collect_information/src/enums/index.ts b/collect_information/src/enums/index.ts
index efdc1ef..a4da952 100644
--- a/collect_information/src/enums/index.ts
+++ b/collect_information/src/enums/index.ts
@@ -9,6 +9,7 @@ type EnumType =
   | 'Sex'
   | 'ServiceProjectType'
   | 'MiniProgramUserIdentity'
+  | 'EducationLevel'
 
 export const initEnum = () => {
   api.get<Record<EnumType, SelectNodeVo<any>[]>>('/common/enums').then(resp => {
diff --git a/collect_information/src/subPages/projectManager/myProject/projectDetails/projectDetails.vue b/collect_information/src/subPages/projectManager/myProject/projectDetails/projectDetails.vue
index cabc5fa..bbc7cbf 100644
--- a/collect_information/src/subPages/projectManager/myProject/projectDetails/projectDetails.vue
+++ b/collect_information/src/subPages/projectManager/myProject/projectDetails/projectDetails.vue
@@ -96,10 +96,11 @@
       <nut-dialog no-cancel-btn content="详情" v-model:visible="detailVisible">
         <slot>
           <view style="margin-bottom: 5px">
-            <view>籍贯：{{ securityUserDetail.nativePlace }}</view>
-            <view>公司：{{ securityUserDetail.securityUnitName }}</view>
-            <view>家庭地址：{{ securityUserDetail.homeAddress }}</view>
-            <view>备注：{{ securityUserDetail.remark }}</view>
+            <view>籍贯：{{ securityUserDetail?.nativePlace }}</view>
+            <view>公司：{{ securityUserDetail?.securityUnitName }}</view>
+            <view>家庭地址：{{ securityUserDetail?.homeAddress }}</view>
+            <view>文化程度：{{ securityUserDetail.educationLevel?.label }}</view>
+            <view>备注：{{ securityUserDetail?.remark }}</view>
           </view>
         </slot>
       </nut-dialog>
@@ -240,7 +241,7 @@ const detail = (item: ServiceProjectSecurityUserPagerVo) => {
 }
 const securityUserEdit = (item: ServiceProjectSecurityUserPagerVo) => {
   console.log(item)
-  const params = {...item, sex: item.sex.value}
+  const params = {...item, sex: item.sex.value,educationLevel:item.educationLevel}
   Taro.navigateTo({url: `/subPages/projectManager/securityUserForm/securityUserForm?securityUser=${JSON.stringify(params)}&type=formInput`})
 }
 
diff --git a/collect_information/src/subPages/projectManager/securityUserForm/securityUserForm.vue b/collect_information/src/subPages/projectManager/securityUserForm/securityUserForm.vue
index 914fe64..1a2ca65 100644
--- a/collect_information/src/subPages/projectManager/securityUserForm/securityUserForm.vue
+++ b/collect_information/src/subPages/projectManager/securityUserForm/securityUserForm.vue
@@ -1,13 +1,13 @@
 <template>
   <view class="form">
     <nut-form ref="formRef" :model-value="formData" :rules="rules">
-      <nut-form-item  label="头像" prop="avatar">
-<!--        <view  class="uploadPictures" @click="chooseImage">-->
-<!--          <view v-if="!formData.photo">-->
-<!--            <IconFont name="uploader"  size="25" color="#98a7b0"></IconFont>-->
-<!--          </view>-->
-<!--          <image v-else :src="minioBaseUrl +formData.photo" style="width: 100%; height: 100%"></image>-->
-<!--        </view>-->
+      <nut-form-item label="头像" prop="avatar">
+        <!--        <view  class="uploadPictures" @click="chooseImage">-->
+        <!--          <view v-if="!formData.photo">-->
+        <!--            <IconFont name="uploader"  size="25" color="#98a7b0"></IconFont>-->
+        <!--          </view>-->
+        <!--          <image v-else :src="minioBaseUrl +formData.photo" style="width: 100%; height: 100%"></image>-->
+        <!--        </view>-->
         <view @click="chooseImage" size>
           <image v-if="!formData.photo" src="@/assets/logo/avatar1.png" style="width: 50px; height: 50px"></image>
           <image v-else :src="minioBaseUrl +formData.photo" style="width: 160px; height: 128px"></image>
@@ -15,16 +15,16 @@
       </nut-form-item>
       <nut-form-item label="身份证" prop="idCard">
         <view style="display: flex; justify-content: space-between; align-items: center">
-          <nut-input v-model="formData.idCard" placeholder="请填写身份证" type="text" @blur="cardBlur" />
+          <nut-input v-model="formData.idCard" placeholder="请填写身份证" type="text" @blur="cardBlur"/>
           <view style="color: #3a6bbe; width: 70px; text-align: center" @click="idCardBlur(formData, 0)">查询</view>
         </view>
       </nut-form-item>
       <nut-form-item label="姓名" prop="name">
-        <nut-input v-model="formData.name" placeholder="请输入姓名" type="text" />
+        <nut-input v-model="formData.name" placeholder="请输入姓名" type="text"/>
       </nut-form-item>
       <nut-form-item label="性别" prop="sex">
         <nut-radio-group v-model="formData.sex" direction="horizontal">
-          <nut-radio v-for="item in SEX" :key="item.value" :label="item.value">{{ item.label }} </nut-radio>
+          <nut-radio v-for="item in SEX" :key="item.value" :label="item.value">{{ item.label }}</nut-radio>
         </nut-radio-group>
       </nut-form-item>
       <nut-form-item label="出生日期" prop="dateOfBirth">
@@ -33,25 +33,30 @@
         </view>
       </nut-form-item>
       <nut-form-item label="工作岗位" prop="workPost">
-        <nut-input v-model="formData.workPost" placeholder="请输入工作岗位" type="text" />
+        <nut-input v-model="formData.workPost" placeholder="请输入工作岗位" type="text"/>
       </nut-form-item>
       <nut-form-item label="手机号" prop="telephone">
-        <nut-input v-model="formData.telephone" placeholder="请输入手机号" type="text" />
+        <nut-input v-model="formData.telephone" placeholder="请输入手机号" type="text"/>
+      </nut-form-item>
+      <nut-form-item label="文化程度" prop="educationLevel">
+        <view @click="showBottom = true" >
+          {{educationLevelValue?educationLevelValue:'请选择文化程度'}}
+        </view>
       </nut-form-item>
       <nut-form-item label="籍贯" prop="nativePlace">
-        <nut-input v-model="formData.nativePlace" placeholder="请输入籍贯" type="text" />
+        <nut-input v-model="formData.nativePlace" placeholder="请输入籍贯" type="text"/>
       </nut-form-item>
       <nut-form-item label="地址" prop="homeAddress">
-        <nut-input v-model="formData.homeAddress" placeholder="请输入地址" type="text" />
+        <nut-input v-model="formData.homeAddress" placeholder="请输入地址" type="text"/>
       </nut-form-item>
       <nut-form-item label="保安证件号" prop="securityNumber">
-        <nut-input v-model="formData.securityNumber" placeholder="请输入保安证号" type="text" />
+        <nut-input v-model="formData.securityNumber" placeholder="请输入保安证号" type="text"/>
       </nut-form-item>
       <nut-form-item label="无证说明" v-if="!formData.securityNumber">
-        <nut-input v-model="formData.noSecurityNumberDesc" placeholder="无证说明" type="text" />
+        <nut-input v-model="formData.noSecurityNumberDesc" placeholder="无证说明" type="text"/>
       </nut-form-item>
       <nut-form-item label="备注" prop="remark">
-        <nut-input v-model="formData.remark" placeholder="请填写备注" type="text" />
+        <nut-input v-model="formData.remark" placeholder="请填写备注" type="text"/>
       </nut-form-item>
     </nut-form>
     <view class="formButton">
@@ -71,30 +76,44 @@
     <nut-dialog content="详情" v-model:visible="visible" @ok="onOk" @cancel="cancel">
       <slot>
         <view style="margin-bottom: 5px">
-          <view>姓名：{{ securityNumberByIdCard.name ? securityNumberByIdCard.name : '无' }}</view>
+          <view>姓名：{{ securityNumberByIdCard?.name ? securityNumberByIdCard.name : '无' }}</view>
           <view>保安证件号：{{ securityNumberByIdCard?.bayzh ? securityNumberByIdCard?.bayzh : '无' }}</view>
           <view>身份证：{{ securityNumberByIdCard?.sfzhm ? securityNumberByIdCard?.sfzhm : '无' }}</view>
         </view>
       </slot>
     </nut-dialog>
+    <nut-popup v-model:visible="showBottom" position="bottom" :style="{ height: '40%' }">
+      <nut-picker
+        :columns="columns"
+        :field-names="{
+      text: 'label',
+      value: 'value',
+      children: 'extData'
+    }"
+        title="学历选择"
+        @confirm="confirm"
+        @cancel="showBottom = false"
+      />
+    </nut-popup>
   </view>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue'
-import { enumSelectNodes } from '@/enums'
-import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types'
+import {ref} from 'vue'
+import {enumSelectNodes} from '@/enums'
+import {FormRules} from '@nutui/nutui-taro/dist/types/__VUE/form/types'
 import api from '@/request'
 import './securityUserForm.scss'
-import Taro, { useLoad } from '@tarojs/taro'
+import Taro, {useLoad} from '@tarojs/taro'
 import dayjs from 'dayjs'
-import { SecurityUserFormParams, securityNumberByIdCard } from '@/types/subPages/projectManager/securityUserForm'
-import { FormInstance } from '@nutui/nutui-taro'
-import { generateSimpleObjectName, getResignedObjectUrl } from '@/utils'
+import {SecurityUserFormParams, securityNumberByIdCard} from '@/types/subPages/projectManager/securityUserForm'
+import {FormInstance} from '@nutui/nutui-taro'
+import {generateSimpleObjectName, getResignedObjectUrl} from '@/utils'
 
-const SEX:any = enumSelectNodes('Sex')
+const SEX: any = enumSelectNodes('Sex')
 const minioBaseUrl = process.env.TARO_APP_MINIO_URL
 const BUCKET = process.env.TARO_APP_MINIO_BUCKET
 const showPicker = ref(false)
+const showBottom = ref(false)
 const Url = ref('')
 const type = ref<'formInput' | 'QcCodeInput'>(null!)
 const formData = ref<SecurityUserFormParams>({} as any)
@@ -103,23 +122,37 @@ const visible = ref<boolean>(false)
 const securityNumberByIdCard = ref<securityNumberByIdCard | any>()
 const uploadRef = ref<any>(null)
 const modelValue = ref('')
+const columns: any = enumSelectNodes('EducationLevel')
+
 
 const rules: FormRules = {
-  name: [{ required: true, message: '请输入姓名' }],
-  sex: [{ required: true, message: '请选择性别' }],
+  name: [{required: true, message: '请输入姓名'}],
+  sex: [{required: true, message: '请选择性别'}],
   idCard: [
-    { required: true, message: '请输入身份证号' },
+    {required: true, message: '请输入身份证号'},
     {
       regex: /^(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))((0[1-9])|([12][0-9])|(30|31))\d{3}(\d|X)$)/,
       message: '身份证格式错误',
     },
   ],
-  telephone: [{ required: true, message: '请输入手机号' }],
+  telephone: [{required: true, message: '请输入手机号'}],
+  educationLevel:[{required: true, message: '请选择文化程度'}]
 }
 
+const educationLevelValue = ref('')
+// 文化程度
+const confirm = ({selectedOptions}) => {
+  Object.keys(selectedOptions).forEach((item:any,index:number)=>{
+    console.log(item)
+    educationLevelValue.value = selectedOptions[index].label
+    formData.value.educationLevel =  selectedOptions[index].value
+  })
+  showBottom.value = false
+}
 useLoad((options) => {
   type.value = options.type
   if (type.value === 'QcCodeInput') {
+    console.log(1111)
     formData.value = {
       name: '',
       serviceProjectId: options.pid,
@@ -130,13 +163,16 @@ useLoad((options) => {
       dateOfBirth: null,
       noSecurityNumberDesc: options.noSecurityNumberDesc,
       photo: '',
+      educationLevel: ''
     }
   } else {
     const form = JSON.parse(options.securityUser)
+    educationLevelValue.value = form.educationLevel.label
     formData.value = Object.assign({}, form, {
       idCard: form.idCard.originalValue,
       telephone: form.telephone.originalValue,
-      photo: form.photo
+      photo: form.photo,
+      educationLevel:  form.educationLevel.value
     })
   }
 })
@@ -144,31 +180,31 @@ useLoad((options) => {
 const idCardBlur = async (e: any, num: number) => {
   const value = e.idCard
   if (value) {
-     if(BUCKET === 'police-security-dev'){
-       Taro.request({
-         url: 'https://www.hnjinglian.cn:5678/common/querySecurityNumberByIdCard',
-         data: {
-           idCard: value,
-         },
-         method: 'GET',
-         success: ({ data }) => {
-           console.log(data.data)
-           visible.value = true
-           securityNumberByIdCard.value = data.data
-         },
-       })
-     }else{
-      const  resp =  await api.get('/common/querySecurityNumberByIdCard',{ idCard: value})
-       visible.value = true
-       securityNumberByIdCard.value = resp?.data
-     }
+    if (BUCKET === 'police-security-dev') {
+      Taro.request({
+        url: 'https://www.hnjinglian.cn:5678/common/querySecurityNumberByIdCard',
+        data: {
+          idCard: value,
+        },
+        method: 'GET',
+        success: ({data}) => {
+          console.log(data.data)
+          visible.value = true
+          securityNumberByIdCard.value = data.data
+        },
+      })
+    } else {
+      const resp = await api.get('/common/querySecurityNumberByIdCard', {idCard: value})
+      visible.value = true
+      securityNumberByIdCard.value = resp?.data
+    }
   } else {
     visible.value = false
   }
   cardBlur(value, num)
 }
 
-const cardBlur = (e:any, num:number) => {
+const cardBlur = (e: any, num: number) => {
   let value: string
   if (num === 0) {
     value = e
@@ -201,10 +237,10 @@ const chooseImage = () => {
     count: 1, // 选择一个文件
     mediaType: ['image', 'video'],
     sourceType: ['album', 'camera'],
-    sizeType:['original', 'compressed'],
+    sizeType: ['original', 'compressed'],
     camera: 'front',
     success: async (res) => {
-      Url.value =  res.tempFiles[0].tempFilePath
+      Url.value = res.tempFiles[0].tempFilePath
       const objectName = generateSimpleObjectName(Url.value, '/securityUser')
       const uploadUrl = await getResignedObjectUrl(process.env.TARO_APP_MINIO_BUCKET, objectName)
 
@@ -236,7 +272,7 @@ const chooseImage = () => {
 }
 const submit = () => {
   formData.value.photo = modelValue.value
-  formRef.value?.validate().then(async ({ valid }) => {
+  formRef.value?.validate().then(async ({valid}) => {
     if (valid) {
       let url: string
       if (type.value === 'formInput') {
@@ -244,6 +280,7 @@ const submit = () => {
       } else {
         url = '/mp/user/qrCodeFormInputSecurityUser'
       }
+      console.log(formData.value)
       const resp = await api.post(url, formData.value)
       Taro.showToast({
         title: resp.message,
@@ -267,7 +304,9 @@ const submit = () => {
         homeAddress: '',
         noSecurityNumberDesc: '',
         photo: '',
+        educationLevel: ''
       }
+      educationLevelValue.value = ''
       uploadRef.value?.clearUploadQueue()
     }
   })
diff --git a/collect_information/types/subPages/projectManager/myProject/index.ts b/collect_information/types/subPages/projectManager/myProject/index.ts
index 09240b0..93e24c4 100644
--- a/collect_information/types/subPages/projectManager/myProject/index.ts
+++ b/collect_information/types/subPages/projectManager/myProject/index.ts
@@ -62,5 +62,9 @@ export interface ServiceProjectSecurityUserPagerVo {
   snowFlakeId: string;
   workPost?: string;
   sex: BaseEnum<number>
+  educationLevel:{
+      label:string,
+      value:string
+  }
 }
 
diff --git a/collect_information/types/subPages/projectManager/securityUserForm/index.ts b/collect_information/types/subPages/projectManager/securityUserForm/index.ts
index 970fe07..0a3093e 100644
--- a/collect_information/types/subPages/projectManager/securityUserForm/index.ts
+++ b/collect_information/types/subPages/projectManager/securityUserForm/index.ts
@@ -13,7 +13,8 @@ export interface SecurityUserFormParams {
   photo?:string;
   remark?: string;
   noSecurityNumberDesc:string;
-  homeAddress?: string
+  homeAddress?: string;
+  educationLevel:string
 }
 
 export  interface  value{