From 9380be5e7191a4c476226bd8a966bf3f26956683 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Fri, 21 Jun 2024 09:20:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=BA=E5=B7=A5=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/components/portrait.vue | 239 +++++++++++++++++++++++
 1 file changed, 239 insertions(+)
 create mode 100644 src/views/manage/components/portrait.vue

diff --git a/src/views/manage/components/portrait.vue b/src/views/manage/components/portrait.vue
new file mode 100644
index 0000000..e63e321
--- /dev/null
+++ b/src/views/manage/components/portrait.vue
@@ -0,0 +1,239 @@
+<template>
+  <!-- <div class="texts"> -->
+    <div class="topform">
+      <div v-if="getParamslistData" style="margin-bottom: 20px;">
+        <el-card>
+          <div class="toptitle">健康档案</div>
+          <div
+            v-for="(item, index) in form.items"
+            :key="index"
+            style="display: flex"
+          >
+            <el-card class="box-card">
+              <el-form
+                ref="form"
+                :inline="true"
+                :model="form"
+                class="form"
+                label-width="100px"
+                :rules="rules"
+              >
+                <el-form-item
+                  v-for="(subItem, subIndex) in item.subItems"
+                  :key="subIndex"
+                  label="活动名称"
+                >
+                  <!-- <span style="font-size:12px">{{subItem.name}}</span> -->
+                  <el-input v-model="subItem.name"></el-input>
+                </el-form-item>
+              </el-form>
+            </el-card>
+            <div class="icon">
+              <i
+                class="el-icon-delete"
+                @click="delitem(index)"
+                v-if="index != 0"
+              ></i>
+              <i
+                v-if="index == 0"
+                class="el-icon-circle-plus-outline"
+                @click="additem(index)"
+              ></i>
+            </div>
+          </div>
+        </el-card>
+      </div>
+      <div>
+        <el-card>
+          <div class="toptitle">诊断信息</div>
+          <div
+            v-for="(item, index) in form.items"
+            :key="index"
+            style="display: flex"
+          >
+            <el-card class="box-card">
+              <el-form
+                ref="form"
+                :inline="true"
+                :model="form"
+                class="form"
+                label-width="100px"
+                :rules="rules"
+              >
+                <el-form-item
+                  v-for="(subItem, subIndex) in item.subItems"
+                  :key="subIndex"
+                  label="活动名称"
+                >
+                  <!-- <span style="font-size:12px">{{subItem.name}}</span> -->
+                  <el-input v-model="subItem.name"></el-input>
+                </el-form-item>
+              </el-form>
+            </el-card>
+            <div class="icon">
+              <i
+                class="el-icon-delete"
+                @click="delitem(index)"
+                v-if="index != 0"
+              ></i>
+              <i
+                v-if="index == 0"
+                class="el-icon-circle-plus-outline"
+                @click="additem(index)"
+              ></i>
+            </div>
+          </div>
+        </el-card>
+      </div>
+    </div>
+  <!-- </div> -->
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      rules: {
+        routeCheckStatus: [
+          { required: true, message: '请选择节点审核状态', trigger: 'change' }
+        ],
+      },
+      form: {
+        items: [
+          {
+            subItems: [{ name: '123' }, { name: '345' }],
+          },
+
+        ],
+      },
+      moban: [],
+      getParamslistData: [
+        [{
+          paramName: "ceshi",
+          paramValue: ''
+
+        },
+        {
+          paramName: "ceshi222",
+          paramValue: ''
+        }
+        ]
+
+      ],
+
+    }
+  },
+  watch: {
+    "form": {
+      handler(newValue, oldValue) {
+        console.log(newValue, "2222221111122");
+        this.$emit("portraitlist", newValue);
+      },
+      deep: true,
+    },
+
+  },
+  created() {
+    this.$emit("portraitlist", this.form);
+
+   },
+  mounted() { },
+  methods: {
+    additem(index) {
+      const newDiv = {
+        subItems: [{ name: '' }, { name: '' }],
+      };
+      this.form.items.push(newDiv);
+
+      // this.getParamslistData.push(
+      //    {
+      //   paramName: "ceshi",
+      //   paramValue: ''
+
+      // },
+      // {
+      //   paramName: "ceshi2",
+      //   paramValue: ''
+
+      // },
+      // )
+
+
+      console.log(this.getParamslistData)
+      //   this.moban[0].forEach(e => {
+      //     e.paramValue = ""
+      //     e.id = ""
+      //   })
+      //   const newVal = JSON.parse(JSON.stringify(this.moban[0]))
+      //   newVal.forEach(i => {
+      //     i.sn = this.getParamslistData[this.getParamslistData.length - 1][0].sn + 1
+      //   })
+      //   this.getParamslistData.push(newVal)
+    },
+    delitem(index, item) {
+      this.form.items.splice(index, 1)
+      //   this.getParamslistData.splice(index, 1)
+
+    },
+
+  },
+
+}
+</script>
+
+<style scoped lang="scss">
+// .texts {
+//   // overflow-y: scroll;
+//   overflow-x: hidden;
+//   width: 72%;
+//   height: calc(100vh - 30px);
+//   background-color: #fff;
+  .topform {
+    width: 100%;
+    position: relative;
+    height: calc(100% - 177px);
+    // overflow-y: auto;
+    padding: 15px 70px 30px 15px;
+    .toptitle {
+      font-weight: 500;
+      padding: 20px;
+      font-size: 18px;
+    }
+    .box-card {
+      // width:calc(100% - 149px);
+      width: 97%;
+      margin-left: 20px;
+      padding-top: 25px;
+      margin-bottom: 20px;
+      .textarea {
+        display: flex;
+        // width: 500px;
+        // width: 100%;
+      }
+    }
+    .icon {
+      width: 45px;
+      right: -20px;
+      top: 40px;
+      position: relative;
+    }
+    .form {
+      width: 100%;
+      ::v-deep .el-form-item {
+        display: flex;
+      }
+      ::v-deep .el-form-item__content {
+        flex: 1;
+      }
+      ::v-deep .el-input__inner {
+        height: 30px !important;
+        line-height: 30px !important;
+      }
+
+      ::v-deep .el-form-item__label {
+        font-size: 12px !important;
+      }
+    }
+  }
+// }
+</style>
\ No newline at end of file