From 184ad664e45a1f551aae23cc01e454e7a5cde355 Mon Sep 17 00:00:00 2001
From: cp <2474209645@qq.com>
Date: Mon, 28 Apr 2025 21:51:17 +0800
Subject: [PATCH] 8

---
 .../views/modules/guahao/add-or-update.vue    | 971 +++++-------------
 1 file changed, 278 insertions(+), 693 deletions(-)

diff --git a/src/main/resources/admin/admin/src/views/modules/guahao/add-or-update.vue b/src/main/resources/admin/admin/src/views/modules/guahao/add-or-update.vue
index 90c8752..02dcdf7 100644
--- a/src/main/resources/admin/admin/src/views/modules/guahao/add-or-update.vue
+++ b/src/main/resources/admin/admin/src/views/modules/guahao/add-or-update.vue
@@ -1,698 +1,283 @@
 <template>
-    <div class="addEdit-block">
-        <el-form
-                class="detail-form-content"
-                ref="ruleForm"
-                :model="ruleForm"
-                :rules="rules"
-                label-width="80px"
-                :style="{backgroundColor:addEditForm.addEditBoxColor}">
-            <el-row>
-                <el-col :span="12"  v-if="sessionTable !='yisheng'">
-                    <el-form-item class="select" v-if="type!='info'"  label="医生" prop="yishengId">
-                        <el-select v-model="ruleForm.yishengId" :disabled="ro.yishengId" filterable placeholder="请选择医生" @change="yishengChange">
-                            <el-option
-                                    v-for="(item,index) in yishengOptions"
-                                    v-bind:key="item.id"
-                                    :label="item.yishengName"
-                                    :value="item.id">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                </el-col>
+  <div class="addEdit-block">
+    <!-- 使用 Element UI 的表单组件，绑定表单数据和验证规则 -->
+    <el-form
+        class="detail-form-content"
+        ref="ruleForm"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="80px"
+        :style="{backgroundColor:addEditForm.addEditBoxColor}">
+      <!-- 使用 Element UI 的行组件 -->
+      <el-row>
+        <!-- 当 sessionTable 不是 'yisheng' 时显示该列 -->
+        <el-col :span="12"  v-if="sessionTable!='yisheng'">
+          <!-- 当 type 不是 'info' 时显示该表单域，用于选择医生 -->
+          <el-form-item class="select" v-if="type!='info'"  label="医生" prop="yishengId">
+            <el-select v-model="ruleForm.yishengId" :disabled="ro.yishengId" filterable placeholder="请选择医生" @change="yishengChange">
+              <!-- 循环渲染医生选项 -->
+              <el-option
+                  v-for="(item,index) in yishengOptions"
+                  v-bind:key="item.id"
+                  :label="item.yishengName"
+                  :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
 
-                <el-col :span="12"  v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="医生工号" prop="yishengUuidNumber">
-                        <el-input v-model="yishengForm.yishengUuidNumber"
-                                  placeholder="医生工号" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="医生工号" prop="yishengUuidNumber">
-                            <el-input v-model="ruleForm.yishengUuidNumber"
-                                      placeholder="医生工号" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="医生名称" prop="yishengName">
-                        <el-input v-model="yishengForm.yishengName"
-                                  placeholder="医生名称" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="医生名称" prop="yishengName">
-                            <el-input v-model="ruleForm.yishengName"
-                                      placeholder="医生名称" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="科室" prop="yishengValue">
-                        <el-input v-model="yishengForm.yishengValue"
-                                  placeholder="科室" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="科室" prop="yishengValue">
-                            <el-input v-model="ruleForm.yishengValue"
-                                      placeholder="科室" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="职位" prop="zhiweiValue">
-                        <el-input v-model="yishengForm.zhiweiValue"
-                                  placeholder="职位" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="职位" prop="zhiweiValue">
-                            <el-input v-model="ruleForm.zhiweiValue"
-                                      placeholder="职位" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="职称" prop="yishengZhichneg">
-                        <el-input v-model="yishengForm.yishengZhichneg"
-                                  placeholder="职称" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="职称" prop="yishengZhichneg">
-                            <el-input v-model="ruleForm.yishengZhichneg"
-                                      placeholder="职称" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="24" v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="upload" v-if="type!='info' && !ro.yishengPhoto" label="医生头像" prop="yishengPhoto">
-                        <img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (yishengForm.yishengPhoto || '').split(',')" :src="item" width="100" height="100">
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item v-if="ruleForm.yishengPhoto" label="医生头像" prop="yishengPhoto">
-                            <img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (ruleForm.yishengPhoto || '').split(',')" :src="item" width="100" height="100">
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="联系方式" prop="yishengPhone">
-                        <el-input v-model="yishengForm.yishengPhone"
-                                  placeholder="联系方式" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="联系方式" prop="yishengPhone">
-                            <el-input v-model="ruleForm.yishengPhone"
-                                      placeholder="联系方式" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="挂号须知" prop="yishengGuahao">
-                        <el-input v-model="yishengForm.yishengGuahao"
-                                  placeholder="挂号须知" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="挂号须知" prop="yishengGuahao">
-                            <el-input v-model="ruleForm.yishengGuahao"
-                                      placeholder="挂号须知" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yisheng' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="邮箱" prop="yishengEmail">
-                        <el-input v-model="yishengForm.yishengEmail"
-                                  placeholder="邮箱" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="邮箱" prop="yishengEmail">
-                            <el-input v-model="ruleForm.yishengEmail"
-                                      placeholder="邮箱" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yonghu'">
-                    <el-form-item class="select" v-if="type!='info'"  label="用户" prop="yonghuId">
-                        <el-select v-model="ruleForm.yonghuId" :disabled="ro.yonghuId" filterable placeholder="请选择用户" @change="yonghuChange">
-                            <el-option
-                                    v-for="(item,index) in yonghuOptions"
-                                    v-bind:key="item.id"
-                                    :label="item.yonghuName"
-                                    :value="item.id">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-
-                <el-col :span="12"  v-if="sessionTable !='yonghu' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="用户姓名" prop="yonghuName">
-                        <el-input v-model="yonghuForm.yonghuName"
-                                  placeholder="用户姓名" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="用户姓名" prop="yonghuName">
-                            <el-input v-model="ruleForm.yonghuName"
-                                      placeholder="用户姓名" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="24" v-if="sessionTable !='yonghu' ">
-                    <el-form-item class="upload" v-if="type!='info' && !ro.yonghuPhoto" label="头像" prop="yonghuPhoto">
-                        <img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (yonghuForm.yonghuPhoto || '').split(',')" :src="item" width="100" height="100">
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item v-if="ruleForm.yonghuPhoto" label="头像" prop="yonghuPhoto">
-                            <img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (ruleForm.yonghuPhoto || '').split(',')" :src="item" width="100" height="100">
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yonghu' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="用户手机号" prop="yonghuPhone">
-                        <el-input v-model="yonghuForm.yonghuPhone"
-                                  placeholder="用户手机号" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="用户手机号" prop="yonghuPhone">
-                            <el-input v-model="ruleForm.yonghuPhone"
-                                      placeholder="用户手机号" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yonghu' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="用户身份证号" prop="yonghuIdNumber">
-                        <el-input v-model="yonghuForm.yonghuIdNumber"
-                                  placeholder="用户身份证号" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="用户身份证号" prop="yonghuIdNumber">
-                            <el-input v-model="ruleForm.yonghuIdNumber"
-                                      placeholder="用户身份证号" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12"  v-if="sessionTable !='yonghu' ">
-                    <el-form-item class="input" v-if="type!='info'"  label="邮箱" prop="yonghuEmail">
-                        <el-input v-model="yonghuForm.yonghuEmail"
-                                  placeholder="邮箱" clearable readonly></el-input>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="邮箱" prop="yonghuEmail">
-                            <el-input v-model="ruleForm.yonghuEmail"
-                                      placeholder="邮箱" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <input id="updateId" name="id" type="hidden">
-            <input id="yishengId" name="yishengId" type="hidden">
-            <input id="yonghuId" name="yonghuId" type="hidden">
-               <el-col :span="12">
-                   <el-form-item class="input" v-if="type!='info'"  label="就诊识别码" prop="guahaoUuinNumber">
-                       <el-input v-model="ruleForm.guahaoUuinNumber"
-                                 placeholder="就诊识别码" clearable  :readonly="ro.guahaoUuinNumber"></el-input>
-                   </el-form-item>
-                   <div v-else>
-                       <el-form-item class="input" label="就诊识别码" prop="guahaoUuinNumber">
-                           <el-input v-model="ruleForm.guahaoUuinNumber"
-                                     placeholder="就诊识别码" readonly></el-input>
-                       </el-form-item>
-                   </div>
-               </el-col>
-                <el-col :span="24">
-                    <el-form-item v-if="type!='info'"  class="input" label="挂号时间" prop="guahaoTime">
-                        <el-date-picker
-                                value-format="yyyy-MM-dd"
-                                v-model="ruleForm.guahaoTime"
-                                type="date"
-                                placeholder="挂号时间"
-                                :disabled="ro.guahaoTime">
-                        </el-date-picker>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item v-if="ruleForm.guahaoTime" label="挂号时间" prop="guahaoTime">
-                            <span v-html="ruleForm.guahaoTime"></span>
-                        </el-form-item>
-                    </div>
-                </el-col>
-
-                <el-col :span="12">
-                    <el-form-item class="select" v-if="type!='info'"  label="时间类型" prop="guahaoTypes">
-                        <el-select v-model="ruleForm.guahaoTypes" :disabled="ro.guahaoTypes" placeholder="请选择时间类型">
-                            <el-option
-                                v-for="(item,index) in guahaoTypesOptions"
-                                v-bind:key="item.codeIndex"
-                                :label="item.indexName"
-                                :value="item.codeIndex">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="时间类型" prop="guahaoValue">
-                        <el-input v-model="ruleForm.guahaoValue"
-                            placeholder="时间类型" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item class="select" v-if="type!='info'"  label="挂号状态" prop="guahaoStatusTypes">
-                        <el-select v-model="ruleForm.guahaoStatusTypes" :disabled="ro.guahaoStatusTypes" placeholder="请选择挂号状态">
-                            <el-option
-                                v-for="(item,index) in guahaoStatusTypesOptions"
-                                v-bind:key="item.codeIndex"
-                                :label="item.indexName"
-                                :value="item.codeIndex">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <div v-else>
-                        <el-form-item class="input" label="挂号状态" prop="guahaoStatusValue">
-                        <el-input v-model="ruleForm.guahaoStatusValue"
-                            placeholder="挂号状态" readonly></el-input>
-                        </el-form-item>
-                    </div>
-                </el-col>
-            </el-row>
-            <el-form-item class="btn">
-                <el-button v-if="type!='info'" type="primary" class="btn-success" @click="onSubmit">提交</el-button>
-                <el-button v-if="type!='info'" class="btn-close" @click="back()">取消</el-button>
-                <el-button v-if="type=='info'" class="btn-close" @click="back()">返回</el-button>
+        <el-col :span="12"  v-if="sessionTable!='yisheng' ">
+          <!-- 当 type 不是 'info' 时显示该表单域，用于显示医生工号（只读） -->
+          <el-form-item class="input" v-if="type!='info'"  label="医生工号" prop="yishengUuidNumber">
+            <el-input v-model="yishengForm.yishengUuidNumber"
+                      placeholder="医生工号" clearable readonly></el-input>
+          </el-form-item>
+          <!-- 当 type 是 'info' 时显示该表单域，用于显示医生工号（只读） -->
+          <div v-else>
+            <el-form-item class="input" label="医生工号" prop="yishengUuidNumber">
+              <el-input v-model="ruleForm.yishengUuidNumber"
+                        placeholder="医生工号" readonly></el-input>
             </el-form-item>
-        </el-form>
-    </div>
-</template>
-<script>
-    import styleJs from "../../../utils/style.js";
-    // 数字，邮件，手机，url，身份证校验
-    import { isNumber,isIntNumer,isEmail,isPhone, isMobile,isURL,checkIdCard } from "@/utils/validate";
-    export default {
-        data() {
-            return {
-                addEditForm:null,
-                id: '',
-                type: '',
-                sessionTable : "",//登录账户所在表名
-                role : "",//权限
-                userId:"",//当前登录人的id
-                yishengForm: {},
-                yonghuForm: {},
-                ro:{
-                    yishengId: false,
-                    yonghuId: false,
-                    guahaoUuinNumber: false,
-                    guahaoTime: false,
-                    guahaoTypes: false,
-                    guahaoStatusTypes: false,
-                    guahaoYesnoTypes: false,
-                    guahaoYesnoText: false,
-                },
-                ruleForm: {
-                    yishengId: '',
-                    yonghuId: '',
-                    guahaoUuinNumber: '',
-                    guahaoTime: '',
-                    guahaoTypes: '',
-                    guahaoStatusTypes: '',
-                    guahaoYesnoTypes: '',
-                    guahaoYesnoText: '',
-                },
-                guahaoTypesOptions : [],
-                guahaoStatusTypesOptions : [],
-                guahaoYesnoTypesOptions : [],
-                yishengOptions : [],
-                yonghuOptions : [],
-                rules: {
-                   yishengId: [
-                              { required: true, message: '医生不能为空', trigger: 'blur' },
-                              {  pattern: /^[1-9][0-9]*$/,
-                                  message: '只允许输入整数',
-                                  trigger: 'blur'
-                              }
-                          ],
-                   yonghuId: [
-                              { required: true, message: '用户不能为空', trigger: 'blur' },
-                              {  pattern: /^[1-9][0-9]*$/,
-                                  message: '只允许输入整数',
-                                  trigger: 'blur'
-                              }
-                          ],
-                   guahaoUuinNumber: [
-                              { required: true, message: '就诊识别码不能为空', trigger: 'blur' },
-                              {  pattern: /^[1-9][0-9]*$/,
-                                  message: '只允许输入整数',
-                                  trigger: 'blur'
-                              }
-                          ],
-                   guahaoTime: [
-                              { required: true, message: '挂号时间不能为空', trigger: 'blur' },
-                          ],
-                   guahaoTypes: [
-                              { required: true, message: '时间类型不能为空', trigger: 'blur' },
-                              {  pattern: /^[1-9][0-9]*$/,
-                                  message: '只允许输入整数',
-                                  trigger: 'blur'
-                              }
-                          ],
-                   guahaoStatusTypes: [
-                              { required: true, message: '挂号状态不能为空', trigger: 'blur' },
-                              {  pattern: /^[1-9][0-9]*$/,
-                                  message: '只允许输入整数',
-                                  trigger: 'blur'
-                              }
-                          ],
-                   guahaoYesnoTypes: [
-                              { required: true, message: '挂号审核不能为空', trigger: 'blur' },
-                              {  pattern: /^[1-9][0-9]*$/,
-                                  message: '只允许输入整数',
-                                  trigger: 'blur'
-                              }
-                          ],
-                   guahaoYesnoText: [
-                              { required: true, message: '审核结果不能为空', trigger: 'blur' },
-                          ],
-                }
-            };
-        },
-        props: ["parent"],
-        computed: {
-        },
-        created() {
-            //获取当前登录用户的信息
-            this.sessionTable = this.$storage.get("sessionTable");
-            this.role = this.$storage.get("role");
-            this.userId = this.$storage.get("userId");
-
-
-            if (this.role != "管理员"){
-            }
-            this.addEditForm = styleJs.addStyle();
-            this.addEditStyleChange()
-            this.addEditUploadStyleChange()
-            //获取下拉框信息
-                this.$http({
-                    url:`dictionary/page?page=1&limit=100&sort=&order=&dicCode=guahao_types`,
-                    method: "get"
-                }).then(({ data }) => {
-                    if (data && data.code === 0) {
-                        this.guahaoTypesOptions = data.data.list;
-                    }
-                });
-                this.$http({
-                    url:`dictionary/page?page=1&limit=100&sort=&order=&dicCode=guahao_status_types`,
-                    method: "get"
-                }).then(({ data }) => {
-                    if (data && data.code === 0) {
-                        this.guahaoStatusTypesOptions = data.data.list;
-                    }
-                });
-                this.$http({
-                    url:`dictionary/page?page=1&limit=100&sort=&order=&dicCode=guahao_yesno_types`,
-                    method: "get"
-                }).then(({ data }) => {
-                    if (data && data.code === 0) {
-                        this.guahaoYesnoTypesOptions = data.data.list;
-                    }
-                });
-
-         this.$http({
-             url: `yisheng/page?page=1&limit=100`,
-             method: "get"
-         }).then(({ data }) => {
-             if (data && data.code === 0) {
-                this.yishengOptions = data.data.list;
-            }
-         });
-         this.$http({
-             url: `yonghu/page?page=1&limit=100`,
-             method: "get"
-         }).then(({ data }) => {
-             if (data && data.code === 0) {
-                this.yonghuOptions = data.data.list;
-            }
-         });
-
-        },
-        mounted() {
-        },
-        methods: {
-            // 下载
-            download(file){
-                window.open(`${file}`)
-            },
-            // 初始化
-            init(id,type) {
-                if (id) {
-                    this.id = id;
-                    this.type = type;
-                }
-                if(this.type=='info'||this.type=='else'){
-                    this.info(id);
-                }
-                // 获取用户信息
-                this.$http({
-                    url:`${this.$storage.get("sessionTable")}/session`,
-                    method: "get"
-                }).then(({ data }) => {
-                    if (data && data.code === 0) {
-                        var json = data.data;
-                    } else {
-                        this.$message.error(data.msg);
-                    }
-                });
-            },
-            yishengChange(id){
-                this.$http({
-                    url: `yisheng/info/`+id,
-                    method: "get"
-                }).then(({ data }) => {
-                    if (data && data.code === 0) {
-                        this.yishengForm = data.data;
-                    }
-                });
-            },
-            yonghuChange(id){
-                this.$http({
-                    url: `yonghu/info/`+id,
-                    method: "get"
-                }).then(({ data }) => {
-                    if (data && data.code === 0) {
-                        this.yonghuForm = data.data;
-                    }
-                });
-            },
-            // 多级联动参数
-            info(id) {
-                let _this =this;
-                _this.$http({
-                    url: `guahao/info/${id}`,
-                    method: 'get'
-                }).then(({ data }) => {
-                    if (data && data.code === 0) {
-                        _this.ruleForm = data.data;
-                        _this.yishengChange(data.data.yishengId)
-                        _this.yonghuChange(data.data.yonghuId)
-                    } else {
-                        _this.$message.error(data.msg);
-                    }
-                });
-            },
-            // 提交
-            onSubmit() {
-                this.$refs["ruleForm"].validate(valid => {
-                    if (valid) {
-                        this.$http({
-                            url:`guahao/${!this.ruleForm.id ? "save" : "update"}`,
-                            method: "post",
-                            data: this.ruleForm
-                        }).then(({ data }) => {
-                            if (data && data.code === 0) {
-                                this.$message({
-                                    message: "操作成功",
-                                    type: "success",
-                                    duration: 1500,
-                                    onClose: () => {
-                                        this.parent.showFlag = true;
-                                        this.parent.addOrUpdateFlag = false;
-                                        this.parent.guahaoCrossAddOrUpdateFlag = false;
-                                        this.parent.search();
-                                        this.parent.contentStyleChange();
-                                    }
-                                });
-                            } else {
-                                this.$message.error(data.msg);
-                            }
-                        });
-                    }
-                });
-            },
-            // 获取uuid
-            getUUID () {
-                return new Date().getTime();
-            },
-            // 返回
-            back() {
-                this.parent.showFlag = true;
-                this.parent.addOrUpdateFlag = false;
-                this.parent.guahaoCrossAddOrUpdateFlag = false;
-                this.parent.contentStyleChange();
-            },
-            //图片
-
-            addEditStyleChange() {
-                this.$nextTick(()=>{
-                    // input
-                    document.querySelectorAll('.addEdit-block .input .el-input__inner').forEach(el=>{
-                        el.style.height = this.addEditForm.inputHeight
-                        el.style.color = this.addEditForm.inputFontColor
-                        el.style.fontSize = this.addEditForm.inputFontSize
-                        el.style.borderWidth = this.addEditForm.inputBorderWidth
-                        el.style.borderStyle = this.addEditForm.inputBorderStyle
-                        el.style.borderColor = this.addEditForm.inputBorderColor
-                        el.style.borderRadius = this.addEditForm.inputBorderRadius
-                        el.style.backgroundColor = this.addEditForm.inputBgColor
-                    })
-                    document.querySelectorAll('.addEdit-block .input .el-form-item__label').forEach(el=>{
-                        el.style.lineHeight = this.addEditForm.inputHeight
-                        el.style.color = this.addEditForm.inputLableColor
-                        el.style.fontSize = this.addEditForm.inputLableFontSize
-                    })
-                    // select
-                    document.querySelectorAll('.addEdit-block .select .el-input__inner').forEach(el=>{
-                        el.style.height = this.addEditForm.selectHeight
-                        el.style.color = this.addEditForm.selectFontColor
-                        el.style.fontSize = this.addEditForm.selectFontSize
-                        el.style.borderWidth = this.addEditForm.selectBorderWidth
-                        el.style.borderStyle = this.addEditForm.selectBorderStyle
-                        el.style.borderColor = this.addEditForm.selectBorderColor
-                        el.style.borderRadius = this.addEditForm.selectBorderRadius
-                        el.style.backgroundColor = this.addEditForm.selectBgColor
-                    })
-                    document.querySelectorAll('.addEdit-block .select .el-form-item__label').forEach(el=>{
-                        el.style.lineHeight = this.addEditForm.selectHeight
-                        el.style.color = this.addEditForm.selectLableColor
-                        el.style.fontSize = this.addEditForm.selectLableFontSize
-                    })
-                    document.querySelectorAll('.addEdit-block .select .el-select__caret').forEach(el=>{
-                        el.style.color = this.addEditForm.selectIconFontColor
-                        el.style.fontSize = this.addEditForm.selectIconFontSize
-                    })
-                    // date
-                    document.querySelectorAll('.addEdit-block .date .el-input__inner').forEach(el=>{
-                        el.style.height = this.addEditForm.dateHeight
-                        el.style.color = this.addEditForm.dateFontColor
-                        el.style.fontSize = this.addEditForm.dateFontSize
-                        el.style.borderWidth = this.addEditForm.dateBorderWidth
-                        el.style.borderStyle = this.addEditForm.dateBorderStyle
-                        el.style.borderColor = this.addEditForm.dateBorderColor
-                        el.style.borderRadius = this.addEditForm.dateBorderRadius
-                        el.style.backgroundColor = this.addEditForm.dateBgColor
-                    })
-                    document.querySelectorAll('.addEdit-block .date .el-form-item__label').forEach(el=>{
-                        el.style.lineHeight = this.addEditForm.dateHeight
-                        el.style.color = this.addEditForm.dateLableColor
-                        el.style.fontSize = this.addEditForm.dateLableFontSize
-                    })
-                    document.querySelectorAll('.addEdit-block .date .el-input__icon').forEach(el=>{
-                        el.style.color = this.addEditForm.dateIconFontColor
-                        el.style.fontSize = this.addEditForm.dateIconFontSize
-                        el.style.lineHeight = this.addEditForm.dateHeight
-                    })
-                    // upload
-                    let iconLineHeight = parseInt(this.addEditForm.uploadHeight) - parseInt(this.addEditForm.uploadBorderWidth) * 2 + 'px'
-                    document.querySelectorAll('.addEdit-block .upload .el-upload--picture-card').forEach(el=>{
-                        el.style.width = this.addEditForm.uploadHeight
-                        el.style.height = this.addEditForm.uploadHeight
-                        el.style.borderWidth = this.addEditForm.uploadBorderWidth
-                        el.style.borderStyle = this.addEditForm.uploadBorderStyle
-                        el.style.borderColor = this.addEditForm.uploadBorderColor
-                        el.style.borderRadius = this.addEditForm.uploadBorderRadius
-                        el.style.backgroundColor = this.addEditForm.uploadBgColor
-                    })
-                    document.querySelectorAll('.addEdit-block .upload .el-form-item__label').forEach(el=>{
-                        el.style.lineHeight = this.addEditForm.uploadHeight
-                        el.style.color = this.addEditForm.uploadLableColor
-                        el.style.fontSize = this.addEditForm.uploadLableFontSize
-                    })
-                    document.querySelectorAll('.addEdit-block .upload .el-icon-plus').forEach(el=>{
-                        el.style.color = this.addEditForm.uploadIconFontColor
-                        el.style.fontSize = this.addEditForm.uploadIconFontSize
-                        el.style.lineHeight = iconLineHeight
-                        el.style.display = 'block'
-                    })
-                    // 多文本输入框
-                    document.querySelectorAll('.addEdit-block .textarea .el-textarea__inner').forEach(el=>{
-                        el.style.height = this.addEditForm.textareaHeight
-                        el.style.color = this.addEditForm.textareaFontColor
-                        el.style.fontSize = this.addEditForm.textareaFontSize
-                        el.style.borderWidth = this.addEditForm.textareaBorderWidth
-                        el.style.borderStyle = this.addEditForm.textareaBorderStyle
-                        el.style.borderColor = this.addEditForm.textareaBorderColor
-                        el.style.borderRadius = this.addEditForm.textareaBorderRadius
-                        el.style.backgroundColor = this.addEditForm.textareaBgColor
-                    })
-                    document.querySelectorAll('.addEdit-block .textarea .el-form-item__label').forEach(el=>{
-                        // el.style.lineHeight = this.addEditForm.textareaHeight
-                        el.style.color = this.addEditForm.textareaLableColor
-                        el.style.fontSize = this.addEditForm.textareaLableFontSize
-                    })
-                    // 保存
-                    document.querySelectorAll('.addEdit-block .btn .btn-success').forEach(el=>{
-                        el.style.width = this.addEditForm.btnSaveWidth
-                        el.style.height = this.addEditForm.btnSaveHeight
-                        el.style.color = this.addEditForm.btnSaveFontColor
-                        el.style.fontSize = this.addEditForm.btnSaveFontSize
-                        el.style.borderWidth = this.addEditForm.btnSaveBorderWidth
-                        el.style.borderStyle = this.addEditForm.btnSaveBorderStyle
-                        el.style.borderColor = this.addEditForm.btnSaveBorderColor
-                        el.style.borderRadius = this.addEditForm.btnSaveBorderRadius
-                        el.style.backgroundColor = this.addEditForm.btnSaveBgColor
-                    })
-                    // 返回
-                    document.querySelectorAll('.addEdit-block .btn .btn-close').forEach(el=>{
-                        el.style.width = this.addEditForm.btnCancelWidth
-                        el.style.height = this.addEditForm.btnCancelHeight
-                        el.style.color = this.addEditForm.btnCancelFontColor
-                        el.style.fontSize = this.addEditForm.btnCancelFontSize
-                        el.style.borderWidth = this.addEditForm.btnCancelBorderWidth
-                        el.style.borderStyle = this.addEditForm.btnCancelBorderStyle
-                        el.style.borderColor = this.addEditForm.btnCancelBorderColor
-                        el.style.borderRadius = this.addEditForm.btnCancelBorderRadius
-                        el.style.backgroundColor = this.addEditForm.btnCancelBgColor
-                    })
-                })
-            },
-            addEditUploadStyleChange() {
-                this.$nextTick(()=>{
-                    document.querySelectorAll('.addEdit-block .upload .el-upload-list--picture-card .el-upload-list__item').forEach(el=>{
-                        el.style.width = this.addEditForm.uploadHeight
-                        el.style.height = this.addEditForm.uploadHeight
-                        el.style.borderWidth = this.addEditForm.uploadBorderWidth
-                        el.style.borderStyle = this.addEditForm.uploadBorderStyle
-                        el.style.borderColor = this.addEditForm.uploadBorderColor
-                        el.style.borderRadius = this.addEditForm.uploadBorderRadius
-                        el.style.backgroundColor = this.addEditForm.uploadBgColor
-                    })
-                })
-            },
-        }
-    };
-</script>
-<style lang="scss">
-.editor{
-  height: 500px;
+          </div>
+        </el-col>
+        <!-- 以下类似结构的代码块，根据不同条件显示和处理不同的表单域，用于显示和编辑医生的相关信息 -->
+        <el-col :span="12"  v-if="sessionTable!='yisheng' ">
+          <el-form-item class="input" v-if="type!='info'"  label="医生名称" prop="yishengName">
+            <el-input v-model="yishengForm.yishengName"
+                      placeholder="医生名称" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="医生名称" prop="yishengName">
+              <el-input v-model="ruleForm.yishengName"
+                        placeholder="医生名称" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yisheng' ">
+          <el-form-item class="input" v-if="type!='info'"  label="科室" prop="yishengValue">
+            <el-input v-model="yishengForm.yishengValue"
+                      placeholder="科室" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="科室" prop="yishengValue">
+              <el-input v-model="ruleForm.yishengValue"
+                        placeholder="科室" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yisheng' ">
+          <el-form-item class="input" v-if="type!='info'"  label="职位" prop="zhiweiValue">
+            <el-input v-model="yishengForm.zhiweiValue"
+                      placeholder="职位" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="职位" prop="zhiweiValue">
+              <el-input v-model="ruleForm.zhiweiValue"
+                        placeholder="职位" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yisheng' ">
+          <el-form-item class="input" v-if="type!='info'"  label="职称" prop="yishengZhichneg">
+            <el-input v-model="yishengForm.yishengZhichneg"
+                      placeholder="职称" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="职称" prop="yishengZhichneg">
+              <el-input v-model="ruleForm.yishengZhichneg"
+                        placeholder="职称" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="24" v-if="sessionTable!='yisheng' ">
+          <!-- 当 type 不是 'info' 且 ro.yishengPhoto 为 false 时显示该表单域，用于上传医生头像 -->
+          <el-form-item class="upload" v-if="type!='info' &&!ro.yishengPhoto" label="医生头像" prop="yishengPhoto">
+            <!-- 循环显示已上传的头像图片 -->
+            <img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (yishengForm.yishengPhoto || '').split(',')" :src="item" width="100" height="100">
+          </el-form-item>
+          <div v-else>
+            <!-- 当 type 是 'info' 且 ruleForm.yishengPhoto 存在时显示该表单域，用于显示医生头像 -->
+            <el-form-item v-if="ruleForm.yishengPhoto" label="医生头像" prop="yishengPhoto">
+              <img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (ruleForm.yishengPhoto || '').split(',')" :src="item" width="100" height="100">
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yisheng' ">
+          <el-form-item class="input" v-if="type!='info'"  label="联系方式" prop="yishengPhone">
+            <el-input v-model="yishengForm.yishengPhone"
+                      placeholder="联系方式" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="联系方式" prop="yishengPhone">
+              <el-input v-model="ruleForm.yishengPhone"
+                        placeholder="联系方式" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yisheng' ">
+          <el-form-item class="input" v-if="type!='info'"  label="挂号须知" prop="yishengGuahao">
+            <el-input v-model="yishengForm.yishengGuahao"
+                      placeholder="挂号须知" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="挂号须知" prop="yishengGuahao">
+              <el-input v-model="ruleForm.yishengGuahao"
+                        placeholder="挂号须知" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yisheng' ">
+          <el-form-item class="input" v-if="type!='info'"  label="邮箱" prop="yishengEmail">
+            <el-input v-model="yishengForm.yishengEmail"
+                      placeholder="邮箱" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="邮箱" prop="yishengEmail">
+              <el-input v-model="ruleForm.yishengEmail"
+                        placeholder="邮箱" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yonghu'">
+          <el-form-item class="select" v-if="type!='info'"  label="用户" prop="yonghuId">
+            <el-select v-model="ruleForm.yonghuId" :disabled="ro.yonghuId" filterable placeholder="请选择用户" @change="yonghuChange">
+              <el-option
+                  v-for="(item,index) in yonghuOptions"
+                  v-bind:key="item.id"
+                  :label="item.yonghuName"
+                  :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
 
-  & /deep/ .ql-container {
-	  height: 310px;
-  }
-}
-.amap-wrapper {
-  width: 100%;
-  height: 500px;
-}
-.search-box {
-  position: absolute;
-}
-.addEdit-block {
-	margin: -10px;
-}
-.detail-form-content {
-	padding: 12px;
-}
-.btn .el-button {
-  padding: 0;
-}</style>
+        <el-col :span="12"  v-if="sessionTable!='yonghu' ">
+          <el-form-item class="input" v-if="type!='info'"  label="用户姓名" prop="yonghuName">
+            <el-input v-model="yonghuForm.yonghuName"
+                      placeholder="用户姓名" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="用户姓名" prop="yonghuName">
+              <el-input v-model="ruleForm.yonghuName"
+                        placeholder="用户姓名" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="24" v-if="sessionTable!='yonghu' ">
+          <el-form-item class="upload" v-if="type!='info' && !ro.yonghuPhoto" label="头像" prop="yonghuPhoto">
+            <img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (yonghuForm.yonghuPhoto || '').split(',')" :src="item" width="100" height="100">
+          </el-form-item>
+          <div v-else>
+            <el-form-item v-if="ruleForm.yonghuPhoto" label="头像" prop="yonghuPhoto">
+              <img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (ruleForm.yonghuPhoto || '').split(',')" :src="item" width="100" height="100">
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yonghu' ">
+          <el-form-item class="input" v-if="type!='info'"  label="用户手机号" prop="yonghuPhone">
+            <el-input v-model="yonghuForm.yonghuPhone"
+                      placeholder="用户手机号" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="用户手机号" prop="yonghuPhone">
+              <el-input v-model="ruleForm.yonghuPhone"
+                        placeholder="用户手机号" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yonghu' ">
+          <el-form-item class="input" v-if="type!='info'"  label="用户身份证号" prop="yonghuIdNumber">
+            <el-input v-model="yonghuForm.yonghuIdNumber"
+                      placeholder="用户身份证号" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="用户身份证号" prop="yonghuIdNumber">
+              <el-input v-model="ruleForm.yonghuIdNumber"
+                        placeholder="用户身份证号" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12"  v-if="sessionTable!='yonghu' ">
+          <el-form-item class="input" v-if="type!='info'"  label="邮箱" prop="yonghuEmail">
+            <el-input v-model="yonghuForm.yonghuEmail"
+                      placeholder="邮箱" clearable readonly></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="邮箱" prop="yonghuEmail">
+              <el-input v-model="ruleForm.yonghuEmail"
+                        placeholder="邮箱" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <!-- 隐藏输入框，用于存储相关 ID -->
+        <input id="updateId" name="id" type="hidden">
+        <input id="yishengId" name="yishengId" type="hidden">
+        <input id="yonghuId" name="yonghuId" type="hidden">
+        <el-col :span="12">
+          <el-form-item class="input" v-if="type!='info'"  label="就诊识别码" prop="guahaoUuinNumber">
+            <el-input v-model="ruleForm.guahaoUuinNumber"
+                      placeholder="就诊识别码" clearable  :readonly="ro.guahaoUuinNumber"></el-input>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="就诊识别码" prop="guahaoUuinNumber">
+              <el-input v-model="ruleForm.guahaoUuinNumber"
+                        placeholder="就诊识别码" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item v-if="type!='info'"  class="input" label="挂号时间" prop="guahaoTime">
+            <el-date-picker
+                value-format="yyyy-MM-dd"
+                v-model="ruleForm.guahaoTime"
+                type="date"
+                placeholder="挂号时间"
+                :disabled="ro.guahaoTime">
+            </el-date-picker>
+          </el-form-item>
+          <div v-else>
+            <el-form-item v-if="ruleForm.guahaoTime" label="挂号时间" prop="guahaoTime">
+              <span v-html="ruleForm.guahaoTime"></span>
+            </el-form-item>
+          </div>
+        </el-col>
 
+        <el-col :span="12">
+          <el-form-item class="select" v-if="type!='info'"  label="时间类型" prop="guahaoTypes">
+            <el-select v-model="ruleForm.guahaoTypes" :disabled="ro.guahaoTypes" placeholder="请选择时间类型">
+              <el-option
+                  v-for="(item,index) in guahaoTypesOptions"
+                  v-bind:key="item.codeIndex"
+                  :label="item.indexName"
+                  :value="item.codeIndex">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="时间类型" prop="guahaoValue">
+              <el-input v-model="ruleForm.guahaoValue"
+                        placeholder="时间类型" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item class="select" v-if="type!='info'"  label="挂号状态" prop="guahaoStatusTypes">
+            <el-select v-model="ruleForm.guahaoStatusTypes" :disabled="ro.guahaoStatusTypes" placeholder="请选择挂号状态">
+              <el-option
+                  v-for="(item,index) in guahaoStatusTypesOptions"
+                  v-bind:key="item.codeIndex"
+                  :label="item.indexName"
+                  :value="item.codeIndex">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <div v-else>
+            <el-form-item class="input" label="挂号状态" prop="guahaoStatusValue">
+              <el-input v-model="ruleForm.guahaoStatusValue"
+                        placeholder="挂号状态" readonly></el-input>
+            </el-form-item>
+          </div>
+        </el-col>
+      </el-row>
+      <el-form-item class="btn">
+        <!-- 当 type 不是 'info
\ No newline at end of file