dev

src/components/registration/Edit.vue

@@ -15,7 +15,9 @@
             style="margin-top: 20px"
         >
           <el-descriptions-item label="名称">
-            <el-input v-model="edit_data.name" placeholder="请输入名称"></el-input>
+            <el-form-item prop="name">
+              <el-input v-model="edit_data.name" placeholder="请输入名称"></el-input>
+            </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="性别">
             <el-form-item prop="gender">
@@ -26,35 +28,56 @@
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="年龄">
-            <el-input v-model="edit_data.age" placeholder="请输入年龄"></el-input>
+           <el-form-item prop="age">
-          </el-descriptions-item>
+             <el-input v-model="edit_data.age" placeholder="请输入年龄"></el-input>
-          <el-descriptions-item label="证件码">
+           </el-form-item>
-            <el-form-item prop="certno">
-              <el-input v-model="edit_data.certno" placeholder="请输入证件码"></el-input>
-            </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="医生">
-            <el-select
+           <el-form-item prop="organizationDoctorId">
-                v-model="edit_data.organizationDoctorId"
+             <el-select
-                placeholder="请选择医生"
+                 v-model="edit_data.organizationDoctorId"
-            >
+                 placeholder="请选择医生"
-              <el-option
+             >
-                  v-for="item in props.doctorList"
+               <el-option
-                  :key="item.id"
+                   v-for="item in props.doctorList"
-                  :label="item.name"
+                   :key="item.id"
-                  :value="item.id"
+                   :label="item.name"
-              >
+                   :value="item.id"
-              </el-option>
+               >
-            </el-select>
+               </el-option>
+             </el-select>
+           </el-form-item>
           </el-descriptions-item>
+          <el-descriptions-item label="证件类型">
+            <el-form-item prop="certType">
+              <el-select v-model="edit_data.certType" placeholder="证件类型">
+                <el-option
+                    v-for="item in certTypeList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-descriptions-item>
+          <el-descriptions-item label="证件码">
+            <el-form-item prop="certNo">
+              <el-input v-model="edit_data.certNo" placeholder="请输入证件码"></el-input>
+            </el-form-item>
+          </el-descriptions-item>
+
           <el-descriptions-item label="手机号">
-            <el-input v-model="edit_data.phone" placeholder="手机号"></el-input>
+            <el-form-item prop="phone">
+              <el-input v-model="edit_data.phone" placeholder="手机号"></el-input>
+            </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="就诊类型">
-            <el-select v-model="edit_data.visitType" placeholder="就诊类型">
+           <el-form-item prop="visitType">
-              <el-option label="初诊" :value="0"></el-option>
+             <el-select v-model="edit_data.visitType" placeholder="就诊类型">
-              <el-option label="复诊" :value="1"></el-option>
+               <el-option label="初诊" :value="0"></el-option>
-            </el-select>
+               <el-option label="复诊" :value="1"></el-option>
+             </el-select>
+           </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="备注">
             <el-input v-model="edit_data.memo" placeholder="备注"></el-input>
@@ -82,6 +105,7 @@ import {post} from '@/utils/request.ts'
 import CardDefault from '@/components/registration/CardDefault.vue'
 import {ElMessage} from "element-plus";
 import Mask from "@/components/common/Mask.vue";
+import psnCertTypes from "@/assets/config/directory/psnCertTypes.json"
 
 // 定义医生选项的接口
 interface Doctor {
@@ -100,6 +124,7 @@ const props = defineProps({
     default: ''
   }
 })
+const certTypeList = ref<any>(Object.entries(psnCertTypes).map(([id, name]) => ({ id, name })));
 const edit_data = ref<any>({
   name: '',
   gender: '',
@@ -112,15 +137,30 @@ const rules = ref<any>({
   name: [
     {required: true, message: '请输入名称', trigger: 'blur'},
   ],
+  age: [
+    {required: true, message: '请输入年龄', trigger: 'blur'},
+  ],
   gender: [
     {required: true, message: '请选择性别', trigger: 'blur'},
   ],
   spec: [
     {required: true, message: '请输入规格', trigger: 'blur'},
   ],
-  certno: [
+  phone: [
+    {required: true, message: '请输入手机号', trigger: 'blur'},
+  ],
+  organzationDoctorId: [
+    {required: true, message: '请选择医生', trigger: 'blur'},
+  ],
+  certType: [
+    {required: true, message: '请选择证件类型', trigger: 'blur'},
+  ],
+  certNo: [
     {required: true, message: '请输入证件码', trigger: 'blur'},
   ],
+  visitType: [
+    {required: true, message: '请选择就诊类型', trigger: 'blur'},
+  ]
 })
 const isShow = ref(false)
 const emit = defineEmits(['close'])