From 8bbba41c7c29d938d1c8afad7a7e2419f42090bf Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Mon, 17 Mar 2025 10:34:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=8A=E7=96=97=E6=A1=A3=E6=A1=88=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/medicalFile/details.vue         | 833 ++++++++++--------
 1 file changed, 443 insertions(+), 390 deletions(-)

diff --git a/acupuncture-前台/src/views/medicalFile/details.vue b/acupuncture-前台/src/views/medicalFile/details.vue
index f5e93e36..7e87877f 100644
--- a/acupuncture-前台/src/views/medicalFile/details.vue
+++ b/acupuncture-前台/src/views/medicalFile/details.vue
@@ -9,458 +9,492 @@
         </el-step>
       </el-steps>
     </div>
-    <div class="div-right" style="padding: 0 16px">
-      <a name="基本信息"></a>
-      <div class="div-title1">基本信息</div>
-      <div class="div-border div-bot20">
-        <el-descriptions class="margin-top" :column="3">
-          <el-descriptions-item label="姓名">{{
-            form.name
-          }}</el-descriptions-item>
-          <el-descriptions-item label="性别">
-            {{ form.gender == 0 ? "男" : "女" }}
-          </el-descriptions-item>
-          <el-descriptions-item label="年龄">
-            {{ form.age }}
-          </el-descriptions-item>
-          <el-descriptions-item label="手机号码">
-            {{ form.phone }}
-          </el-descriptions-item>
-          <el-descriptions-item label="门诊号/住院号">
-            {{ form.visitNumber }}
-          </el-descriptions-item>
-          <el-descriptions-item label="门诊时间/住院时间">
-            {{ form.visitTime }}
-          </el-descriptions-item>
-          <el-descriptions-item label="责任医生">
-            {{ form.doctor }}
-          </el-descriptions-item>
-          <el-descriptions-item label="建档人">
-            {{ form.createBy }}
-          </el-descriptions-item>
-          <el-descriptions-item label="建档时间">
-            {{ form.createTime }}
-          </el-descriptions-item>
-          <el-descriptions-item label="档案状态">
-            <span :class="`status${form.status}`">{{
-              status[form.status]
-            }}</span>
-          </el-descriptions-item>
-        </el-descriptions>
-      </div>
+    <div class="div-right" style="padding: 0 20px">
+      <el-card class="box-card">
+        <a name="基本信息"></a>
+        <div class="div-title1">基本信息</div>
+        <div>
+          <el-descriptions class="margin-top" :column="3">
+            <el-descriptions-item label="姓名">{{
+              form.name
+            }}</el-descriptions-item>
+            <el-descriptions-item label="性别">
+              {{ form.gender == 0 ? "男" : "女" }}
+            </el-descriptions-item>
+            <el-descriptions-item label="年龄">
+              {{ form.age }}
+            </el-descriptions-item>
+            <el-descriptions-item label="手机号码">
+              {{ form.phone }}
+            </el-descriptions-item>
+            <el-descriptions-item label="门诊号/住院号">
+              {{ form.visitNumber }}
+            </el-descriptions-item>
+            <el-descriptions-item label="门诊时间/住院时间">
+              {{ form.visitTime }}
+            </el-descriptions-item>
+            <el-descriptions-item label="责任医生">
+              {{ form.doctor }}
+            </el-descriptions-item>
+            <el-descriptions-item label="建档人">
+              {{ form.createBy }}
+            </el-descriptions-item>
+            <el-descriptions-item label="建档时间">
+              {{ form.createTime }}
+            </el-descriptions-item>
+            <el-descriptions-item label="档案状态">
+              <span :class="`status${form.status}`">{{
+                status[form.status]
+              }}</span>
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+      </el-card>
 
       <!-- 档案详情-->
       <el-form ref="detailsForm" :model="detailsForm" class="formStep">
-        <a name="主要诊断"></a>
-        <div class="div-title1">主要诊断</div>
-        <el-form-item
-          class="form-item-zd div-border div-pad20"
-          prop="JBXX_ZYZD"
-        >
-          <el-checkbox-group v-model="detailsForm['JBXX_ZYZD']">
-            <el-checkbox
-              :disabled="form.status != 0 && form.status != 3"
-              v-for="(item, index) in medicalHistory"
-              :label="item"
-            >
-            </el-checkbox>
-          </el-checkbox-group>
-          <el-input v-model="detailsForm['JBXX_ZYZD_QT']" placeholder="其他" />
-        </el-form-item>
-        <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">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_TZ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="去脂体重" prop="PG_RTCF_QZTZ">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_QZTZ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="肌肉量" prop="PG_RTCF_JRL">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_JRL']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="总水分（TBW）" prop="PG_RTCF_TBW">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_TBW']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="蛋白质" prop="PG_RTCF_DBZ">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_DBZ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="蛋白质" prop="PG_RTCF_GZ">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_GZ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="脂肪" prop="PG_RTCF_ZF">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_ZF']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="体脂百分比（PBF）" prop="PG_RTCF_PBF">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_PBF']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="骨骼肌" prop="PG_RTCF_GGJ">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_GGJ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="体质指数（BMI）" prop="PG_RTCF_BMI">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_BMI']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="腰臀比（WHR）" prop="PG_RTCF_WHR">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_WHR']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="内脏脂肪水平" prop="PG_RTCF_NZZFSP">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_NZZFSP']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="身体各成分百分比" prop="PG_RTCF_STGCFBFB">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_STGCFBFB']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="体型类型" prop="PG_RTCF_TXLX">
-            <el-select
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_TXLX']"
-              multiple
-              collapse-tags
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="(item, index) in systemType"
+        <!-- 主要诊断 -->
+        <el-card class="box-card">
+          <a name="主要诊断"></a>
+          <div class="div-title1">主要诊断</div>
+          <el-form-item prop="JBXX_ZYZD" style="margin-bottom: 0">
+            <el-checkbox-group v-model="detailsForm['JBXX_ZYZD']">
+              <el-checkbox
+                :disabled="form.status != 0 && form.status != 3"
+                v-for="(item, index) in medicalHistory"
                 :label="item"
-                :value="item"
               >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="身体年龄" prop="PG_RTCF_STNL">
-            <el-input
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_RTCF_STNL']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="健康评分" prop="PG_RTCF_JKPF">
+              </el-checkbox>
+            </el-checkbox-group>
             <el-input
-              v-model="detailsForm['PG_RTCF_JKPF']"
-              placeholder="请输入"
+              v-model="detailsForm['JBXX_ZYZD_QT']"
+              placeholder="其他"
             />
           </el-form-item>
-        </div>
-        <a name="中医体质辨识"></a>
-        <div class="div-title1">中医体质辨识</div>
-        <div class="div-border div-bot20">
-          <el-form-item prop="PG_TZBS_ZYTZ" label="主要体质">
-            <el-radio-group
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['PG_TZBS_ZYTZ']"
-            >
-              <el-radio
-                v-for="(item, index) in habitus"
-                :key="index"
-                :label="item"
-              >
-              </el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item
-            class="item-form-jjtz"
-            prop="PG_TZBS_JJTZ"
-            label="兼夹体质"
-          >
-            <div style="width: 100%">
-              <el-checkbox-group
-                :disabled="form.status != 0 && form.status != 3"
-                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="体态评估"></a>
-        <div class="div-border div-bot20">
-          <div class="div-title2">体态评估</div>
+        </el-card>
+        <!-- 病情评估 -->
+        <el-card class="box-card">
+          <div>
+            <a name="病情评估"></a>
+            <div class="div-title1">病情评估</div>
+            <div class="div-title2">人体成分</div>
+          </div>
           <div class="human-body">
-            <el-form-item label="" prop="PG_TT_TAPS_DF">
-              <template v-slot:label>
-                <span>TAPS体态自觉评估得分(3-15分)</span>
-              </template>
-
+            <el-form-item label="体重" prop="PG_RTCF_TZ">
               <el-input
                 :disabled="form.status != 0 && form.status != 3"
-                v-model="detailsForm['PG_TT_TAPS_DF']"
+                v-model="detailsForm['PG_RTCF_TZ']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item prop="PG_TT_TRACE_DF">
-              <template v-slot:label>
-                <span>TRACE体态临床评估得分(0-12分)</span>
-              </template>
+            <el-form-item label="去脂体重" prop="PG_RTCF_QZTZ">
               <el-input
                 :disabled="form.status != 0 && form.status != 3"
-                v-model="detailsForm['PG_TT_TRACE_DF']"
+                v-model="detailsForm['PG_RTCF_QZTZ']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item prop="PG_TT_SRS22_DF">
-              <template v-slot:label>
-                <span>SRS-22问卷评估得分(1~5分)</span>
-              </template>
+            <el-form-item label="肌肉量" prop="PG_RTCF_JRL">
               <el-input
                 :disabled="form.status != 0 && form.status != 3"
-                v-model="detailsForm['PG_TT_SRS22_DF']"
+                v-model="detailsForm['PG_RTCF_JRL']"
                 placeholder="请输入"
               />
             </el-form-item>
-          </div>
-          <div class="div-title2">失眠评估</div>
-          <div class="human-body">
-            <el-form-item prop="PG_SM_PHQ-9_DF">
-              <template v-slot:label>
-                <span> 患者健康问卷（PHQ-9）评估得分(0-27分)</span>
-                <span
-                  class="foem-item-pg"
-                  @click="
-                    handleComponents('PG_SM_PHQ-9_DF', '患者健康问卷（PHQ-9）')
-                  "
-                >
-                  评估
-                </span>
-              </template>
+            <el-form-item label="总水分（TBW）" prop="PG_RTCF_TBW">
               <el-input
                 :disabled="form.status != 0 && form.status != 3"
-                v-model="detailsForm['PG_SM_PHQ-9_DF']"
+                v-model="detailsForm['PG_RTCF_TBW']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item prop="PG_SM_EPSW_DF">
-              <template v-slot:label>
-                <span>Epworth嗜睡评估得分(0-24分)</span>
-                <span
-                  class="foem-item-pg"
-                  @click="handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')"
-                >
-                  评估
-                </span>
-              </template>
+            <el-form-item label="蛋白质" prop="PG_RTCF_DBZ">
               <el-input
                 :disabled="form.status != 0 && form.status != 3"
-                v-model="detailsForm['PG_SM_EPSW_DF']"
+                v-model="detailsForm['PG_RTCF_DBZ']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item prop="PG_SM_PSQI_DF">
-              <template v-slot:label>
-                <span>匹兹堡睡眠质量指数（PSQI）评估得分(0~21分)</span>
-
-                <span
-                  class="foem-item-pg"
-                  @click="
-                    handleComponents(
-                      'PG_SM_PSQI_DF',
-                      '匹兹堡睡眠质量指数（PSQI）'
-                    )
-                  "
-                >
-                  评估
-                </span>
-              </template>
+            <el-form-item label="蛋白质" prop="PG_RTCF_GZ">
               <el-input
                 :disabled="form.status != 0 && form.status != 3"
-                v-model="detailsForm['PG_SM_PSQI_DF']"
+                v-model="detailsForm['PG_RTCF_GZ']"
                 placeholder="请输入"
               />
             </el-form-item>
-          </div>
-          <div class="div-title2">焦虑评估</div>
-          <div class="human-body">
-            <el-form-item prop="PG_JL_HAMD-24_DF">
-              <template v-slot:label>
-                <span>汉密尔顿抑郁评估（HAMD-24）得分(0-96分)</span>
-
-                <span
-                  class="foem-item-pg"
-                  @click="
-                    handleComponents(
-                      'PG_JL_HAMD-24_DF',
-                      '汉密尔顿抑郁评估（HAMD-24）'
-                    )
-                  "
-                >
-                  评估
-                </span>
-              </template>
+            <el-form-item label="脂肪" prop="PG_RTCF_ZF">
               <el-input
-                v-model="detailsForm['PG_JL_HAMD-24_DF']"
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_RTCF_ZF']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item prop="PG_JL_SAS_DF">
-              <template v-slot:label>
-                <span>焦虑自评（SAS）得分(0-100分)</span>
-                <span
-                  class="foem-item-pg"
-                  @click="handleComponents('PG_JL_SAS_DF', '焦虑自评（SAS）')"
+            <el-form-item label="体脂百分比（PBF）" prop="PG_RTCF_PBF">
+              <el-input
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_RTCF_PBF']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="骨骼肌" prop="PG_RTCF_GGJ">
+              <el-input
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_RTCF_GGJ']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="体质指数（BMI）" prop="PG_RTCF_BMI">
+              <el-input
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_RTCF_BMI']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="腰臀比（WHR）" prop="PG_RTCF_WHR">
+              <el-input
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_RTCF_WHR']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="内脏脂肪水平" prop="PG_RTCF_NZZFSP">
+              <el-input
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_RTCF_NZZFSP']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="身体各成分百分比" prop="PG_RTCF_STGCFBFB">
+              <el-input
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_RTCF_STGCFBFB']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="体型类型" prop="PG_RTCF_TXLX">
+              <el-select
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_RTCF_TXLX']"
+                multiple
+                collapse-tags
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="(item, index) in systemType"
+                  :label="item"
+                  :value="item"
                 >
-                  评估
-                </span>
-              </template>
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="身体年龄" prop="PG_RTCF_STNL">
               <el-input
                 :disabled="form.status != 0 && form.status != 3"
-                v-model="detailsForm['PG_JL_SAS_DF']"
+                v-model="detailsForm['PG_RTCF_STNL']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="健康评分" prop="PG_RTCF_JKPF">
+              <el-input
+                v-model="detailsForm['PG_RTCF_JKPF']"
                 placeholder="请输入"
               />
             </el-form-item>
           </div>
-        </div>
-        <a name="治疗类型"></a>
-        <div class="div-title1">治疗类型</div>
-        <el-form-item prop="ZLFA_ZLLX" class="div-border div-pad10">
-          <el-radio-group
-            :disabled="form.status != 0 && form.status != 3"
-            v-model="detailsForm['ZLFA_ZLLX']"
-          >
-            <el-radio label="中西医结合治疗"> </el-radio>
-            <el-radio label="单纯中医治疗"> </el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <a name="诊疗方法"></a>
-        <div style="font-size: 22px; margin-bottom: 14px" class="div-title1">
-          诊疗方法
-        </div>
-        <div
-          class="div-border div-pad10"
-          style="margin-bottom: 14px"
-          v-for="(i, ind) in healType"
-          :key="ind"
-        >
-          <div class="div-title2">{{ i.title }}</div>
-          <div v-for="(j, jnd) in i.list" :key="jnd">
-            <div v-if="j.title != '针灸疗法'">
-              <div class="div-title3">{{ j.title }}</div>
-              <span
-                v-if="k.type == 'but'"
-                @click="handleButClick(j, k)"
-                class="span-but"
-                :class="{
-                  'span-but-active':
-                    detailsForm[j.valueCode] == (k.value || k.title),
-                }"
-                v-for="(k, knd) in j.list"
-                :key="knd"
+        </el-card>
+        <el-card class="box-card">
+          <a name="中医体质辨识"></a>
+          <div class="div-title1">中医体质辨识</div>
+          <div>
+            <el-form-item
+              prop="PG_TZBS_ZYTZ"
+              label="主要体质"
+              style="margin-bottom: 0"
+            >
+              <el-radio-group
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['PG_TZBS_ZYTZ']"
               >
-                {{ k.value || k.title }}
-              </span>
-              <div v-else class="human-body">
-                <el-form-item prop="ZLFA_ZJ_XW_QT">
-                  <el-input v-model="detailsForm[j.valueCode]"></el-input>
-                </el-form-item>
+                <el-radio
+                  v-for="(item, index) in habitus"
+                  :key="index"
+                  :label="item"
+                >
+                </el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item
+              class="item-form-jjtz"
+              prop="PG_TZBS_JJTZ"
+              label="兼夹体质"
+              style="margin-bottom: 0"
+            >
+              <div style="width: 100%">
+                <el-checkbox-group
+                  :disabled="form.status != 0 && form.status != 3"
+                  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>
+        </el-card>
+        <!-- 体态评估 -->
+        <el-card class="box-card">
+          <a name="体态评估"></a>
+          <div>
+            <div class="div-title1">体态评估</div>
+            <div class="human-body">
+              <el-form-item label="" prop="PG_TT_TAPS_DF">
+                <template v-slot:label>
+                  <span>TAPS体态自觉评估得分(3-15分)</span>
+                </template>
+
+                <el-input
+                  :disabled="form.status != 0 && form.status != 3"
+                  v-model="detailsForm['PG_TT_TAPS_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item prop="PG_TT_TRACE_DF">
+                <template v-slot:label>
+                  <span>TRACE体态临床评估得分(0-12分)</span>
+                </template>
+                <el-input
+                  :disabled="form.status != 0 && form.status != 3"
+                  v-model="detailsForm['PG_TT_TRACE_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item prop="PG_TT_SRS22_DF">
+                <template v-slot:label>
+                  <span>SRS-22问卷评估得分(1~5分)</span>
+                </template>
+                <el-input
+                  :disabled="form.status != 0 && form.status != 3"
+                  v-model="detailsForm['PG_TT_SRS22_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
             </div>
-            <div v-else>
-              <div class="div-title3">{{ j.title }}</div>
-              <div style="" v-for="(k, knd) in j.list" :key="knd">
-                <div class="div-title4" style="margin: 5px 0">
-                  {{ k.title }}
-                </div>
+            <div class="div-title2">失眠评估</div>
+            <div class="human-body">
+              <el-form-item prop="PG_SM_PHQ-9_DF">
+                <template v-slot:label>
+                  <span> 患者健康问卷（PHQ-9）评估得分(0-27分)</span>
+                  <span
+                    class="foem-item-pg"
+                    @click="
+                      handleComponents(
+                        'PG_SM_PHQ-9_DF',
+                        '患者健康问卷（PHQ-9）'
+                      )
+                    "
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  :disabled="form.status != 0 && form.status != 3"
+                  v-model="detailsForm['PG_SM_PHQ-9_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item prop="PG_SM_EPSW_DF">
+                <template v-slot:label>
+                  <span>Epworth嗜睡评估得分(0-24分)</span>
+                  <span
+                    class="foem-item-pg"
+                    @click="
+                      handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')
+                    "
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  :disabled="form.status != 0 && form.status != 3"
+                  v-model="detailsForm['PG_SM_EPSW_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item prop="PG_SM_PSQI_DF">
+                <template v-slot:label>
+                  <span>匹兹堡睡眠质量指数（PSQI）评估得分(0~21分)</span>
+
+                  <span
+                    class="foem-item-pg"
+                    @click="
+                      handleComponents(
+                        'PG_SM_PSQI_DF',
+                        '匹兹堡睡眠质量指数（PSQI）'
+                      )
+                    "
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  :disabled="form.status != 0 && form.status != 3"
+                  v-model="detailsForm['PG_SM_PSQI_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </div>
+            <div class="div-title2">焦虑评估</div>
+            <div class="human-body">
+              <el-form-item prop="PG_JL_HAMD-24_DF">
+                <template v-slot:label>
+                  <span>汉密尔顿抑郁评估（HAMD-24）得分(0-96分)</span>
+
+                  <span
+                    class="foem-item-pg"
+                    @click="
+                      handleComponents(
+                        'PG_JL_HAMD-24_DF',
+                        '汉密尔顿抑郁评估（HAMD-24）'
+                      )
+                    "
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  v-model="detailsForm['PG_JL_HAMD-24_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item prop="PG_JL_SAS_DF">
+                <template v-slot:label>
+                  <span>焦虑自评（SAS）得分(0-100分)</span>
+                  <span
+                    class="foem-item-pg"
+                    @click="handleComponents('PG_JL_SAS_DF', '焦虑自评（SAS）')"
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  :disabled="form.status != 0 && form.status != 3"
+                  v-model="detailsForm['PG_JL_SAS_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </div>
+          </div>
+        </el-card>
+        <!-- 治疗类型 -->
+        <el-card class="box-card">
+          <a name="治疗类型"></a>
+          <div class="div-title1">治疗类型</div>
+          <el-form-item prop="ZLFA_ZLLX" style="margin-bottom: 0">
+            <el-radio-group
+              :disabled="form.status != 0 && form.status != 3"
+              v-model="detailsForm['ZLFA_ZLLX']"
+            >
+              <el-radio label="中西医结合治疗"> </el-radio>
+              <el-radio label="单纯中医治疗"> </el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-card>
+
+        <!-- 诊疗方法 -->
+        <el-card class="box-card">
+          <a name="诊疗方法"></a>
+          <div style="font-size: 22px; margin-bottom: 14px" class="div-title1">
+            诊疗方法
+          </div>
+          <div v-for="(i, ind) in healType" :key="ind">
+            <div class="div-title2">{{ i.title }}</div>
+            <div v-for="(j, jnd) in i.list" :key="jnd">
+              <div v-if="j.title != '针灸疗法'">
+                <div class="div-title3">{{ j.title }}</div>
                 <span
-                  v-if="l.type == 'but'"
-                  @click="handleButClick(k, l)"
+                  v-if="k.type == 'but'"
+                  @click="handleButClick(j, k)"
                   class="span-but"
                   :class="{
                     'span-but-active':
-                      detailsForm[k.valueCode] == (l.value || l.title),
+                      detailsForm[j.valueCode] == (k.value || k.title),
                   }"
-                  v-for="(l, lnd) in k.list"
-                  :key="lnd"
+                  v-for="(k, knd) in j.list"
+                  :key="knd"
                 >
-                  {{ l.value || l.title }}
+                  {{ k.value || k.title }}
                 </span>
                 <div v-else class="human-body">
-                  <el-form-item prop="ZLFA_YW_QT">
-                    <el-input
-                      :disabled="form.status != 0 && form.status != 3"
-                      v-model="detailsForm[k.valueCode]"
-                    ></el-input>
+                  <el-form-item prop="ZLFA_ZJ_XW_QT">
+                    <el-input v-model="detailsForm[j.valueCode]"></el-input>
                   </el-form-item>
                 </div>
               </div>
+              <div v-else>
+                <div class="div-title3">{{ j.title }}</div>
+                <div style="" v-for="(k, knd) in j.list" :key="knd">
+                  <div class="div-title4" style="margin: 5px 0">
+                    {{ k.title }}
+                  </div>
+                  <span
+                    v-if="l.type == 'but'"
+                    @click="handleButClick(k, l)"
+                    class="span-but"
+                    :class="{
+                      'span-but-active':
+                        detailsForm[k.valueCode] == (l.value || l.title),
+                    }"
+                    v-for="(l, lnd) in k.list"
+                    :key="lnd"
+                  >
+                    {{ l.value || l.title }}
+                  </span>
+                  <div v-else class="human-body">
+                    <el-form-item prop="ZLFA_YW_QT">
+                      <el-input
+                        :disabled="form.status != 0 && form.status != 3"
+                        v-model="detailsForm[k.valueCode]"
+                      ></el-input>
+                    </el-form-item>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
-        </div>
-        <!--  -->
-        <div class="human-body"></div>
-        <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">
-            <el-radio-group
-              :disabled="form.status != 0 && form.status != 3"
-              v-model="detailsForm['ZLFA_ZLXG']"
-            >
-              <el-radio label="治愈"> </el-radio>
-              <el-radio label="显效"> </el-radio>
-              <el-radio label="好转"> </el-radio>
-              <el-radio label="无效"> </el-radio>
-            </el-radio-group>
-          </el-form-item>
+        </el-card>
+
+        <!-- 治疗效果 -->
+        <el-card class="box-card">
+          <a name="治疗效果"></a>
+          <div class="div-title1">治疗效果</div>
+          <div>
+            <el-form-item prop="ZLFA_ZLXG" style="margin-bottom: 0">
+              <el-radio-group
+                :disabled="form.status != 0 && form.status != 3"
+                v-model="detailsForm['ZLFA_ZLXG']"
+              >
+                <el-radio label="治愈"> </el-radio>
+                <el-radio label="显效"> </el-radio>
+                <el-radio label="好转"> </el-radio>
+                <el-radio label="无效"> </el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </div>
+        </el-card>
+
+        <!-- 诊疗费用 -->
+        <el-card class="box-card">
           <a name="诊疗费用"></a>
           <div class="div-title2">诊疗费用</div>
-          <el-form-item label="总体费用按照区间进行选择" prop="ZLFA_ZTFY">
+          <el-form-item
+            label="总体费用按照区间进行选择"
+            prop="ZLFA_ZTFY"
+            style="margin-bottom: 0"
+          >
             <el-radio-group
               :disabled="form.status != 0 && form.status != 3"
               v-model="detailsForm['ZLFA_ZTFY']"
@@ -472,7 +506,11 @@
               <el-radio label=">5000元" value="<300元"> </el-radio>
             </el-radio-group>
           </el-form-item>
-          <el-form-item label="检查费用按照区间进行选择" prop="ZLFA_JCFY">
+          <el-form-item
+            label="检查费用按照区间进行选择"
+            prop="ZLFA_JCFY"
+            style="margin-bottom: 0"
+          >
             <el-radio-group
               :disabled="form.status != 0 && form.status != 3"
               v-model="detailsForm['ZLFA_JCFY']"
@@ -484,7 +522,11 @@
               <el-radio label=">5000元"> </el-radio>
             </el-radio-group>
           </el-form-item>
-          <el-form-item label="中医治疗费用按照区间进行选择" prop="ZLFA_ZYZLFY">
+          <el-form-item
+            label="中医治疗费用按照区间进行选择"
+            prop="ZLFA_ZYZLFY"
+            style="margin-bottom: 0"
+          >
             <el-radio-group
               :disabled="form.status != 0 && form.status != 3"
               v-model="detailsForm['ZLFA_ZYZLFY']"
@@ -496,7 +538,11 @@
               <el-radio label=">5000元"> </el-radio>
             </el-radio-group>
           </el-form-item>
-          <el-form-item label="药物费用按照区间进行选择" prop="ZLFA_YWFY">
+          <el-form-item
+            label="药物费用按照区间进行选择"
+            prop="ZLFA_YWFY"
+            style="margin-bottom: 0"
+          >
             <el-radio-group
               :disabled="form.status != 0 && form.status != 3"
               v-model="detailsForm['ZLFA_YWFY']"
@@ -508,6 +554,9 @@
               <el-radio label=">5000元"> </el-radio>
             </el-radio-group>
           </el-form-item>
+        </el-card>
+        <!-- 随访队列 -->
+        <el-card class="box-card">
           <a name="随访队列"></a>
           <div class="div-title2">随访队列</div>
           <el-select
@@ -524,7 +573,7 @@
             >
             </el-option>
           </el-select>
-        </div>
+        </el-card>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button
@@ -1206,8 +1255,11 @@ export default {
 };
 </script>
 <style scoped src="@/assets/styles/common.css"></style>
-
+<!-- box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); -->
 <style scoped>
+.box-card {
+  margin-bottom: 16px;
+}
 .status1 {
   color: orange;
 }
@@ -1250,7 +1302,6 @@ export default {
 }
 .app-container .div-left {
   width: 210px;
-  margin-right: 20px;
   flex-shrink: 0;
   border-right: 1px solid #d8d8d8;
 }
@@ -1278,6 +1329,8 @@ export default {
   font-size: 22px;
   font-weight: bold;
   margin-bottom: 10px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #dcdfe6;
 }
 
 .div-title2 {