诊疗档案-详情信息添加完善

acupuncture-ui/src/views/medicalFile/index.vue

@@ -707,8 +707,57 @@
             </el-radio-group>
           </el-form-item>
           <div>诊疗方法</div>
-          <div>肥胖症</div>
+          <div v-for="(i, ind) in healType" :key="ind">
-          <div>行为心理干预</div>
+            <div>{{ i.title }}</div>
+            <div v-for="(j, jnd) in i.list" :key="jnd">
+              <div v-if="j.title != '针灸疗法'">
+                <div>{{ 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"
+                >
+                  {{ 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>
+              </div>
+              <div v-else>
+                <div>{{ j.title }}</div>
+                <div style="" v-for="(k, knd) in j.list" :key="knd">
+                  <div>{{ 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 class="human-body"></div>
           <el-form-item label="治理效果" prop="ZLFA_ZLXG">
             <el-radio-group v-model="detailsForm['ZLFA_ZLXG']">
@@ -852,7 +901,7 @@ export default {
           list: [
             {
               title: "行为心理干预",
-              valueCode: "",
+              valueCode: "ZLFA_XWXLGY",
               list: [
                 {
                   title:
@@ -870,7 +919,7 @@ export default {
             },
             {
               title: "运动干预",
-              valueCode: "",
+              valueCode: "ZLFA_YDGY",
               list: [
                 {
                   title:
@@ -887,8 +936,8 @@ export default {
               ],
             },
             {
-              title: "  临床营养治疗",
+              title: "临床营养治疗",
-              valueCode: "",
+              valueCode: "ZLFA_LCYYZL",
               list: [
                 {
                   title:
@@ -919,7 +968,7 @@ export default {
               list: [
                 {
                   title: "疗法",
-                  valueCode: "",
+                  valueCode: "ZLFA_ZJ_LF",
                   list: [
                     {
                       title: "毫针/电针疗法",
@@ -945,7 +994,7 @@ export default {
                 },
                 {
                   title: "穴位",
-                  valueCode: "",
+                  valueCode: "ZLFA_ZJ_XW",
                   list: [
                     {
                       title: "神门：安神定志，改善睡眠质量",
@@ -973,7 +1022,7 @@ export default {
             },
             {
               title: "药物治疗",
-              valueCode: "",
+              valueCode: "ZLFA_YW",
               list: [
                 {
                   title: "奥利司他：通过抑制胃肠道脂肪酶，减少脂肪吸收",
@@ -1010,7 +1059,7 @@ export default {
           list: [
             {
               title: "生活习惯",
-              valueCode: "",
+              valueCode: "ZLFA_SHXG",
               list: [
                 {
                   title:
@@ -1034,7 +1083,7 @@ export default {
             },
             {
               title: "心理调适",
-              valueCode: "",
+              valueCode: "ZLFA_XLTS",
               list: [
                 {
                   title:
@@ -1061,7 +1110,7 @@ export default {
               list: [
                 {
                   title: "疗法",
-                  valueCode: "",
+                  valueCode: "ZLFA_ZJ_LF_SMZ",
                   list: [
                     {
                       title: "毫针/电针疗法",
@@ -1087,7 +1136,7 @@ export default {
                 },
                 {
                   title: "穴位",
-                  valueCode: "",
+                  valueCode: "ZLFA_ZJ_XW_SMZ",
                   list: [
                     {
                       title: "神门：安神定志，改善睡眠质量",
@@ -1115,7 +1164,7 @@ export default {
             },
             {
               title: "药物治疗",
-              valueCode: "",
+              valueCode: "ZLFA_YW_SMZ",
               list: [
                 {
                   title:
@@ -1158,7 +1207,7 @@ export default {
               list: [
                 {
                   title: "疗法",
-                  valueCode: "",
+                  valueCode: "ZLFA_ZJ_LF_QT",
                   list: [
                     {
                       title: "毫针/电针疗法",
@@ -1184,7 +1233,7 @@ export default {
                 },
                 {
                   title: "穴位",
-                  valueCode: "",
+                  valueCode: "ZLFA_ZJ_XW_QT",
                   list: [
                     {
                       title: "填写",
@@ -1196,16 +1245,11 @@ export default {
             },
             {
               title: "药物治疗",
-              list: [
+              valueCode: "ZLFA_YW_QT",
-                {
-                  title: "疗法",
-                  valueCode: "",
               list: [
                 {
                   title: "填写",
-                      type: "input    ",
+                  type: "input",
-                    },
-                  ],
                 },
               ],
             },
@@ -1278,7 +1322,19 @@ export default {
         ZLFA_ZLLX: "", //治疗方式
         ZLFA_XWXLGY: "", // 行为心理干预
         ZLFA_YDGY: "", //运动干预
+        ZLFA_ZJ_LF: "", //针灸疗法-疗法
+        ZLFA_ZJ_XW: "", //针灸疗法-穴位
+        ZLFA_YW: "", //药物治疗
+        ZLFA_SHXG: "", // 生活习惯
+        ZLFA_XLTS: "", //心理调适
+
         ZLFA_LCYYZL: "", //临床用药治疗
+        ZLFA_ZJ_LF_SMZ: "", // 失眠症-针灸疗法-疗法
+        ZLFA_ZJ_XW_SMZ: "", // 失眠症-针灸疗法-穴位
+        ZLFA_YW_SMZ: "", // 失眠症-药物治疗
+        ZLFA_ZJ_LF_QT: "", // 其他-针灸疗法-疗法
+        ZLFA_ZJ_XW_QT: "", // 其他-针灸疗法-穴位
+        ZLFA_YW_QT: "", // 其他-药物治疗
       }, // 档案详情表单
       // 表单校验
       rules: {
@@ -1366,6 +1422,10 @@ export default {
     this.getList();
   },
   methods: {
+    handleButClick(_item, _row) {
+      console.log(_item, _row);
+      this.detailsForm[_item.valueCode] = _row.value || _row.title;
+    },
     // 上传成功回 - pdg
     handleUploadPdfAdd1(res) {
       if (res.code == 200) {
@@ -1565,7 +1625,17 @@ export default {
 };
 </script>
 <style scoped src="@/assets/styles/common.css"></style>
+
 <style scoped>
+.span-but {
+  border-radius: 4px;
+  border: 1px solid #dcdfe6;
+  line-height: 32px;
+  padding: 0 10px;
+}
+.span-but-active {
+  border: 1px solid #1890ff;
+}
 .human-body {
   display: flex;
   flex-wrap: wrap;