诊疗档案详情左侧导航调整

acupuncture-前台/src/views/medicalFile/details.vue

@@ -4,13 +4,13 @@
       <el-steps direction="vertical" :active="stepActive">
         <el-step v-for="(item, index) in stepArr" :key="index">
           <div slot="title" @click="stepActive = index" style="cursor: pointer">
-            <a :href="`#${index}`">{{ item }}</a>
+            <a :href="`#${item}`">{{ item }}</a>
           </div>
         </el-step>
       </el-steps>
     </div>
     <div class="div-right" style="padding: 0 16px">
-      <a name="0"></a>
+      <a name="基本信息"></a>
       <div class="div-title1">基本信息</div>
       <div class="div-border div-bot20">
         <el-descriptions class="margin-top" :column="3">
@@ -46,7 +46,7 @@
 
       <!-- 档案详情-->
       <el-form ref="detailsForm" :model="detailsForm" class="formStep">
-        <a name="1"></a>
+        <a name="主要诊断"></a>
         <div class="div-title1">主要诊断</div>
         <el-form-item
           class="form-item-zd div-border div-pad20"
@@ -59,9 +59,9 @@
           <el-input v-model="detailsForm['JBXX_ZYZD_QT']" placeholder="其他" />
         </el-form-item>
         <div>
-          <a name="2"></a>
-          <div class="div-title1">评估信息</div>
-          <div class="div-title2" id="#2">人体成分（基本参数）</div>
+          <a name="病情评估"></a>
+          <div class="div-title1">病情评估</div>
+          <div class="div-title2">人体成分</div>
         </div>
         <div class="human-body div-border div-bot20">
           <el-form-item label="体重" prop="PG_RTCF_TZ">
@@ -170,11 +170,10 @@
             />
           </el-form-item>
         </div>
-        <a name="3"></a>
+        <a name="中医体质辨识"></a>
         <div class="div-title1">中医体质辨识</div>
-        <div class="div-title2">主要体质</div>
         <div class="div-border div-bot20">
-          <el-form-item prop="PG_TZBS_ZYTZ">
+          <el-form-item prop="PG_TZBS_ZYTZ" label="主要体质">
             <el-radio-group v-model="detailsForm['PG_TZBS_ZYTZ']">
               <el-radio
                 v-for="(item, index) in habitus"
@@ -184,20 +183,25 @@
               </el-radio>
             </el-radio-group>
           </el-form-item>
-          <div class="div-title2">兼夹体质</div>
-          <el-form-item class="form-item-zd" prop="PG_TZBS_JJTZ">
-            <el-checkbox-group v-model="detailsForm['PG_TZBS_JJTZ']">
-              <el-checkbox
-                v-for="(item, index) in habitus"
-                :key="index"
-                :label="item"
-              >
-              </el-checkbox>
-            </el-checkbox-group>
+          <el-form-item
+            class="item-form-jjtz"
+            prop="PG_TZBS_JJTZ"
+            label="兼夹体质"
+          >
+            <div style="width: 100%">
+              <el-checkbox-group v-model="detailsForm['PG_TZBS_JJTZ']">
+                <el-checkbox
+                  v-for="(item, index) in habitus"
+                  :key="index"
+                  :label="item"
+                >
+                </el-checkbox>
+              </el-checkbox-group>
+            </div>
           </el-form-item>
         </div>
         <!-- 体态评估 -->
-        <a name="4"></a>
+        <a name="体态评估"></a>
         <div class="div-border div-bot20">
           <div class="div-title2">体态评估</div>
           <div class="human-body">
@@ -326,7 +330,7 @@
             </el-form-item>
           </div>
         </div>
-        <a name="5"></a>
+        <a name="治疗类型"></a>
         <div class="div-title1">治疗类型</div>
         <el-form-item prop="ZLFA_ZLLX" class="div-border div-pad10">
           <el-radio-group v-model="detailsForm['ZLFA_ZLLX']">
@@ -334,7 +338,7 @@
             <el-radio label="单纯中医治疗"> </el-radio>
           </el-radio-group>
         </el-form-item>
-        <a name="6"></a>
+        <a name="诊疗方法"></a>
         <div style="font-size: 22px; margin-bottom: 14px" class="div-title1">
           诊疗方法
         </div>
@@ -397,7 +401,7 @@
         </div>
         <!--  -->
         <div class="human-body"></div>
-        <a name="7"></a>
+        <a name="治疗效果"></a>
         <div class="div-title1">治疗效果</div>
         <div class="div-border div-bot20">
           <el-form-item prop="ZLFA_ZLXG" class="div-border div-pad10">
@@ -408,7 +412,7 @@
               <el-radio label="无效"> </el-radio>
             </el-radio-group>
           </el-form-item>
-          <a name="8"></a>
+          <a name="诊疗费用"></a>
           <div class="div-title2">诊疗费用</div>
           <el-form-item label="总体费用按照区间进行选择" prop="ZLFA_ZTFY">
             <el-radio-group v-model="detailsForm['ZLFA_ZTFY']">
@@ -446,6 +450,8 @@
               <el-radio label=">5000元"> </el-radio>
             </el-radio-group>
           </el-form-item>
+          <a name="随访队列"></a>
+          <div class="div-title2">随访队列</div>
         </div>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -513,13 +519,12 @@ export default {
       stepArr: [
         "基本信息",
         "主要诊断",
-        "人体成分（基本参数）",
-        "中医体质辨识",
-        "评估",
+        "病情评估",
         "治疗类型",
         "诊疗方法",
         "治疗效果",
         "诊疗费用",
+        "随访队列",
       ],
       // 现病史
       medicalHistory: [
@@ -1098,6 +1103,14 @@ export default {
 <style scoped src="@/assets/styles/common.css"></style>
 
 <style scoped>
+>>> .el-dialog__header {
+  text-align: center;
+  font-weight: bold;
+}
+.item-form-jjtz >>> .el-form-item__label {
+  width: 100%;
+}
+
 >>> .el-form-item__label {
   display: flex !important;
 }
@@ -1116,6 +1129,7 @@ export default {
   cursor: pointer;
   position: relative;
   z-index: 9;
+  margin-left: 5px;
 }
 .app-container {
   display: flex;
@@ -1157,7 +1171,15 @@ export default {
   font-weight: bold;
   margin-bottom: 10px;
 }
-
+.div-title22 {
+  font-size: 14px;
+  color: #606266;
+  vertical-align: middle;
+  line-height: 40px;
+  padding: 0 12px 0 0;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .div-title3 {
   font-size: 18px;
   font-weight: bold;