From f29fbf9c1b9aa8ee3443a0f53dc1eec4dee004ef Mon Sep 17 00:00:00 2001
From: ChenQiuYu <chenqiuyu@jizhiweb.cn>
Date: Mon, 26 May 2025 10:46:14 +0800
Subject: [PATCH] dev

---
 src/components/registration/Edit.vue | 312 +++++++++++++--------------
 1 file changed, 155 insertions(+), 157 deletions(-)

diff --git a/src/components/registration/Edit.vue b/src/components/registration/Edit.vue
index 28c40ef..fad493a 100644
--- a/src/components/registration/Edit.vue
+++ b/src/components/registration/Edit.vue
@@ -2,128 +2,126 @@
   <Mask :is-show="isShow" width="800" :height="height" title="挂号" @close="close"
         :show-footer="true">
     <template #default>
-      <div style="padding:0 24px;height: 100%;display: flex;flex-direction: column">
-        <el-form
-            v-loading="loading"
-            :model="edit_data"
-            label-width="auto"
-            :rules="rules"
-            ref="form"
-            style="flex: 1;width: 100%"
-        >
-          <el-descriptions
-              border
-              direction="vertical"
-              :column="4"
-              style="margin-top: 20px"
+      <div style="padding:0 24px 24px;height: 100%;display: flex;flex-direction: column">
+        <el-scrollbar>
+          <el-form
+              v-loading="loading"
+              :model="edit_data"
+              label-width="auto"
+              :rules="rules"
+              ref="form"
+              style="flex: 1;width: 100%"
           >
-            <el-descriptions-item label="姓名" width="200">
-              <el-form-item prop="name" style="margin-bottom: 2px">
-                <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-descriptions-item>
-            <el-descriptions-item label="性别" width="200">
-              <el-form-item prop="gender">
-                <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-descriptions-item>
-            <el-descriptions-item label="年龄" width="200">
-              <el-form-item prop="age">
-                <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-descriptions-item>
-            <el-descriptions-item label="手机号" width="200">
-              <el-form-item prop="phone">
-                <el-input v-model="edit_data.phone" placeholder="手机号"
-                          :disabled="edit_data.status==3||edit_data.status==0"></el-input>
-              </el-form-item>
-            </el-descriptions-item>
-            <el-descriptions-item label="医生">
-              <el-form-item prop="organizationDoctorId">
-                <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-descriptions-item>
-            <el-descriptions-item label="科室">
-              <el-form-item>
-                <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-descriptions-item>
-            <el-descriptions-item label="证件类型">
-              <el-form-item prop="certType">
-                <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-descriptions-item>
-            <el-descriptions-item label="证件码">
-              <el-form-item prop="certNo">
-                <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>
-            </el-descriptions-item>
-            <el-descriptions-item label="初/复诊">
-              <el-form-item prop="visitType">
-                <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>
-            </el-descriptions-item>
-            <el-descriptions-item label="费用类型">
-              <el-form-item prop="type">
-                <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>
-            </el-descriptions-item>
-            <el-descriptions-item
-                :span="2"
-                label="时间">
-
-
-              <div style=" display: flex;justify-content: space-between">
-                <el-form-item style="flex: 1;min-width: 0" v-if="!isBtnShow&&dateName!='预约'">
-                  <div style="width: 100%">现在</div>
+            <el-descriptions
+                border
+                direction="vertical"
+                :column="4"
+                style="margin-top: 20px"
+            >
+              <el-descriptions-item label="姓名" width="200">
+                <el-form-item prop="name" style="margin-bottom: 2px">
+                  <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 v-else style="flex: 1;min-width: 0" prop="date">
-                  <div style="display: flex">
+              </el-descriptions-item>
+              <el-descriptions-item label="性别" width="200">
+                <el-form-item prop="gender">
+                  <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-descriptions-item>
+              <el-descriptions-item label="年龄" width="200">
+                <el-form-item prop="age">
+                  <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-descriptions-item>
+              <el-descriptions-item label="手机号" width="200">
+                <el-form-item prop="phone">
+                  <el-input v-model="edit_data.phone" placeholder="手机号"
+                            :disabled="edit_data.status==3||edit_data.status==0"></el-input>
+                </el-form-item>
+              </el-descriptions-item>
+              <el-descriptions-item label="医生">
+                <el-form-item prop="organizationDoctorId">
+                  <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-descriptions-item>
+              <el-descriptions-item label="科室">
+                <el-form-item>
+                  <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-descriptions-item>
+              <el-descriptions-item label="证件类型">
+                <el-form-item prop="certType">
+                  <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-descriptions-item>
+              <el-descriptions-item label="证件码">
+                <el-form-item prop="certNo">
+                  <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>
+              </el-descriptions-item>
+              <el-descriptions-item label="初/复诊">
+                <el-form-item prop="visitType">
+                  <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>
+              </el-descriptions-item>
+              <el-descriptions-item label="费用类型">
+                <el-form-item prop="type">
+                  <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>
+              </el-descriptions-item>
+              <el-descriptions-item
+                  :span="2"
+                  label="时间">
+
+
+                <div style=" display: flex;">
+                  <div style="flex: 1;min-width: 0" v-if="!isBtnShow&&dateName!='预约'">现在</div>
+                  <div v-else style="flex:1;min-width:0;display: flex;align-items: center">
                     <el-date-picker
                         v-model="edit_data.date"
                         type="date"
@@ -143,44 +141,44 @@
                         style="width: 50%"
                     />
                   </div>
+                  <span v-if="dateName!='预约'" class="small-btn" @click="changeBtn">{{
+                      isBtnShow ? '挂号' : '预约'
+                    }}</span>
+                </div>
+              </el-descriptions-item>
+              <el-descriptions-item
+                  :span="4"
+                  label="备注">
+                <el-form-item>
+                  <el-input v-model="edit_data.memo" placeholder="备注" :disabled="edit_data.status==0"></el-input>
                 </el-form-item>
-                <span v-if="dateName!='预约'" class="small-btn" @click="changeBtn">{{
-                    isBtnShow ? '挂号' : '预约'
-                  }}</span>
-              </div>
-            </el-descriptions-item>
-            <el-descriptions-item
-                :span="4"
-                label="备注">
-              <el-form-item>
-                <el-input v-model="edit_data.memo" placeholder="备注" :disabled="edit_data.status==0"></el-input>
-              </el-form-item>
-            </el-descriptions-item>
-          </el-descriptions>
-        </el-form>
-        <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>
+              </el-descriptions-item>
+            </el-descriptions>
+          </el-form>
+          <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>
+        </el-scrollbar>
       </div>
     </template>
     <template #footer>