把新增患者中的联系人替换成监护人

openhis-ui-vue3/src/views/charge/outpatientregistration/components/patientAddDialog.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- <div class="app-container"> -->
   <!-- 添加或修改对话框 -->
-  <el-dialog :title="title" v-model="visible" width="980px" append-to-body>
+  <el-dialog :title="title" v-model="visible" width="1020px" append-to-body>
-    <el-form ref="patientRef" :model="form" :rules="rules" label-width="100px">
+      <el-form ref="patientRef" :model="form" :rules="rules" label-width="120px" label-position="left">
       <el-row>
         <el-col :span="8">
           <el-form-item label="姓名" prop="name">
@@ -130,35 +130,6 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="联系人" prop="linkName">
-            <el-input v-model="form.linkName" clearable :disabled="isViewMode" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="联系人关系" prop="linkRelationCode">
-            <el-select
-              v-model="form.linkRelationCode"
-              placeholder="联系人关系"
-              clearable
-              :disabled="isViewMode"
-            >
-              <el-option
-                v-for="item in familyrelationshiptypeList"
-                :key="item.value"
-                :label="item.info"
-                :value="item.value"
-              />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="联系人电话" prop="linkRelationCode">
-            <el-input v-model="form.linkTelcom" clearable :disabled="isViewMode" />
-          </el-form-item>
-        </el-col>
-      </el-row>
       <el-row>
         <el-col :span="8">
           <el-form-item label="地址选择" prop="addressSelect">
@@ -244,6 +215,46 @@
           </el-form-item>
         </el-col>
       </el-row>
+       <el-row>
+        <el-col :span="8">
+          <el-form-item label="监护人" prop="guardianName">
+            <el-input v-model="form.guardianName" clearable :disabled="isViewMode" placeholder="请输入监护人" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="监护人关系" prop="guardianRelation">
+            <el-select v-model="form.guardianRelation" placeholder="监护人关系" clearable :disabled="isViewMode">
+              <!-- 关系选项 -->
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="监护人电话" prop="guardianPhone">
+            <el-input v-model="form.guardianPhone" clearable :disabled="isViewMode" placeholder="请输入监护人电话" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="监护人证件类型" prop="guardianIdType">
+            <el-select v-model="form.guardianIdType" placeholder="请选择" clearable :disabled="isViewMode">
+              <el-option label="身份证" value="id_card" />
+              <el-option label="护照" value="passport" />
+              <el-option label="其他" value="other" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="监护人证件号码" prop="guardianIdNo" label-width="140px">
+            <el-input v-model="form.guardianIdNo" clearable :disabled="isViewMode" placeholder="请输入监护人证件号码" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="监护人地址" prop="guardianAddress">
+            <el-input v-model="form.guardianAddress" clearable :disabled="isViewMode" placeholder="请输入监护人详细地址" />
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
     <template #footer>
       <div class="dialog-footer">
@@ -624,4 +635,12 @@ defineExpose({
   line-height: 1.2; /* 调整行间距 */
   margin-bottom: 4px; /* 调整 label 和输入框之间的间距 */
 }
+
+/* 防止表单标签换行 */
+:deep(.el-form-item__label) {
+  white-space: nowrap;
+  overflow: visible;
+  text-overflow: clip;
+  width: 120px;
+}
 </style>