From f079845eb0c38f8de0a76154ebc6774b1863cc8f Mon Sep 17 00:00:00 2001
From: lxd <1004405501@qq.com>
Date: Wed, 11 Dec 2024 11:23:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=94=A8=E6=88=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=20=E5=85=B3=E8=81=94=E5=8C=BB=E7=94=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/user/UserForm.vue | 49 ++++++++++++++++++++++--------
 1 file changed, 36 insertions(+), 13 deletions(-)

diff --git a/src/views/system/user/UserForm.vue b/src/views/system/user/UserForm.vue
index 92e417a3..59bfc77b 100644
--- a/src/views/system/user/UserForm.vue
+++ b/src/views/system/user/UserForm.vue
@@ -15,14 +15,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="医生编码" prop="doctorID">
-            <el-select v-model="formData.doctorID" placeholder="医生" clearable>
-              <el-option
-                v-for="item in doctorList"
-                :key="item.doctorID"
-                :label="item.doctorName"
-                :value="item.doctorID"
-              />
-            </el-select>
+            <el-input disabled v-model="formData.doctorID" />
           </el-form-item>
           <!-- <el-form-item label="归属部门" prop="deptId">
             <el-tree-select
@@ -44,7 +37,20 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="医生名称" prop="doctorname">
-            <el-input disabled v-model="formData.doctorname" />
+            <el-select
+              v-model="formData.doctorname"
+              placeholder="医生"
+              clearable
+              @change="handleDoctorChange"
+              @clear="handleClear"
+            >
+              <el-option
+                v-for="item in doctorList"
+                :key="item.doctorName"
+                :label="item.doctorName"
+                :value="item.doctorName"
+              />
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
@@ -237,15 +243,32 @@ function handleOrgChange(newVal) {
 }
 // 计算属性，根据formData.doctorID获取医生名称
 const selectedDoctorName = computed(() => {
-  const selectedDoctor = doctorList.value.find(doctor => doctor.doctorID === formData.value.doctorID);
-  return selectedDoctor ? selectedDoctor.doctorName : '';
-});
+  const selectedDoctor = doctorList.value.find(
+    (doctor) => doctor.doctorID === formData.value.doctorID
+  )
+  return selectedDoctor ? selectedDoctor.doctorName : ''
+})
 
 // 根据机构ID加载相关选项的方法
 async function loadRelatedOptions(orgId) {
   // 加载医生
   doctorList.value = await UserApi.getDoctorList(orgId)
 }
+
+function handleDoctorChange(selectedDoctorName) {
+  const selectedDoctor = doctorList.value.find((doctor) => doctor.doctorName === selectedDoctorName)
+  if(selectedDoctor)
+{
+  formData.value.doctorID = selectedDoctor.doctorID
+}
+  
+}
+
+function handleClear() {
+
+  formData.value.doctorID=''
+}
+
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 const submitForm = async () => {
@@ -253,7 +276,7 @@ const submitForm = async () => {
   if (!formRef) return
   const valid = await formRef.value.validate()
   if (!valid) return
-  formData.value.doctorname=selectedDoctorName.value
+  // formData.value.doctorname=
   // 提交请求
   formLoading.value = true
   try {