From 1d75bc65c6d99567374354451997467d5e5c0c61 Mon Sep 17 00:00:00 2001
From: cp <2474209645@qq.com>
Date: Mon, 28 Apr 2025 22:25:15 +0800
Subject: [PATCH] 11

---
 .../front/front/pages/yisheng/add.html        | 501 ++++--------------
 1 file changed, 116 insertions(+), 385 deletions(-)
diff --git a/target/classes/front/front/pages/yisheng/add.html b/target/classes/front/front/pages/yisheng/add.html
index b794ff6..764cd77 100644
--- a/target/classes/front/front/pages/yisheng/add.html
+++ b/target/classes/front/front/pages/yisheng/add.html
@@ -1,20 +1,27 @@
 <!DOCTYPE html>
 <html>
+
 <head>
+    <!-- 设置字符编码为UTF-8，确保页面能正确显示各种字符 -->
     <meta charset="utf-8">
+    <!-- 设置页面在不同设备上的显示适配，width=device-width表示宽度与设备宽度一致，initial-scale=1表示初始缩放比例为1，maximum-scale=1表示最大缩放比例为1 -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <!-- 设置页面标题为医生添加 -->
     <title>医生添加</title>
-    <!-- bootstrap样式，地图插件使用 -->
+    <!-- 引入bootstrap样式文件，用于地图插件等相关样式 -->
     <link rel="stylesheet" href="../../css/bootstrap.min.css" />
+    <!-- 引入layui的CSS样式文件，layui是一个前端框架，提供了丰富的组件和样式 -->
     <link rel="stylesheet" href="../../layui/css/layui.css">
-    <!-- 样式 -->
+    <!-- 引入自定义的样式文件style.css，用于页面的特定样式设置 -->
     <link rel="stylesheet" href="../../css/style.css" />
-    <!-- 主题（主要颜色设置） -->
+    <!-- 引入主题样式文件theme.css，主要用于设置页面的主要颜色等主题相关样式 -->
     <link rel="stylesheet" href="../../css/theme.css" />
-    <!-- 通用的css -->
+    <!-- 引入通用的CSS文件common.css，包含一些通用的样式规则 -->
     <link rel="stylesheet" href="../../css/common.css" />
 </head>
+
 <style>
+    /* 设置页面背景的伪元素样式，固定在页面上，覆盖整个页面，用于设置背景图片等 */
     html::after {
         position: fixed;
         top: 0;
@@ -28,34 +35,43 @@
         background-position: center;
         z-index: -1;
     }
+
+    /* 轮播图容器样式，设置溢出隐藏，水平居中 */
     #swiper {
         overflow: hidden;
         margin: 0 auto;
     }
+
+    /* 轮播图指示器（小圆点）的普通样式，设置大小、边框、背景等 */
     #swiper .layui-carousel-ind li {
         width: 20px;
         height: 10px;
         border-width: 0;
         border-style: solid;
-        border-color: rgba(0,0,0,.3);
+        border-color: rgba(0, 0, 0,.3);
         border-radius: 6px;
         background-color: #f7f7f7;
-        box-shadow: 0 0 6px rgba(255,0,0,.8);
+        box-shadow: 0 0 6px rgba(255, 0, 0,.8);
     }
+
+    /* 轮播图指示器中当前激活项的样式，与普通样式有区别，这里设置了不同的宽度 */
     #swiper .layui-carousel-ind li.layui-this {
         width: 30px;
         height: 10px;
         border-width: 0;
         border-style: solid;
-        border-color: rgba(0,0,0,.3);
+        border-color: rgba(0, 0, 0,.3);
         border-radius: 6px;
     }
 
-    button, button:focus {
+    /* 按钮和按钮获得焦点时的样式，去除默认的轮廓 */
+    button,
+    button:focus {
         outline: none;
     }
 
-    .data-add-container .add .layui-select-title .layui-unselect {
+    /* 数据添加容器中选择框的标题样式，设置内边距、高度、字体大小、边框等 */
+    .data-add-container .add.layui-select-title.layui-unselect {
         padding: 0 12px;
         height: 40px;
         font-size: 15px;
@@ -64,408 +80,123 @@
         border-style: solid;
         text-align: center;
     }
-    .data-add-container .add .layui-form-item {
+
+    /* 数据添加容器中表单元素的样式，设置为弹性布局，水平和垂直居中 */
+    .data-add-container .add.layui-form-item {
         display: flex;
         align-items: center;
         justify-content: center;
     }
-    .data-add-container .layui-form-pane .layui-form-item[pane] .layui-form-label {
+
+    /* 数据添加容器中特定表单面板的表单元素标签样式，去除默认的外边距、定位、背景和边框 */
+    .data-add-container.layui-form-pane.layui-form-item[pane].layui-form-label {
         margin: 0;
         position: inherit;
         background: transparent;
         border: 0;
     }
-    .data-add-container .add .layui-input-block {
+
+    /* 数据添加容器中输入框容器的样式，设置为弹性布局，占据剩余空间 */
+    .data-add-container .add.layui-input-block {
         margin: 0;
         flex: 1;
     }
-    .data-add-container .layui-form-pane .layui-form-item[pane] .layui-input-inline {
+
+    /* 数据添加容器中特定表单面板的表单元素内联输入框容器的样式，设置为弹性布局，占据剩余空间 */
+    .data-add-container.layui-form-pane.layui-form-item[pane].layui-input-inline {
         margin: 0;
         flex: 1;
         display: flex;
     }
 </style>
-<body style="background: #EEEEEE; ">
-    <div id="app">
 
-        <div class="layui-carousel" id="swiper" :style='{"boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 auto","borderColor":"rgba(0,0,0,.3)","borderRadius":"0px","borderWidth":"0","width":"100%","borderStyle":"solid"}'>
-            <div carousel-item id="swiper-item">
-                <div v-for="(item,index) in swiperList" :key="index">
-                    <img style="width: 100%;height: 100%;object-fit:cover;" :src="item.img" />
-                </div>
+<body style="background: #EEEEEE; ">
+<!-- Vue实例挂载的根元素 -->
+<div id="app">
+
+    <!-- 轮播图容器，使用layui的轮播图组件，设置样式属性 -->
+    <div class="layui-carousel" id="swiper" :style='{"boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 auto","borderColor":"rgba(0,0,0,.3)","borderRadius":"0px","borderWidth":"0","width":"100%","borderStyle":"solid"}'>
+        <!-- 轮播图的项目容器，id为swiper-item -->
+        <div carousel-item id="swiper-item">
+            <!-- 使用v-for循环渲染轮播图的每一项，根据swiperList数据动态生成 -->
+            <div v-for="(item, index) in swiperList" :key="index">
+                <img style="width: 100%; height: 100%; object-fit: cover;" :src="item.img" />
             </div>
         </div>
-        <!-- 轮播图 -->
-
-        <div class="data-add-container  sub_borderColor" :style='{"padding":"20px","margin":"30px auto","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"10px","borderWidth":"1px","borderStyle":"solid"}'>
-
-            <form class="layui-form layui-form-pane add" lay-filter="myForm">
-0
-    <!-- 当前表的 -->
-<!-- 唯一uuid -->
-                <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        医生工号：
-                    </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
-                               v-model="detail.yishengUuidNumber" lay-verify="required" type="text" :readonly="ro.yishengUuidNumber" name="yishengUuidNumber" id="yishengUuidNumber" autocomplete="off">
-                    </div>
+    </div>
+    <!-- 轮播图结束 -->
+
+    <!-- 数据添加容器，设置样式属性，用于包裹医生信息添加表单 -->
+    <div class="data-add-container  sub_borderColor" :style='{"padding":"20px","margin":"30px auto","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"10px","borderWidth":"1px","borderStyle":"solid"}'>
+
+        <!-- 使用layui的表单组件，设置表单过滤器为myForm，用于表单验证和提交等操作 -->
+        <form class="layui-form layui-form-pane add" lay-filter="myForm">
+            <!-- 医生工号输入项的表单元素 -->
+            <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
+                <!-- 标签，设置宽度、内边距、字体大小、颜色和文本对齐方式 -->
+                <label :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
+                    医生工号：
+                </label>
+                <!-- 输入框容器 -->
+                <div class="layui-input-block">
+                    <!-- 医生工号输入框，使用v-model双向绑定数据，设置样式、验证规则、只读状态等 -->
+                    <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
+                           v-model="detail.yishengUuidNumber" lay-verify="required" type="text" :readonly="ro.yishengUuidNumber" name="yishengUuidNumber" id="yishengUuidNumber" autocomplete="off">
                 </div>
-                <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        账户：
-                    </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
+            </div>
+            <!-- 账户输入项的表单元素，结构和样式设置与医生工号类似 -->
+            <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
+                <label :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
+                    账户：
+                </label>
+                <div class="layui-input-block">
+                    <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
                            v-model="detail.username" type="text" :readonly="ro.username" name="username" id="username" autocomplete="off">
-                    </div>
                 </div>
-                <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        医生名称：
-                    </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
+            </div>
+            <!-- 医生名称输入项的表单元素 -->
+            <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
+                <label :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
+                    医生名称：
+                </label>
+                <div class="layui-input-block">
+                    <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
                            v-model="detail.yishengName" type="text" :readonly="ro.yishengName" name="yishengName" id="yishengName" autocomplete="off">
-                    </div>
                 </div>
-                <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        职位：
-                    </label>
-                    <div class="layui-input-block">
-                        <select name="zhiweiTypes" id="zhiweiTypes" lay-filter="zhiweiTypes">
-                            <option value="">请选择</option>
-                            <option v-for="(item,index) in zhiweiTypesList" v-bind:key="index" :value="item.codeIndex" :key="item.codeIndex">{{ item.indexName }}</option>
-                        </select>
-                    </div>
+            </div>
+            <!-- 职位选择项的表单元素 -->
+            <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
+                <label :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
+                    职位：
+                </label>
+                <div class="layui-input-block">
+                    <!-- 职位选择框，使用select元素，设置lay-filter用于监听选择事件，v-for循环渲染选项 -->
+                    <select name="zhiweiTypes" id="zhiweiTypes" lay-filter="zhiweiTypes">
+                        <option value="">请选择</option>
+                        <option v-for="(item, index) in zhiweiTypesList" v-bind:key="index" :value="item.codeIndex" :key="item.codeIndex">{{ item.indexName }}</option>
+                    </select>
                 </div>
-                <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        职称：
-                    </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
+            </div>
+            <!-- 职称输入项的表单元素 -->
+            <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
+                <label :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
+                    职称：
+                </label>
+                <div class="layui-input-block">
+                    <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
                            v-model="detail.yishengZhichneg" type="text" :readonly="ro.yishengZhichneg" name="yishengZhichneg" id="yishengZhichneg" autocomplete="off">
-                    </div>
-                </div>
-                <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        医生头像：
-                    </label>
-                    <div class="layui-input-block">
-                        <div v-if="detail.yishengPhoto" style="display:inline-block;margin-right:10px;">
-                            <img id="yishengPhotoImg" style="width: 100px;height: 100px;border-radius: 50%;border: 2px solid #EEEEEE;" :src="detail.yishengPhoto">
-                            <input type="hidden" :value="detail.yishengPhoto" id="yishengPhoto" name="yishengPhoto" />
-                        </div>
-                        <button v-if="!ro.yishengPhoto" :style='{"padding":"0 10px","boxShadow":"0 0 0px rgba(255,0,0,.5)","margin":"0 10px 0 0","borderColor":"#ccc","color":"#fff","borderRadius":"8px","borderWidth":"0","width":"auto","fontSize":"14px","borderStyle":"solid","height":"44px"}' type="button" class="layui-btn btn-theme main_backgroundColor" id="yishengPhotoUpload">
-                            <i v-if="true" :style='{"color":"#fff","show":true,"fontSize":"14px"}' class="layui-icon">&#xe67c;</i>上传医生头像
-                        </button>
-                    </div>
-                </div>
-    <!-- 手机号 -->
-                <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        联系方式：
-                    </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
-                           v-model="detail.yishengPhone" lay-verify="phone|required" type="text" :readonly="ro.yishengPhone" name="yishengPhone" id="yishengPhone" autocomplete="off">
-                    </div>
-                </div>
-                    <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        挂号须知：
-                    </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
-                           v-model="detail.yishengGuahao" type="text" :readonly="ro.yishengGuahao" name="yishengGuahao" id="yishengGuahao" autocomplete="off">
-                    </div>
                 </div>
-<!-- 邮箱 -->
-                <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <label  :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
-                        邮箱：
-                    </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input main_borderColor" :style='{"padding":"0 12px","boxShadow":"0 0 0px rgba(160, 67, 26, 1)","backgroundColor":"#fff","color":"rgba(135, 206, 250, 1)","borderRadius":"4px","textAlign":"left","borderWidth":"1px","fontSize":"15px","borderStyle":"solid","height":"40px"}'
-                           v-model="detail.yishengEmail" lay-verify="email|required" type="text" :readonly="ro.yishengEmail" name="yishengEmail" id="yishengEmail" autocomplete="off">
-                    </div>
-                </div>
-                    <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
-                    <div class="layui-input-block" style="text-align: right;">
-                        <button :style='{"padding":"0 10px","boxShadow":"0 0 0px rgba(255,0,0,.5)","margin":"0 10px","borderColor":"#ccc","backgroundColor":"rgba(75, 92, 196, 1)","color":"#fff","borderRadius":"8px","borderWidth":"0","width":"25%","fontSize":"14px","borderStyle":"solid","height":"44px"}' class="layui-btn btn-submit" lay-submit lay-filter="thisSubmit">提交</button>
+            </div>
+            <!-- 医生头像相关的表单元素 -->
+            <div class="layui-form-item main_borderColor" :style='{"padding":"10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"0 0 10px 0","backgroundColor":"rgba(255, 255, 255, 0)","borderRadius":"1px","borderWidth":"0 0 1px 0","borderStyle":"solid"}'>
+                <label :style='{"width":"110px","borderColor": "rgba(255, 255, 255, 0)","padding":"0 12px 0 0","backgroundColor":"rgba(255, 255, 255, 0)","fontSize":"15px","color":"#333","textAlign":"left"}' class="layui-form-label">
+                    医生头像：
+                </label>
+                <div class="layui-input-block">
+                    <!-- 如果存在医生头像数据，则显示头像图片和隐藏的头像路径输入框 -->
+                    <div v-if="detail.yishengPhoto" style="display: inline-block; margin-right: 10px;">
+                        <img id="yishengPhotoImg" style="width: 100px; height: 100px; border-radius: 50%; border: 2px solid #EEEEEE;" :src="detail.yishengPhoto">
+                        <input type="hidden" :value="detail.yishengPhoto" id="yishengPhoto" name="yishengPhoto" />
                     </div>
-                </div>
-
-            </form>
-        </div>
-    </div>
-
-    <script src="../../layui/layui.js"></script>
-    <script src="../../js/vue.js"></script>
-    <!-- 引入element组件库 -->
-    <script src="../../xznstatic/js/element.min.js"></script>
-    <!-- 引入element样式 -->
-    <link rel="stylesheet" href="../../xznstatic/css/element.min.css">
-    <!-- 组件配置信息 -->
-    <script src="../../js/config.js"></script>
-    <!-- 扩展插件配置信息 -->
-    <script src="../../modules/config.js"></script>
-    <!-- 工具方法 -->
-    <script src="../../js/utils.js"></script>
-    <!-- 校验格式工具类 -->
-    <script src="../../js/validate.js"></script>
-    <!-- 地图 -->
-    <script type="text/javascript" src="../../js/jquery.js"></script>
-    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=ca04cee7ac952691aa67a131e6f0cee0"></script>
-    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
-    <script type="text/javascript" src="../../js/bootstrap.AMapPositionPicker.js"></script>
-
-    <script>
-        var jquery = $;
-
-        var vue = new Vue({
-            el: '#app',
-            data: {
-                // 轮播图
-                swiperList: [{
-                    img: '../../img/banner.jpg'
-                }],
-                dataList: [],
-                ro:{
-                    yishengUuidNumber: true,
-                    username: false,
-                    password: false,
-                    yishengName: false,
-                    yishengTypes: false,
-                    zhiweiTypes: false,
-                    yishengZhichneg: false,
-                    yishengPhoto: false,
-                    yishengPhone: false,
-                    yishengGuahao: false,
-                    yishengEmail: false,
-                    yishengNewMoney: false,
-                    yishengContent: false,
-                    createTime: false,
-                },
-                detail: {
-                    yishengUuidNumber: new Date().getTime(),//数字
-                    username: '',
-                    password: '',
-                    yishengName: '',
-                    yishengTypes: '',//数字
-                    yishengValue: '',//数字对应的值
-                    zhiweiTypes: '',//数字
-                    zhiweiValue: '',//数字对应的值
-                    yishengZhichneg: '',
-                    yishengPhoto: '',
-                    yishengPhone: '',
-                    yishengGuahao: '',
-                    yishengEmail: '',
-                    yishengNewMoney: '',
-                    yishengContent: '',
-                    createTime: '',
-                },
-                // 级联表的
-
-                // 下拉框
-                yishengTypesList: [],
-                zhiweiTypesList: [],
-
-                centerMenu: centerMenu
-            },
-            updated: function() {
-                layui.form.render('select', 'myForm');
-            },
-            computed: {
-            },
-            methods: {
-                jump(url) {
-                    jump(url)
-                }
-            }
-        })
-
-
-        layui.use(['layer', 'element', 'carousel', 'http', 'jquery', 'form', 'upload', 'laydate','tinymce'], function() {
-            var layer = layui.layer;
-            var element = layui.element;
-            var carousel = layui.carousel;
-            var http = layui.http;
-            var jquery = layui.jquery;
-            var form = layui.form;
-            var upload = layui.upload;
-            var laydate = layui.laydate;
-            var tinymce = layui.tinymce
-
-            // 获取轮播图 数据
-            http.request('config/list', 'get', {
-                page: 1,
-                limit: 5
-            }, function (res) {
-                if (res.data.list.length > 0) {
-                    let swiperList = [];
-                    res.data.list.forEach(element => {
-                        if(element.value != null){
-                            swiperList.push({
-                                img: element.value
-                            });
-                        }
-                    });
-                    vue.swiperList = swiperList;
-
-                    vue.$nextTick(() => {
-                        carousel.render({
-                            elem: '#swiper',
-                            width: '100%',
-                            height: '450px',
-                            arrow: 'hover',
-                            anim: 'default',
-                            autoplay: 'true',
-                            interval: '3000',
-                            indicator: 'inside'
-                        });
-                    });
-                }
-            });
-
-            // 下拉框
-            // 科室的查询和初始化
-            yishengTypesSelect();
-            // 职位的查询和初始化
-            zhiweiTypesSelect();
-
-           // 上传文件
-            // 医生头像的文件上传
-            upload.render({
-                //绑定元素
-                elem: '#yishengPhotoUpload',
-                //上传接口
-                url: http.baseurl + 'file/upload',
-                // 请求头
-                headers: {
-                    Token: localStorage.getItem('Token')
-                },
-                // 允许上传时校验的文件类型
-                accept: 'images',
-                before: function () {
-                    //loading层
-                    var index = layer.load(1, {
-                        shade: [0.1, '#fff'] //0.1透明度的白色背景
-                    });
-                },
-                // 上传成功
-                done: function (res) {
-                    console.log(res);
-                    layer.closeAll();
-                    if (res.code == 0) {
-                        layer.msg("上传成功", {
-                            time: 2000,
-                            icon: 6
-                        })
-                        var url = http.baseurl + 'upload/' + res.file;
-                        jquery('#yishengPhoto').val(url);
-                        vue.detail.yishengPhoto = url;
-                        jquery('#yishengPhotoImg').attr('src', url);
-                    } else {
-                        layer.msg(res.msg, {
-                            time: 2000,
-                            icon: 5
-                        })
-                    }
-                },
-                //请求异常回调
-                error: function () {
-                    layer.closeAll();
-                    layer.msg("请求接口异常", {
-                        time: 2000,
-                        icon: 5
-                    })
-                }
-            });
-            // 日期效验规则及格式
-            dateTimePick();
-            // 表单效验规则
-            form.verify({
-                // 正整数效验规则
-                integer: [
-                    /^[1-9][0-9]*$/
-                    ,'必须是正整数'
-                ]
-                // 小数效验规则
-                ,double: [
-                    /^[1-9][0-9]{0,5}(\.[0-9]{1,2})?$/
-                    ,'最大整数位为6为,小数最大两位'
-                ]
-            });
-
-            // session独取
-            let table = localStorage.getItem("userTable");
-            http.request(table+"/session", 'get', {}, function (data) {
-                // 表单赋值
-                //form.val("myForm", data.data);
-                // data = data.data;
-                for (var key in data) {
-                    vue.detail[table+"Id"] = data.id
-                }
-            });
-
-
-            // 提交
-            form.on('submit(thisSubmit)', function (data) {
-                data = data.field;
-                data["Id"]= localStorage.getItem("userid");
-                // 提交数据
-                http.requestJson('yisheng' + '/add', 'post', data, function (res) {
-                    layer.msg('提交成功', {
-                        time: 2000,
-                        icon: 6
-                    }, function () {
-                        back();
-                    });
-                });
-                return false
-            });
-
-        });
-        // 日期框初始化
-        function dateTimePick(){
-            var myDate = new Date();  //获取当前时间
-            /*
-                ,change: function(value, date, endDate){
-                    value       得到日期生成的值，如：2017-08-18
-                    date        得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
-                    endDate     得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
-            */
-        }
-
-
-
-
-       // 科室的查询
-       function yishengTypesSelect() {
-           //填充下拉框选项
-           layui.http.request("dictionary/page?page=1&limit=100&sort=&order=&dicCode=yisheng_types", "GET", {}, (res) => {
-               if(res.code == 0){
-                   vue.yishengTypesList = res.data.list;
-               }
-           });
-       }
-
-
-       // 职位的查询
-       function zhiweiTypesSelect() {
-           //填充下拉框选项
-           layui.http.request("dictionary/page?page=1&limit=100&sort=&order=&dicCode=zhiwei_types", "GET", {}, (res) => {
-               if(res.code == 0){
-                   vue.zhiweiTypesList = res.data.list;
-               }
-           });
-       }
-
-
-    </script>
-</body>
-</html>
\ No newline at end of file
+                    <!-- 如果头像不是只读状态，则显示上传头像按钮 -->
+                    <button v-if="!ro.yishengPhoto" :style='{"padding":"0 10px","boxShadow":"0 0 0px rgba(255,0,0,.5)","margin":"0 1
\ No newline at end of file
