From 9db16dca6ef5443c2c2a812f472d5b43ef5f1830 Mon Sep 17 00:00:00 2001
From: ChenQiuYu <chenqiuyu@jizhiweb.cn>
Date: Thu, 29 May 2025 14:22:31 +0800
Subject: [PATCH] dev

---
 src/components/registration/Edit.vue | 265 ++++++++++++++-------------
 1 file changed, 139 insertions(+), 126 deletions(-)

diff --git a/src/components/registration/Edit.vue b/src/components/registration/Edit.vue
index 33fd79b..a9a32cd 100644
--- a/src/components/registration/Edit.vue
+++ b/src/components/registration/Edit.vue
@@ -2,102 +2,106 @@
   <Mask :is-show="isShow" width="800" :height="height" title="挂号" @close="close"
         :show-footer="true">
     <template #default>
-      <div style="padding:24px;height: 100%">
-          <el-scrollbar>
-            <el-form
-                v-loading="loading"
-                :model="edit_data"
-                label-width="auto"
-                :rules="rules"
-                ref="form"
-                style="width:100%;"
-                label-position="top"
-            >
-              <div style="display:flex;width:100%;">
-                <div class="left">
-                  <el-form-item prop="name" label="姓名">
-                    <el-input v-model="edit_data.name" placeholder="请输入姓名" clearable
-                              :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
-                  </el-form-item>
-                  <el-form-item prop="phone" label="手机号">
-                    <el-input v-model="edit_data.phone" placeholder="请输入手机号" clearable
-                              :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
-                  </el-form-item>
-                  <el-form-item prop="certType" label="证件类型">
-                    <el-select v-model="edit_data.certType" placeholder="证件类型"
-                               :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
-                      <el-option
-                          v-for="item in certTypeList"
-                          :key="item.id"
-                          :label="item.name"
-                          :value="item.id"
-                      ></el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item prop="type" label="费用类型">
-                    <el-select v-model="edit_data.type" :disabled="edit_data.status==0||isShowCard">
-                      <el-option label="自费" :value="1"></el-option>
-                      <el-option label="医保" :value="2"></el-option>
-                    </el-select>
-                  </el-form-item>
-                </div>
-                <div class="middle">
-                  <el-form-item prop="gender" label="性别">
-                    <el-radio-group v-model="edit_data.gender"
-                                    :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
-                      <el-radio :value="1">男</el-radio>
-                      <el-radio :value="2">女</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                  <el-form-item prop="organizationDoctorId" label="医生">
-                    <el-select
-                        v-model="edit_data.organizationDoctorId"
-                        placeholder="请选择医生"
-                        @change="getSectionList"
-                        :disabled="edit_data.status==3||edit_data.status==0"
-                    >
-                      <el-option
-                          v-for="item in doctorList"
-                          :key="item.id"
-                          :label="item.name"
-                          :value="item.id"
-                      >
-                      </el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item prop="certNo" label="证件码">
-                    <el-input v-model="edit_data.certNo" placeholder="请输入证件码"
-                              :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
-                  </el-form-item>
-
-                </div>
-                <div class="right">
-                  <el-form-item prop="age" label="年龄">
-                    <el-input v-model.number="edit_data.age" placeholder="请输入年龄"
-                              :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
-                  </el-form-item>
-                  <el-form-item label="科室">
-                    <el-select
-                        v-model="edit_data.organizationSectionId"
-                        placeholder="选择科室"
-                        :disabled="edit_data.status==3||edit_data.status==0"
-                    >
-                      <el-option
-                          v-for="item in sectionList"
-                          :key="item.id"
-                          :label="item.name"
-                          :value="item.id"
-                      />
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item prop="visitType" label="初/复诊">
-                    <el-select v-model="edit_data.visitType" placeholder="就诊类型" :disabled="edit_data.status==0">
-                      <el-option label="初诊" :value="0"></el-option>
-                      <el-option label="复诊" :value="1"></el-option>
-                    </el-select>
-                  </el-form-item>
-                </div>
+      <div style="padding:24px">
+        <el-scrollbar>
+          <el-form
+              v-loading="loading"
+              :model="edit_data"
+              label-width="auto"
+              :rules="rules"
+              ref="form"
+              style="width:100%;"
+              label-position="top"
+          >
+            <div style="display:flex;width:100%;">
+              <div class="left">
+                <el-form-item prop="name" label="姓名">
+                  <el-input v-model="edit_data.name" placeholder="请输入姓名" clearable
+                            :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
+                </el-form-item>
+                <el-form-item prop="phone" label="手机号">
+                  <el-input v-model="edit_data.phone" placeholder="请输入手机号" clearable
+                            :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
+                </el-form-item>
+                <el-form-item prop="certType" label="证件类型">
+                  <el-select v-model="edit_data.certType" placeholder="证件类型"
+                             :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
+                    <el-option
+                        v-for="item in certTypeList"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
               </div>
+              <div class="middle">
+                <el-form-item prop="gender" label="性别">
+                  <el-radio-group v-model="edit_data.gender"
+                                  :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
+                    <el-radio :value="1">男</el-radio>
+                    <el-radio :value="2">女</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item prop="organizationDoctorId" label="医生">
+                  <el-select
+                      v-model="edit_data.organizationDoctorId"
+                      placeholder="请选择医生"
+                      @change="getSectionList"
+                      :disabled="edit_data.status==3||edit_data.status==0"
+                  >
+                    <el-option
+                        v-for="item in doctorList"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item prop="certNo" label="证件码">
+                  <el-input v-model="edit_data.certNo" placeholder="请输入证件码"
+                            :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
+                </el-form-item>
+
+              </div>
+              <div class="right">
+                <el-form-item prop="age" label="年龄">
+                  <el-input v-model.number="edit_data.age" placeholder="请输入年龄"
+                            :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
+                </el-form-item>
+                <el-form-item label="科室">
+                  <el-select
+                      v-model="edit_data.organizationSectionId"
+                      placeholder="选择科室"
+                      :disabled="edit_data.status==3||edit_data.status==0"
+                  >
+                    <el-option
+                        v-for="item in sectionList"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                    />
+                  </el-select>
+                </el-form-item>
+                <el-form-item prop="visitType" label="初/复诊">
+                  <el-select v-model="edit_data.visitType" placeholder="就诊类型" :disabled="edit_data.status==0">
+                    <el-option label="初诊" :value="0"></el-option>
+                    <el-option label="复诊" :value="1"></el-option>
+                  </el-select>
+                </el-form-item>
+              </div>
+            </div>
+            <div style="display:flex;width:100%;">
+             <div style="flex: 1;min-width: 0">
+               <el-form-item prop="type" label="费用类型">
+                 <el-select v-model="edit_data.type" :disabled="edit_data.status==0||isShowCard">
+                   <el-option label="自费" :value="1"></el-option>
+                   <el-option label="医保" :value="2"></el-option>
+                 </el-select>
+               </el-form-item>
+             </div>
+            <div class="item-btn">
               <el-form-item label="时间">
                 <div style=" display: flex;width: 100%">
                   <div style="flex: 1;min-width: 0" v-if="!isBtnShow&&dateName!='预约'">现在</div>
@@ -129,34 +133,36 @@
                     }}</span>
                 </div>
               </el-form-item>
-              <el-form-item label="备注">
-                <el-input v-model="edit_data.memo" placeholder="备注" :disabled="edit_data.status==0"></el-input>
-              </el-form-item>
-            </el-form>
-          </el-scrollbar>
-          <h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5>
-          <el-table
-              :data="tableData"
-              style="width: 100%;flex: 1"
-              v-if="!isShowCard"
-              highlight-current-row
-              ref="multipleTable"
-              @current-change="handleCurrentChange"
-          >
-            <el-table-column label="险种类型" prop="insutype">
-              <template #default="scope">
-                {{ getKey(insutypes, scope.row.insutype) }}
-              </template>
-            </el-table-column>
-            <el-table-column label="待遇状态">
-            </el-table-column>
-            <el-table-column label="参保日期" prop="psn_insu_date"></el-table-column>
-            <el-table-column label="剩余余额" prop="balc">
-              <template #default="scope">
-                ￥{{ scope.row.balc || 0 }}
-              </template>
-            </el-table-column>
-          </el-table>
+            </div>
+            </div>
+            <el-form-item label="备注">
+              <el-input v-model="edit_data.memo" placeholder="备注" :disabled="edit_data.status==0"></el-input>
+            </el-form-item>
+          </el-form>
+        </el-scrollbar>
+        <h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5>
+        <el-table
+            :data="tableData"
+            style="width: 100%;flex: 1"
+            v-if="!isShowCard"
+            highlight-current-row
+            ref="multipleTable"
+            @current-change="handleCurrentChange"
+        >
+          <el-table-column label="险种类型" prop="insutype">
+            <template #default="scope">
+              {{ getKey(insutypes, scope.row.insutype) }}
+            </template>
+          </el-table-column>
+          <el-table-column label="待遇状态">
+          </el-table-column>
+          <el-table-column label="参保日期" prop="psn_insu_date"></el-table-column>
+          <el-table-column label="剩余余额" prop="balc">
+            <template #default="scope">
+              ￥{{ scope.row.balc || 0 }}
+            </template>
+          </el-table-column>
+        </el-table>
       </div>
     </template>
     <template #footer>
@@ -529,18 +535,25 @@ defineExpose({init})
   background: rgba(#4D6DE4, .5);
 }
 
-.left{
+.left {
   flex: 1;
   min-width: 0;
 
 }
-.middle{
+
+.middle {
   flex: 1;
   min-width: 0;
   margin: 0 24px;
 }
-.right{
+
+.right {
   flex: 1;
   min-width: 0;
 }
+.item-btn{
+  flex: 2;
+  min-width: 0;
+  margin-left: 24px;
+}
 </style>
\ No newline at end of file