同步诊疗菜单内容

acupuncture-后台/src/views/medicalFile/components/anxiety/HAMD.vue

@@ -0,0 +1,368 @@
+<template>
+  <div>
+    <!--
+    1	抑郁情绪	0：无；1：只在问到时才诉述；2：在访谈中自发地表达；3：从表情、姿势、声音中流露；4：几乎完全表现为这种情绪
+    2	有罪感	0：无；1：责备自己，感到连累他人；2：认为自己犯了罪；3：认为疾病是惩罚；4：罪恶妄想伴有幻觉
+    3	自杀	0：无；1：觉得活着没有意义；2：希望死去；3：有自杀念头；4：有自杀行为
+    4	入睡困难	0：无；1：有时入睡困难；2：每晚入睡困难
+    5	睡眠不深	0：无；1：睡眠浅多恶梦；2：半夜醒来
+    6	早醒	0：无；1：早醒但能重新入睡；2：早醒后无法重新入睡
+    7	工作和兴趣	0：无困难；1：提问时才诉述；2：自发表达对活动失去兴趣；3：病室劳动或娱乐不满3小时；4：停止工作或无法完成日常事务
+    8	迟缓	0：无；1：提问时才诉述；2：自发表达迟缓；3：明显迟缓；4：完全迟缓
+    9	激越	0：无；1：有些心神不宁；2：明显心神不宁；3：不能静坐；4：严重激越
+    10	精神性焦虑	0：无；1：问时诉述；2：自发表达；3：明显忧虑；4：明显惊恐
+    11	躯体性焦虑	0：无；1：轻度；2：中度；3：重度；4：严重影响生活
+    12	胃肠道症状	0：无；1：食欲减退；2：进食需他人催促；3：需用泻药或助消化药
+    13	全身症状	0：无；1：轻度；2：明显
+    14	性症状	0：无；1：轻度；2：重度；3：不适合或不能肯定
+    15	疑病	0：无；1：对身体过分关注；2：反复考虑健康问题；3：有疑病妄想；4：伴有幻觉的疑病妄想
+    16	体重减轻	0：无；1：可能有体重减轻；2：肯定体重减轻
+    17	自知力	0：知道自己有病；1：归咎于其他原因；2：完全否认有病
+    18	认知障碍	0：无；1：轻度；2：中度；3：重度；4：极重度
+    19	日夜变化	0：无；1：有日夜变化
+    20	人格解体	0：无；1：轻度；2：中度；3：重度；4：极重度
+    21	偏执症状	0：无；1：轻度；2：中度；3：重度；4：极重度
+    22	强迫症状	0：无；1：轻度；2：中度；3：重度；4：极重度
+    23	躯体化症状	0：无；1：轻度；2：中度；3：重度；4：极重度
+    24	社交退缩	0：无；1：轻度；2：中度；3：重度；4：极重度
+    -->
+    <div>
+      <div
+        class="item-container"
+        v-for="(item, index) in questions"
+        :key="index"
+      >
+        <div class="item-title">{{ item.index }}. {{ item.question }}</div>
+        <div class="item-radio-box">
+          <el-radio-group v-model="form[`topic${item.index}`]">
+            <el-radio
+              v-for="(criteria, index) in item.criteria"
+              :key="index"
+              :label="criteria.value"
+              >{{ criteria.label }}
+            </el-radio>
+          </el-radio-group>
+        </div>
+      </div>
+      <div class="submit-box">
+        <el-button type="primary" class="submit-box-but" @click="submitForm"
+          >提交</el-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "phq",
+  props: ["scaleCode"],
+  data() {
+    return {
+      form: {},
+      questions: [
+        {
+          index: 1,
+          question: "抑郁情绪",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "只在问到时才诉述", value: 1 },
+            { label: "在访谈中自发地表达", value: 2 },
+            { label: "从表情、姿势、声音中流露", value: 3 },
+            { label: "几乎完全表现为这种情绪", value: 4 },
+          ],
+        },
+        {
+          index: 2,
+          question: "有罪感",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "责备自己，感到连累他人", value: 1 },
+            { label: "认为自己犯了罪", value: 2 },
+            { label: "认为疾病是惩罚", value: 3 },
+            { label: "罪恶妄想伴有幻觉", value: 4 },
+          ],
+        },
+        {
+          index: 3,
+          question: "自杀",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "觉得活着没有意义", value: 1 },
+            { label: "希望死去", value: 2 },
+            { label: "有自杀念头", value: 3 },
+            { label: "有自杀行为", value: 4 },
+          ],
+        },
+        {
+          index: 4,
+          question: "入睡困难",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "有时入睡困难", value: 1 },
+            { label: "每晚入睡困难", value: 2 },
+          ],
+        },
+        {
+          index: 5,
+          question: "睡眠不深",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "睡眠浅多恶梦", value: 1 },
+            { label: "半夜醒来", value: 2 },
+          ],
+        },
+        {
+          index: 6,
+          question: "早醒",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "早醒但能重新入睡", value: 1 },
+            { label: "早醒后无法重新入睡", value: 2 },
+          ],
+        },
+        {
+          index: 7,
+          question: "工作和兴趣",
+          criteria: [
+            { label: "无困难", value: 0 },
+            { label: "提问时才诉述", value: 1 },
+            { label: "自发表达对活动失去兴趣", value: 2 },
+            { label: "病室劳动或娱乐不满3小时", value: 3 },
+            { label: "停止工作或无法完成日常事务", value: 4 },
+          ],
+        },
+        {
+          index: 8,
+          question: "迟缓",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "提问时才诉述", value: 1 },
+            { label: "自发表达迟缓", value: 2 },
+            { label: "明显迟缓", value: 3 },
+            { label: "完全迟缓", value: 4 },
+          ],
+        },
+        {
+          index: 9,
+          question: "激越",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "有些心神不宁", value: 1 },
+            { label: "明显心神不宁", value: 2 },
+            { label: "不能静坐", value: 3 },
+            { label: "严重激越", value: 4 },
+          ],
+        },
+        {
+          index: 10,
+          question: "精神性焦虑",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "问时诉述", value: 1 },
+            { label: "自发表达", value: 2 },
+            { label: "明显忧虑", value: 3 },
+            { label: "明显惊恐", value: 4 },
+          ],
+        },
+        {
+          index: 11,
+          question: "躯体性焦虑",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "中度", value: 2 },
+            { label: "重度", value: 3 },
+            { label: "严重影响生活", value: 4 },
+          ],
+        },
+        {
+          index: 12,
+          question: "胃肠道症状",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "食欲减退", value: 1 },
+            { label: "进食需他人催促", value: 2 },
+            { label: "需用泻药或助消化药", value: 3 },
+          ],
+        },
+        {
+          index: 13,
+          question: "全身症状",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "明显", value: 2 },
+          ],
+        },
+        {
+          index: 14,
+          question: "性症状",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "重度", value: 2 },
+            { label: "不适合或不能肯定", value: 3 },
+          ],
+        },
+        {
+          index: 15,
+          question: "疑病",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "对身体过分关注", value: 1 },
+            { label: "反复考虑健康问题", value: 2 },
+            { label: "有疑病妄想", value: 3 },
+            { label: "伴有幻觉的疑病妄想", value: 4 },
+          ],
+        },
+        {
+          index: 16,
+          question: "体重减轻",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "可能有体重减轻", value: 1 },
+            { label: "肯定体重减轻", value: 2 },
+          ],
+        },
+        {
+          index: 17,
+          question: "自知力",
+          criteria: [
+            { label: "知道自己有病", value: 0 },
+            { label: "归咎于其他原因", value: 1 },
+            { label: "完全否认有病", value: 2 },
+          ],
+        },
+        {
+          index: 18,
+          question: "认知障碍",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "中度", value: 2 },
+            { label: "重度", value: 3 },
+            { label: "极重度", value: 4 },
+          ],
+        },
+        {
+          index: 19,
+          question: "日夜变化",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "有日夜变化", value: 1 },
+          ],
+        },
+        {
+          index: 20,
+          question: "人格解体",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "中度", value: 2 },
+            { label: "重度", value: 3 },
+            { label: "极重度", value: 4 },
+          ],
+        },
+        {
+          index: 21,
+          question: "偏执症状",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "中度", value: 2 },
+            { label: "重度", value: 3 },
+            { label: "极重度", value: 4 },
+          ],
+        },
+        {
+          index: 22,
+          question: "强迫症状",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "中度", value: 2 },
+            { label: "重度", value: 3 },
+            { label: "极重度", value: 4 },
+          ],
+        },
+        {
+          index: 23,
+          question: "躯体化症状",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "中度", value: 2 },
+            { label: "重度", value: 3 },
+            { label: "极重度", value: 4 },
+          ],
+        },
+        {
+          index: 24,
+          question: "社交退缩",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "轻度", value: 1 },
+            { label: "中度", value: 2 },
+            { label: "重度", value: 3 },
+            { label: "极重度", value: 4 },
+          ],
+        },
+      ],
+      scaleData: {},
+    };
+  },
+  created() {
+    this.treatmentId = this.$route.query.treatmentId; // 诊疗id
+    let scaleData = localStorage.getItem("scaleData"); // 获取上次填写的数据
+    this.scaleData = scaleData
+      ? JSON.parse(scaleData)
+      : {
+          [this.treatmentId]: {},
+        };
+    this.form = this.scaleData[this.treatmentId][this.scaleCode] || {}; // 将上次填写的数据赋值给form
+  },
+  methods: {
+    submitForm() {
+      let score = 0;
+      // 计算总分, topic${i}属性不一定存在，先校验是否存在
+      for (let i = 1; i <= 24; i++) {
+        if (this.form[`topic${i}`] !== undefined) {
+          score += this.form[`topic${i}`];
+        }
+      }
+      // 存储数据
+      this.scaleData[this.treatmentId][this.scaleCode] = this.form;
+      localStorage.setItem("scaleData", JSON.stringify(this.scaleData));
+      // 将数据传递给父组件
+      this.$emit("getScaleResult", score, this.scaleCode);
+    },
+  },
+};
+</script>
+<style scoped src="@/assets/styles/common.css"></style>
+
+<style scoped>
+.item-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: #3d3d3d;
+  line-height: 26px;
+}
+.item-radio-box {
+  margin: 16px 0px;
+}
+>>> .el-radio__label {
+  font-size: 18px;
+  color: #555555;
+  line-height: 20px;
+}
+.submit-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .submit-box-but {
+    width: 200px;
+  }
+}
+</style>

acupuncture-后台/src/views/medicalFile/components/anxiety/SAS.vue

@@ -0,0 +1,317 @@
+<template>
+  <div>
+    <!--
+    1	我觉得比平常容易紧张和着急（焦虑）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    2	我无缘无故地感到害怕（害怕）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    3	我容易心里烦乱或觉得惊恐（惊恐）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    4	我觉得我可能将要发疯（发疯感）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    5	我觉得一切都很好，也不会发生什么不幸（不幸预感）	4：没有或很少时间；3：小部分时间；2：相当多时间；1：绝大部分或全部时间
+    6	我手脚发抖打颤（手足颤抖）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    7	我因为头痛、头颈痛和背痛而苦恼（躯体疼痛）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    8	我感觉容易衰弱和疲乏（乏力）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    9	我觉得心平气和，并且容易安静坐着（静坐不能）	4：没有或很少时间；3：小部分时间；2：相当多时间；1：绝大部分或全部时间
+    10	我觉得心跳得很快（心悸）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    11	我因为一阵阵头晕而苦恼（头晕）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    12	我有晕倒发作或觉得要晕倒似的（晕厥感）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    13	我呼气、吸气都感到很容易（呼吸困难）	4：没有或很少时间；3：小部分时间；2：相当多时间；1：绝大部分或全部时间
+    14	我手脚麻木和刺痛（手足刺痛）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    15	我因为胃痛和消化不良而苦恼（胃痛，消化不良）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    16	我常常要小便（尿意频数）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    17	我的手常常是干燥温暖的（多汗）	4：没有或很少时间；3：小部分时间；2：相当多时间；1：绝大部分或全部时间
+    18	我脸红发热（面部潮红）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    19	我容易入睡，并且一夜睡得很好（睡眠障碍）	4：没有或很少时间；3：小部分时间；2：相当多时间；1：绝大部分或全部时间
+    20	我做噩梦（噩梦）	1：没有或很少时间；2：小部分时间；3：相当多时间；4：绝大部分或全部时间
+    -->
+    <div>
+      <div
+        class="item-container"
+        v-for="(item, index) in questions"
+        :key="index"
+      >
+        <div class="item-title">{{ item.index }}. {{ item.question }}</div>
+        <div class="item-radio-box">
+          <el-radio-group v-model="form[`topic${item.index}`]">
+            <el-radio
+              v-for="(criteria, index) in item.criteria"
+              :key="index"
+              :label="criteria.value"
+              >{{ criteria.label }}
+            </el-radio>
+          </el-radio-group>
+        </div>
+      </div>
+      <div class="submit-box">
+        <el-button type="primary" class="submit-box-but" @click="submitForm"
+          >提交</el-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "phq",
+  props: ["scaleCode"],
+  data() {
+    return {
+      form: {},
+      questions: [
+        {
+          index: 1,
+          question: "我觉得比平常容易紧张和着急（焦虑）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 2,
+          question: "我无缘无故地感到害怕（害怕）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 3,
+          question: "我容易心里烦乱或觉得惊恐（惊恐）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 4,
+          question: "我觉得我可能将要发疯（发疯感）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 5,
+          question: "我觉得一切都很好，也不会发生什么不幸（不幸预感）",
+          criteria: [
+            { label: "没有或很少时间", value: 4 },
+            { label: "小部分时间", value: 3 },
+            { label: "相当多时间", value: 2 },
+            { label: "绝大部分或全部时间", value: 1 },
+          ],
+        },
+        {
+          index: 6,
+          question: "我手脚发抖打颤（手足颤抖）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 7,
+          question: "我因为头痛、头颈痛和背痛而苦恼（躯体疼痛）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 8,
+          question: "我感觉容易衰弱和疲乏（乏力）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 9,
+          question: "我觉得心平气和，并且容易安静坐着（静坐不能）",
+          criteria: [
+            { label: "没有或很少时间", value: 4 },
+            { label: "小部分时间", value: 3 },
+            { label: "相当多时间", value: 2 },
+            { label: "绝大部分或全部时间", value: 1 },
+          ],
+        },
+        {
+          index: 10,
+          question: "我觉得心跳得很快（心悸）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 11,
+          question: "我因为一阵阵头晕而苦恼（头晕）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 12,
+          question: "我有晕倒发作或觉得要晕倒似的（晕厥感）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 13,
+          question: "我呼气、吸气都感到很容易（呼吸困难）",
+          criteria: [
+            { label: "没有或很少时间", value: 4 },
+            { label: "小部分时间", value: 3 },
+            { label: "相当多时间", value: 2 },
+            { label: "绝大部分或全部时间", value: 1 },
+          ],
+        },
+        {
+          index: 14,
+          question: "我手脚麻木和刺痛（手足刺痛）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 15,
+          question: "我因为胃痛和消化不良而苦恼（胃痛，消化不良）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 16,
+          question: "我常常要小便（尿意频数）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 17,
+          question: "我的手常常是干燥温暖的（多汗）",
+          criteria: [
+            { label: "没有或很少时间", value: 4 },
+            { label: "小部分时间", value: 3 },
+            { label: "相当多时间", value: 2 },
+            { label: "绝大部分或全部时间", value: 1 },
+          ],
+        },
+        {
+          index: 18,
+          question: "我脸红发热（面部潮红）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+        {
+          index: 19,
+          question: "我容易入睡，并且一夜睡得很好（睡眠障碍）",
+          criteria: [
+            { label: "没有或很少时间", value: 4 },
+            { label: "小部分时间", value: 3 },
+            { label: "相当多时间", value: 2 },
+            { label: "绝大部分或全部时间", value: 1 },
+          ],
+        },
+        {
+          index: 20,
+          question: "我做噩梦（噩梦）",
+          criteria: [
+            { label: "没有或很少时间", value: 1 },
+            { label: "小部分时间", value: 2 },
+            { label: "相当多时间", value: 3 },
+            { label: "绝大部分或全部时间", value: 4 },
+          ],
+        },
+      ],
+      scaleData: {},
+    };
+  },
+  created() {
+    this.treatmentId = this.$route.query.treatmentId; // 诊疗id
+    let scaleData = localStorage.getItem("scaleData"); // 获取上次填写的数据
+    this.scaleData = scaleData
+      ? JSON.parse(scaleData)
+      : {
+          [this.treatmentId]: {},
+        };
+    this.form = this.scaleData[this.treatmentId][this.scaleCode] || {}; // 将上次填写的数据赋值给form
+  },
+  methods: {
+    submitForm() {
+      let score = 0;
+      // 计算总分, topic${i}属性不一定存在，先校验是否存在
+      for (let i = 1; i <= 20; i++) {
+        if (this.form[`topic${i}`] !== undefined) {
+          score += this.form[`topic${i}`];
+        }
+      }
+      // 存储数据
+      this.scaleData[this.treatmentId][this.scaleCode] = this.form;
+      localStorage.setItem("scaleData", JSON.stringify(this.scaleData));
+      // 将数据传递给父组件
+      this.$emit("getScaleResult", score, this.scaleCode);
+    },
+  },
+};
+</script>
+<style scoped src="@/assets/styles/common.css"></style>
+
+<style scoped>
+.item-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: #3d3d3d;
+  line-height: 26px;
+}
+.item-radio-box {
+  margin: 16px 0px;
+}
+>>> .el-radio__label {
+  font-size: 18px;
+  color: #555555;
+  line-height: 20px;
+}
+.submit-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .submit-box-but {
+    width: 200px;
+  }
+}
+</style>

acupuncture-后台/src/views/medicalFile/components/posture/PHQ-9.vue

@@ -0,0 +1,197 @@
+<template>
+  <div>
+    <!--
+    分值范围
+      ● 评分方法：每个条目根据症状频率评分，0分表示“完全没有”，1分表示“有几天”，2分表示“七天以上”，3分表示“接近每天”。总分范围为0~27分。
+    ● 分值意义：
+      ○ 0~4分：无或极轻微的抑郁症状。
+      ○ 5~9分：轻度抑郁。
+      ○ 10~14分：中度抑郁。
+      ○ 15~19分：中重度抑郁。
+      ○ 20~27分：重度抑郁。
+    -->
+    <div>
+      <div
+        class="item-container"
+        v-for="(item, index) in questions"
+        :key="index"
+      >
+        <div class="item-title">{{ item.index }}. {{ item.question }}</div>
+        <div class="item-radio-box">
+          <el-radio-group v-model="form[`topic${item.index}`]">
+            <el-radio
+              v-for="(criteria, index) in item.criteria"
+              :key="index"
+              :label="criteria.value"
+              >{{ criteria.label }}
+            </el-radio>
+          </el-radio-group>
+        </div>
+      </div>
+      <div class="submit-box">
+        <el-button class="submit-box-but" type="primary" @click="submitForm"
+          >提交</el-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "PHQ9",
+  props: ["scaleCode"],
+  data() {
+    return {
+      form: {},
+      questions: [
+        {
+          index: 1,
+          question: "做任何事都觉得沉闷或者根本不想做任何事",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+        {
+          index: 2,
+          question: "情绪低落、忧郁或绝望",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+        {
+          index: 3,
+          question: "难于入睡、半夜会醒，或相反，睡觉时间过多",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+        {
+          index: 4,
+          question: "觉得疲倦或没有精力",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+        {
+          index: 5,
+          question: "胃口不好或饮食过量",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+        {
+          index: 6,
+          question: "觉得自己做得不好、对自己失望或有负家人期望",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+        {
+          index: 7,
+          question: "难于集中精神做事，例如看报纸或看电视",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+        {
+          index: 8,
+          question:
+            "其它人可能会注意到您在动或说话的时候比平时慢；或者相反，您坐立不安，比起平时有多余的身体动作",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+        {
+          index: 9,
+          question: "想到自己不如死了算了，或者有自残的念头",
+          criteria: [
+            { label: "完全没有", value: 0 },
+            { label: "有几天", value: 1 },
+            { label: "七天以上", value: 2 },
+            { label: "接近每天", value: 3 },
+          ],
+        },
+      ],
+      scaleData: {},
+    };
+  },
+  created() {
+    console.log("this.scaleCode", this.scaleCode);
+    this.treatmentId = this.$route.query.treatmentId; // 诊疗id
+    let scaleData = localStorage.getItem("scaleData"); // 获取上次填写的数据
+    this.scaleData = scaleData
+      ? JSON.parse(scaleData)
+      : {
+          [this.treatmentId]: {},
+        };
+    this.form = this.scaleData[this.treatmentId][this.scaleCode] || {}; // 将上次填写的数据赋值给form
+  },
+  methods: {
+    submitForm() {
+      let score = 0;
+      // 计算总分, topic${i}属性不一定存在，先校验是否存在
+      for (let i = 1; i <= 9; i++) {
+        if (this.form[`topic${i}`] !== undefined) {
+          score += this.form[`topic${i}`];
+        }
+      }
+      // 存储数据
+      this.scaleData[this.treatmentId][this.scaleCode] = this.form;
+      localStorage.setItem("scaleData", JSON.stringify(this.scaleData));
+      // 将数据传递给父组件
+      this.$emit("getScaleResult", score, this.scaleCode);
+    },
+  },
+};
+</script>
+<style scoped src="@/assets/styles/common.css"></style>
+
+<style scoped>
+.item-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: #3d3d3d;
+  line-height: 26px;
+}
+.item-radio-box {
+  margin: 16px 0px;
+}
+>>> .el-radio__label {
+  font-size: 18px;
+  color: #555555;
+  line-height: 20px;
+}
+.submit-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .submit-box-but {
+    width: 200px;
+  }
+}
+</style>

acupuncture-后台/src/views/medicalFile/components/posture/PSQI.vue

@@ -0,0 +1,166 @@
+<template>
+  <div>
+    <div>
+      <div
+        class="item-container"
+        v-for="(item, index) in questions"
+        :key="index"
+      >
+        <div class="item-title">{{ item.index }}. {{ item.question }}</div>
+        <div class="item-radio-box">
+          <el-radio-group v-model="form[`topic${item.index}`]">
+            <el-radio
+              v-for="(criteria, index) in item.criteria"
+              :key="index"
+              :label="criteria.value"
+              >{{ criteria.label }}
+            </el-radio>
+          </el-radio-group>
+        </div>
+      </div>
+      <div class="submit-box">
+        <el-button class="submit-box-but" type="primary" @click="submitForm"
+          >提交</el-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "PHQ9",
+  props: ["scaleCode"],
+  data() {
+    return {
+      form: {},
+      questions: [
+        {
+          index: 1,
+          question: "睡眠质量-总体评价睡眠质量",
+          criteria: [
+            { label: "很好", value: 0 },
+            { label: "较好", value: 1 },
+            { label: "较差", value: 2 },
+            { label: "很差", value: 3 },
+          ],
+        },
+        {
+          index: 2,
+          question: "入睡时间-从上床到入睡的时间",
+          criteria: [
+            { label: "≤15分钟", value: 0 },
+            { label: "16~30分钟", value: 1 },
+            { label: "31~60分钟", value: 2 },
+            { label: "≥60分钟", value: 3 },
+          ],
+        },
+        {
+          index: 3,
+          question: "睡眠时间-每晚实际睡眠时间",
+          criteria: [
+            { label: ">7小时", value: 0 },
+            { label: "6~7小时", value: 1 },
+            { label: "5~6小时", value: 2 },
+            { label: "<5小时", value: 3 },
+          ],
+        },
+        {
+          index: 4,
+          question: "睡眠效率-睡眠时间与床上时间的比例",
+          criteria: [
+            { label: ">85%", value: 0 },
+            { label: "75%~84%", value: 1 },
+            { label: "65%~74%", value: 2 },
+            { label: "<65%", value: 3 },
+          ],
+        },
+        {
+          index: 5,
+          question: "睡眠障碍-夜间醒来、呼吸困难、噩梦等",
+          criteria: [
+            { label: "每项无", value: 0 },
+            { label: "<1次/周", value: 1 },
+            { label: "1~2次/周", value: 2 },
+            { label: "≥3次/周", value: 3 },
+          ],
+        },
+        {
+          index: 6,
+          question: "催眠药物-使用催眠药物的频率",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "<1次/周", value: 1 },
+            { label: "1~2次/周", value: 2 },
+            { label: "≥3次/周", value: 3 },
+          ],
+        },
+        {
+          index: 7,
+          question: "日间功能障碍-白天困倦、注意力不集中等",
+          criteria: [
+            { label: "无", value: 0 },
+            { label: "<1次/周", value: 1 },
+            { label: "1~2次/周", value: 2 },
+            { label: "≥3次/周", value: 3 },
+          ],
+        },
+      ],
+      scaleData: {},
+    };
+  },
+  created() {
+    console.log("this.scaleCode", this.scaleCode);
+    this.treatmentId = this.$route.query.treatmentId; // 诊疗id
+    let scaleData = localStorage.getItem("scaleData"); // 获取上次填写的数据
+    this.scaleData = scaleData
+      ? JSON.parse(scaleData)
+      : {
+          [this.treatmentId]: {},
+        };
+    this.form = this.scaleData[this.treatmentId][this.scaleCode] || {}; // 将上次填写的数据赋值给form
+  },
+  methods: {
+    submitForm() {
+      let score = 0;
+      // 计算总分, topic${i}属性不一定存在，先校验是否存在
+      for (let i = 1; i <= 7; i++) {
+        if (this.form[`topic${i}`] !== undefined) {
+          score += this.form[`topic${i}`];
+        }
+      }
+      // 存储数据
+      this.scaleData[this.treatmentId][this.scaleCode] = this.form;
+      localStorage.setItem("scaleData", JSON.stringify(this.scaleData));
+      // 将数据传递给父组件
+      this.$emit("getScaleResult", score, this.scaleCode);
+    },
+  },
+};
+</script>
+<style scoped src="@/assets/styles/common.css"></style>
+
+<style scoped>
+.item-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: #3d3d3d;
+  line-height: 26px;
+}
+.item-radio-box {
+  margin: 16px 0px;
+}
+>>> .el-radio__label {
+  font-size: 18px;
+  color: #555555;
+  line-height: 20px;
+}
+.submit-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .submit-box-but {
+    width: 200px;
+  }
+}
+</style>

acupuncture-后台/src/views/medicalFile/components/posture/epworth.vue

@@ -0,0 +1,185 @@
+<template>
+  <div>
+    <!--
+    1	坐着阅读书刊	0：从不打瞌睡；1：轻度可能；2：中度可能；3：很可能打瞌睡
+    2	看电视	0：从不打瞌睡；1：轻度可能；2：中度可能；3：很可能打瞌睡
+    3	在公共场所坐着不活动（如剧院或会议）	0：从不打瞌睡；1：轻度可能；2：中度可能；3：很可能打瞌睡
+    4	作为乘客在车内乘坐一小时以上	0：从不打瞌睡；1：轻度可能；2：中度可能；3：很可能打瞌睡
+    5	午间静卧休息	0：从不打瞌睡；1：轻度可能；2：中度可能；3：很可能打瞌睡
+    6	坐着和别人交谈	0：从不打瞌睡；1：轻度可能；2：中度可能；3：很可能打瞌睡
+    7	午餐后静坐（不饮酒）	0：从不打瞌睡；1：轻度可能；2：中度可能；3：很可能打瞌睡
+    8	坐在车内，当车辆因交通拥堵而停下时	0：从不打瞌睡；1：轻度可能；2：中度可能；3：很可能打瞌睡
+    -->
+    <div>
+      <div
+        class="item-container"
+        v-for="(item, index) in questions"
+        :key="index"
+      >
+        <div class="item-title">{{ item.index }}. {{ item.question }}</div>
+        <div class="item-radio-box">
+          <el-radio-group v-model="form[`topic${item.index}`]">
+            <el-radio
+              v-for="(criteria, index) in item.criteria"
+              :key="index"
+              :label="criteria.value"
+              >{{ criteria.label }}
+            </el-radio>
+          </el-radio-group>
+        </div>
+      </div>
+      <div class="submit-box">
+        <el-button class="submit-box-but" type="primary" @click="submitForm"
+          >提交</el-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "phq",
+  props: ["scaleCode"],
+  data() {
+    return {
+      form: {},
+      questions: [
+        {
+          index: 1,
+          question: "坐着阅读书刊",
+          criteria: [
+            { label: "从不打瞌睡", value: 0 },
+            { label: "轻度可能", value: 1 },
+            { label: "中度可能", value: 2 },
+            { label: "很可能打瞌睡", value: 3 },
+          ],
+        },
+        {
+          index: 2,
+          question: "看电视",
+          criteria: [
+            { label: "从不打瞌睡", value: 0 },
+            { label: "轻度可能", value: 1 },
+            { label: "中度可能", value: 2 },
+            { label: "很可能打瞌睡", value: 3 },
+          ],
+        },
+        {
+          index: 3,
+          question: "在公共场所坐着不活动（如剧院或会议）",
+          criteria: [
+            { label: "从不打瞌睡", value: 0 },
+            { label: "轻度可能", value: 1 },
+            { label: "中度可能", value: 2 },
+            { label: "很可能打瞌睡", value: 3 },
+          ],
+        },
+        {
+          index: 4,
+          question: "作为乘客在车内乘坐一小时以上",
+          criteria: [
+            { label: "从不打瞌睡", value: 0 },
+            { label: "轻度可能", value: 1 },
+            { label: "中度可能", value: 2 },
+            { label: "很可能打瞌睡", value: 3 },
+          ],
+        },
+        {
+          index: 5,
+          question: "午间静卧休息",
+          criteria: [
+            { label: "从不打瞌睡", value: 0 },
+            { label: "轻度可能", value: 1 },
+            { label: "中度可能", value: 2 },
+            { label: "很可能打瞌睡", value: 3 },
+          ],
+        },
+        {
+          index: 6,
+          question: "坐着和别人交谈",
+          criteria: [
+            { label: "从不打瞌睡", value: 0 },
+            { label: "轻度可能", value: 1 },
+            { label: "中度可能", value: 2 },
+            { label: "很可能打瞌睡", value: 3 },
+          ],
+        },
+        {
+          index: 7,
+          question: "午餐后静坐（不饮酒）",
+          criteria: [
+            { label: "从不打瞌睡", value: 0 },
+            { label: "轻度可能", value: 1 },
+            { label: "中度可能", value: 2 },
+            { label: "很可能打瞌睡", value: 3 },
+          ],
+        },
+        {
+          index: 8,
+          question: "坐在车内，当车辆因交通拥堵而停下时",
+          criteria: [
+            { label: "从不打瞌睡", value: 0 },
+            { label: "轻度可能", value: 1 },
+            { label: "中度可能", value: 2 },
+            { label: "很可能打瞌睡", value: 3 },
+          ],
+        },
+      ],
+      scaleData: {},
+    };
+  },
+  created() {
+    this.treatmentId = this.$route.query.treatmentId; // 诊疗id
+    let scaleData = localStorage.getItem("scaleData"); // 获取上次填写的数据
+    this.scaleData = scaleData
+      ? JSON.parse(scaleData)
+      : {
+          [this.treatmentId]: {},
+        };
+    this.form = this.scaleData[this.treatmentId][this.scaleCode] || {}; // 将上次填写的数据赋值给form
+  },
+  methods: {
+    submitForm() {
+      let score = 0;
+      // 计算总分, topic${i}属性不一定存在，先校验是否存在
+      for (let i = 1; i <= 8; i++) {
+        if (this.form[`topic${i}`] !== undefined) {
+          score += this.form[`topic${i}`];
+        }
+      }
+      // 存储数据
+      this.scaleData[this.treatmentId][this.scaleCode] = this.form;
+      localStorage.setItem("scaleData", JSON.stringify(this.scaleData));
+      // 将数据传递给父组件
+      this.$emit("getScaleResult", score, this.scaleCode);
+    },
+  },
+};
+</script>
+<style scoped src="@/assets/styles/common.css"></style>
+
+<style scoped>
+.item-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: #3d3d3d;
+  line-height: 26px;
+}
+.item-radio-box {
+  margin: 16px 0px;
+}
+>>> .el-radio__label {
+  font-size: 18px;
+  color: #555555;
+  line-height: 20px;
+}
+.submit-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .submit-box-but {
+    width: 200px;
+  }
+}
+</style>

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

@@ -10,417 +10,518 @@
       </el-steps>
     </div>
     <div class="div-right" style="padding: 0 16px">
-      <a name="0"></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>
-      </div>
-
-      <!-- 档案详情-->
-      <el-form ref="detailsForm" :model="detailsForm" class="formStep">
-        <a name="1"></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 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="2"></a>
-          <div class="div-title1">评估信息</div>
-          <div class="div-title2" id="#2">人体成分（基本参数）</div>
-        </div>
-        <div class="human-body div-border div-bot20">
-          <el-form-item label="体重" prop="PG_RTCF_TZ">
-            <el-input
-              v-model="detailsForm['PG_RTCF_TZ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="去脂体重" prop="PG_RTCF_QZTZ">
-            <el-input
-              v-model="detailsForm['PG_RTCF_QZTZ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="肌肉量" prop="PG_RTCF_JRL">
-            <el-input
-              v-model="detailsForm['PG_RTCF_JRL']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="总水分（TBW）" prop="PG_RTCF_TBW">
-            <el-input
-              v-model="detailsForm['PG_RTCF_TBW']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="蛋白质" prop="PG_RTCF_DBZ">
-            <el-input
-              v-model="detailsForm['PG_RTCF_DBZ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="蛋白质" prop="PG_RTCF_GZ">
-            <el-input
-              v-model="detailsForm['PG_RTCF_GZ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="脂肪" prop="PG_RTCF_ZF">
-            <el-input
-              v-model="detailsForm['PG_RTCF_ZF']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="体脂百分比（PBF）" prop="PG_RTCF_PBF">
-            <el-input
-              v-model="detailsForm['PG_RTCF_PBF']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="骨骼肌" prop="PG_RTCF_GGJ">
-            <el-input
-              v-model="detailsForm['PG_RTCF_GGJ']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="体质指数（BMI）" prop="PG_RTCF_BMI">
-            <el-input
-              v-model="detailsForm['PG_RTCF_BMI']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="腰臀比（WHR）" prop="PG_RTCF_WHR">
-            <el-input
-              v-model="detailsForm['PG_RTCF_WHR']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="内脏脂肪水平" prop="PG_RTCF_NZZFSP">
-            <el-input
-              v-model="detailsForm['PG_RTCF_NZZFSP']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="身体各成分百分比" prop="PG_RTCF_STGCFBFB">
-            <el-input
-              v-model="detailsForm['PG_RTCF_STGCFBFB']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-          <el-form-item label="体型类型" prop="PG_RTCF_TXLX">
-            <el-select
-              v-model="detailsForm['PG_RTCF_TXLX']"
-              multiple
-              collapse-tags
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="(item, index) in systemType"
-                :label="item"
-                :value="item"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="身体年龄" prop="PG_RTCF_STNL">
-            <el-input
-              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>
-        <a name="3"></a>
-        <div class="div-title1">中医体质辨识</div>
-        <div class="div-title2">主要体质</div>
+      <div style="cursor: not-allowed">
+        <div class="div-title1">基本信息</div>
         <div class="div-border div-bot20">
-          <el-form-item prop="PG_TZBS_ZYTZ">
-            <el-radio-group 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>
-          <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-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>
+        </div>
+
+        <!-- 档案详情-->
+        <el-form ref="detailsForm" :model="detailsForm" class="formStep">
+          <a name="1"></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
-                v-for="(item, index) in habitus"
-                :key="index"
+                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="4"></a>
-        <div class="div-border div-bot20">
-          <div class="div-title2">体态评估</div>
-          <div class="human-body">
-            <el-form-item
-              label="TAPS体态自觉评估得分(3-15分)"
-              prop="PG_TT_TAPS_DF"
-            >
+          <div>
+            <a name="2"></a>
+            <div class="div-title1">评估信息</div>
+            <div class="div-title2" id="#2">人体成分（基本参数）</div>
+          </div>
+          <div class="human-body div-border div-bot20">
+            <el-form-item label="体重" prop="PG_RTCF_TZ">
               <el-input
-                v-model="detailsForm['PG_TT_TAPS_DF']"
+                v-model="detailsForm['PG_RTCF_TZ']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item
-              label="TRACE体态临床评估得分(0-12分)"
-              prop="PG_TT_TRACE_DF"
-            >
+            <el-form-item label="去脂体重" prop="PG_RTCF_QZTZ">
               <el-input
-                v-model="detailsForm['PG_TT_TRACE_DF']"
+                v-model="detailsForm['PG_RTCF_QZTZ']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item
-              label="SRS-22问卷评估得分(1~5分)"
-              prop="PG_TT_SRS22_DF"
-            >
+            <el-form-item label="肌肉量" prop="PG_RTCF_JRL">
               <el-input
-                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
-              label="患者健康问卷（PHQ-9）评估得分(0-27分)"
-              prop="PG_SM_PHQ-9_DF"
-            >
+            <el-form-item label="总水分（TBW）" prop="PG_RTCF_TBW">
               <el-input
-                v-model="detailsForm['PG_SM_PHQ-9_DF']"
+                v-model="detailsForm['PG_RTCF_TBW']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item
-              label="Epworth嗜睡评估得分(0-24分)"
-              prop="PG_SM_EPSW_DF"
-            >
+            <el-form-item label="蛋白质" prop="PG_RTCF_DBZ">
               <el-input
-                v-model="detailsForm['PG_SM_EPSW_DF']"
+                v-model="detailsForm['PG_RTCF_DBZ']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item
-              label="匹兹堡睡眠质量指数（PSQI）评估得分(0~21分)"
-              prop="PG_SM_PSQI_DF"
-            >
+            <el-form-item label="蛋白质" prop="PG_RTCF_GZ">
               <el-input
-                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
-              label="汉密尔顿抑郁评估（HAMD-24）得分(0-96分)"
-              prop="PG_JL_HAMD-24_DF"
-            >
+            <el-form-item label="脂肪" prop="PG_RTCF_ZF">
               <el-input
-                v-model="detailsForm['PG_JL_HAMD-24_DF']"
+                v-model="detailsForm['PG_RTCF_ZF']"
                 placeholder="请输入"
               />
             </el-form-item>
-            <el-form-item
-              label="焦虑自评（SAS）得分(0-100分)"
-              prop="PG_JL_SAS_DF"
-            >
+            <el-form-item label="体脂百分比（PBF）" prop="PG_RTCF_PBF">
+              <el-input
+                v-model="detailsForm['PG_RTCF_PBF']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="骨骼肌" prop="PG_RTCF_GGJ">
+              <el-input
+                v-model="detailsForm['PG_RTCF_GGJ']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="体质指数（BMI）" prop="PG_RTCF_BMI">
+              <el-input
+                v-model="detailsForm['PG_RTCF_BMI']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="腰臀比（WHR）" prop="PG_RTCF_WHR">
+              <el-input
+                v-model="detailsForm['PG_RTCF_WHR']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="内脏脂肪水平" prop="PG_RTCF_NZZFSP">
+              <el-input
+                v-model="detailsForm['PG_RTCF_NZZFSP']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="身体各成分百分比" prop="PG_RTCF_STGCFBFB">
               <el-input
-                v-model="detailsForm['PG_JL_SAS_DF']"
+                v-model="detailsForm['PG_RTCF_STGCFBFB']"
+                placeholder="请输入"
+              />
+            </el-form-item>
+            <el-form-item label="体型类型" prop="PG_RTCF_TXLX">
+              <el-select
+                v-model="detailsForm['PG_RTCF_TXLX']"
+                multiple
+                collapse-tags
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="(item, index) in systemType"
+                  :label="item"
+                  :value="item"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="身体年龄" prop="PG_RTCF_STNL">
+              <el-input
+                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="5"></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']">
-            <el-radio label="中西医结合治疗"> </el-radio>
-            <el-radio label="单纯中医治疗"> </el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <a name="6"></a>
-        <div style="font-size: 22px; margin-bottom: 14px" class="div-title1">
-          诊疗方法
-        </div>
-        <div
-          class="div-border"
-          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"
+          <a name="3"></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-radio-group 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>
+            <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>
+          </div>
+          <!-- 体态评估 -->
+          <a name="4"></a>
+          <div class="div-border div-bot20">
+            <div class="div-title2">体态评估</div>
+            <div class="human-body">
+              <el-form-item
+                label="TAPS体态自觉评估得分(3-15分)"
+                prop="PG_TT_TAPS_DF"
               >
-                {{ 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>
-              </div>
+                <el-input
+                  v-model="detailsForm['PG_TT_TAPS_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item
+                label="TRACE体态临床评估得分(0-12分)"
+                prop="PG_TT_TRACE_DF"
+              >
+                <el-input
+                  v-model="detailsForm['PG_TT_TRACE_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item
+                label="SRS-22问卷评估得分(1~5分)"
+                prop="PG_TT_SRS22_DF"
+              >
+                <el-input
+                  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>
+                  患者健康问卷（PHQ-9）评估得分(0-27分)
+                  <span
+                    class="foem-item-pg"
+                    @click="
+                      handleComponents(
+                        'PG_SM_PHQ-9_DF',
+                        '患者健康问卷（PHQ-9）'
+                      )
+                    "
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  v-model="detailsForm['PG_SM_PHQ-9_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item prop="PG_SM_EPSW_DF">
+                <template v-slot:label>
+                  Epworth嗜睡评估得分(0-24分)
+                  <span
+                    class="foem-item-pg"
+                    @click="
+                      handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')
+                    "
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  v-model="detailsForm['PG_SM_EPSW_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+              <el-form-item prop="PG_SM_PSQI_DF">
+                <template v-slot:label>
+                  匹兹堡睡眠质量指数（PSQI）评估得分(0~21分)
+                  <span
+                    class="foem-item-pg"
+                    @click="
+                      handleComponents(
+                        'PG_SM_PSQI_DF',
+                        '匹兹堡睡眠质量指数（PSQI）'
+                      )
+                    "
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  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>
+                  汉密尔顿抑郁评估（HAMD-24）得分(0-96分)
+                  <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>
+                  焦虑自评（SAS）得分(0-100分)
+                  <span
+                    class="foem-item-pg"
+                    @click="handleComponents('PG_JL_SAS_DF', '焦虑自评（SAS）')"
+                  >
+                    评估
+                  </span>
+                </template>
+                <el-input
+                  v-model="detailsForm['PG_JL_SAS_DF']"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </div>
+          </div>
+          <a name="5"></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']">
+              <el-radio label="中西医结合治疗"> </el-radio>
+              <el-radio label="单纯中医治疗"> </el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <a name="6"></a>
+          <div style="font-size: 22px; margin-bottom: 14px" class="div-title1">
+            诊疗方法
+          </div>
+          <div
+            class="div-border"
+            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="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 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 v-model="detailsForm[k.valueCode]"></el-input>
+                    </el-form-item>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
-        </div>
-        <!--  -->
-        <div class="human-body"></div>
-        <a name="7"></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 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>
-          <a name="8"></a>
-          <div class="div-title2">诊疗费用</div>
-          <el-form-item label="总体费用按照区间进行选择" prop="ZLFA_ZTFY">
-            <el-radio-group v-model="detailsForm['ZLFA_ZTFY']">
-              <el-radio label="<300元" value="<300元"> </el-radio>
-              <el-radio label="300 ~ 900元" value="<300元"> </el-radio>
-              <el-radio label="900 ~ 2000元" value="<300元"> </el-radio>
-              <el-radio label="2000 ~ 5000元" value="<300元"> </el-radio>
-              <el-radio label=">5000元" value="<300元"> </el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="检查费用按照区间进行选择" prop="ZLFA_JCFY">
-            <el-radio-group v-model="detailsForm['ZLFA_JCFY']">
-              <el-radio label="<300元"> </el-radio>
-              <el-radio label="300 ~ 900元"> </el-radio>
-              <el-radio label="900 ~ 2000元"> </el-radio>
-              <el-radio label="2000 ~ 5000元"> </el-radio>
-              <el-radio label=">5000元"> </el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="中医治疗费用按照区间进行选择" prop="ZLFA_ZYZLFY">
-            <el-radio-group v-model="detailsForm['ZLFA_ZYZLFY']">
-              <el-radio label="<300元"> </el-radio>
-              <el-radio label="300 ~ 900元"> </el-radio>
-              <el-radio label="900 ~ 2000元"> </el-radio>
-              <el-radio label="2000 ~ 5000元"> </el-radio>
-              <el-radio label=">5000元"> </el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="药物费用按照区间进行选择" prop="ZLFA_YWFY">
-            <el-radio-group v-model="detailsForm['ZLFA_YWFY']">
-              <el-radio label="<300元"> </el-radio>
-              <el-radio label="300 ~ 900元"> </el-radio>
-              <el-radio label="900 ~ 2000元"> </el-radio>
-              <el-radio label="2000 ~ 5000元"> </el-radio>
-              <el-radio label=">5000元"> </el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </div>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
+          <!--  -->
+          <div class="human-body"></div>
+          <a name="7"></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 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>
+            <a name="8"></a>
+            <div class="div-title2">诊疗费用</div>
+            <el-form-item label="总体费用按照区间进行选择" prop="ZLFA_ZTFY">
+              <el-radio-group v-model="detailsForm['ZLFA_ZTFY']">
+                <el-radio label="<300元" value="<300元"> </el-radio>
+                <el-radio label="300 ~ 900元" value="<300元"> </el-radio>
+                <el-radio label="900 ~ 2000元" value="<300元"> </el-radio>
+                <el-radio label="2000 ~ 5000元" value="<300元"> </el-radio>
+                <el-radio label=">5000元" value="<300元"> </el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="检查费用按照区间进行选择" prop="ZLFA_JCFY">
+              <el-radio-group v-model="detailsForm['ZLFA_JCFY']">
+                <el-radio label="<300元"> </el-radio>
+                <el-radio label="300 ~ 900元"> </el-radio>
+                <el-radio label="900 ~ 2000元"> </el-radio>
+                <el-radio label="2000 ~ 5000元"> </el-radio>
+                <el-radio label=">5000元"> </el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item
+              label="中医治疗费用按照区间进行选择"
+              prop="ZLFA_ZYZLFY"
+            >
+              <el-radio-group v-model="detailsForm['ZLFA_ZYZLFY']">
+                <el-radio label="<300元"> </el-radio>
+                <el-radio label="300 ~ 900元"> </el-radio>
+                <el-radio label="900 ~ 2000元"> </el-radio>
+                <el-radio label="2000 ~ 5000元"> </el-radio>
+                <el-radio label=">5000元"> </el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="药物费用按照区间进行选择" prop="ZLFA_YWFY">
+              <el-radio-group v-model="detailsForm['ZLFA_YWFY']">
+                <el-radio label="<300元"> </el-radio>
+                <el-radio label="300 ~ 900元"> </el-radio>
+                <el-radio label="900 ~ 2000元"> </el-radio>
+                <el-radio label="2000 ~ 5000元"> </el-radio>
+                <el-radio label=">5000元"> </el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </div>
+        </el-form>
+      </div>
+
+      <!-- <div slot="footer" class="dialog-footer">
         <el-button
           style="width: 140px"
           type="primary"
           @click="submitDetailsForm"
           >确 定</el-button
         >
-      </div>
+      </div> -->
     </div>
+    <!-- 动态量表组件框 -->
+    <el-dialog
+      class="popup"
+      :title="title"
+      :visible.sync="open"
+      width="1200px"
+      append-to-body
+    >
+      <component
+        @getScaleResult="getScaleResult"
+        :scaleCode="scaleCode"
+        class="popup-module"
+        :is="componentsCode"
+      ></component>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { queryRecord, saveAidRecord } from "@/api/medicalFile";
+// 失眠评估
+import PHQ from "./components/posture/PHQ-9"; // 患者健康问卷（PHQ-9）
+import epworth from "./components/posture/epworth"; // Epworth嗜睡评估
+import PSQI from "./components/posture/PSQI"; // 匹兹堡睡眠质量指数（PSQI）
+// 焦虑评估
+import HAMD24 from "./components/anxiety/HAMD"; // 汉密尔顿抑郁量表（HAMD-24）
+import SAS from "./components/anxiety/SAS"; // 焦虑自评量表
 export default {
   name: "Notice",
+  components: {
+    PHQ,
+    epworth,
+    PSQI,
+    HAMD24,
+    SAS,
+  },
   data() {
     return {
+      title: "", // 弹出框标题
+      open: false, // 是否显示弹出框
+      // 量表组件集合
+      component: {
+        // 失眠评估
+        "PG_SM_PHQ-9_DF": "PHQ", // 患者健康问卷（PHQ-9）
+        PG_SM_EPSW_DF: "epworth", // Epworth嗜睡评估
+        PG_SM_PSQI_DF: "PSQI", // 匹兹堡睡眠质量指数（PSQI）
+        // 焦虑评估
+        "PG_JL_HAMD-24_DF": "HAMD24", // 汉密尔顿抑郁评估（HAMD-24）
+        PG_JL_SAS_DF: "SAS", // 焦虑自评（SAS）
+      },
+      componentsCode: "", // 量表组件code
+      scaleCode: "", // 量表code
       stepActive: 0,
       stepArr: [
         "基本信息",
@@ -885,6 +986,18 @@ export default {
     this.handleDetails(treatmentId);
   },
   methods: {
+    // 获取子组件量表结果
+    getScaleResult(_scaleResult, _code) {
+      this.detailsForm[_code] = String(_scaleResult);
+      this.open = false; // 关闭弹出框
+    },
+    // 动态组件code
+    handleComponents(_code, _title) {
+      this.componentsCode = this.component[_code]; // 动态组件code
+      this.scaleCode = _code; // 量表code
+      this.open = true; // 打开弹出框
+      this.title = _title; // 弹出框标题
+    },
     /** 详情按钮操作 */
     handleDetails(treatmentId) {
       this.getDetailsForm(); //重置详情表单
@@ -982,9 +1095,8 @@ export default {
             treatmentId: this.form.id,
             codeAndAnswerList,
           }).then((response) => {
+            this.handleDetails(this.treatmentId);
             this.$modal.msgSuccess("保存成功");
-            this.drawer = false;
-            this.getList();
           });
         }
       });
@@ -995,6 +1107,13 @@ export default {
 <style scoped src="@/assets/styles/common.css"></style>
 
 <style scoped>
+.foem-item-pg {
+  color: blue;
+  border-bottom: 1px solid blue;
+  cursor: pointer;
+  position: relative;
+  z-index: 9;
+}
 .app-container {
   display: flex;
 }
@@ -1006,8 +1125,9 @@ export default {
 }
 .app-container .div-right {
   flex: 1;
-  height: calc(100vh - 130px);
+  height: calc(100vh - 100px);
   overflow: scroll;
+  pointer-events: none;
 }
 .div-border {
   border-bottom: 1px solid #d8d8d8;
@@ -1094,6 +1214,7 @@ export default {
   width: 50% !important;
 }
 .dialog-footer {
+  margin-bottom: 20px;
   text-align: center;
 }
 </style>