SUM

src/components/sumDoctorCheck/SumSug.vue

@@ -1,8 +1,8 @@
 <template>
   <div style="display: flex;">
     <div style="width:50%;">
-      <el-table id="tableSummary" row-key="id" :data="sumDoctorCheck.summaryList" width="100%" 
-        :height="sumHeight" border size="small">
+      <el-table id="tableSummary" row-key="id" :data="sumDoctorCheck.summaryList" width="100%" :height="sumHeight" border
+        size="small">
         <el-table-column type="index" width="20" align="center" />
         <el-table-column prop="summaryTitle" label="综述">
           <template slot-scope="scope">
@@ -12,13 +12,14 @@
                 :data="scope.row.details" border @row-click="rowClick" :show-header="false">
                 <el-table-column width="30">
                   <template slot-scope="scope2">
-                    <div>{{ scope2.$index + 1 }}).</div>
+                    <div>{{ scope2.$index + 1 }})</div>
                   </template>
                 </el-table-column>
                 <el-table-column prop="summaryContent" label="综述" min-width="200">
                   <template slot-scope="scope2">
-                    <el-input type="textarea" v-model="scope2.row.summaryContent" placeholder="请输入综述" 
-                      disabled :autosize="{ minRows: 1, maxRows: 100 }">
+                    <!--:autosize="{ minRows: 1, maxRows: 20 } "-->
+                    <el-input type="textarea" v-model="scope2.row.summaryContent" placeholder="请输入综述" disabled
+                      :autosize="{ minRows: 1, maxRows: 20 }">
                     </el-input>
                   </template>
                 </el-table-column>
@@ -30,8 +31,8 @@
       </el-table>
     </div>
     <div style="width:50%;">
-      <el-table id="tableSuggestion" row-key="id" :data="sumDoctorCheck.suggestionList" width="100%"
-        :height="sumHeight" border size="small">
+      <el-table id="tableSuggestion" row-key="id" :data="sumDoctorCheck.suggestionList" width="100%" :height="sumHeight"
+        border size="small">
         <el-table-column type="index" width="20" align="center">
         </el-table-column>
         <el-table-column prop="suggestionTitle" label="建议">
@@ -42,15 +43,16 @@
                   :disabled="sumDoctorCheck.sumPREdit.completeFlag == '3' || sumDoctorCheck.sumPREdit.isAudit == 'Y'">
                 </el-input>
 
-                <el-button v-show="checkPagePriv(pagePriv.privs,'新增建议明细')" type="success" icon="el-icon-plus" style="min-width:23px;height:23px;padding:2px;" @click="addSug(scope.$index)"
+                <el-button v-show="checkPagePriv(pagePriv.privs, '新增建议明细')" type="success" icon="el-icon-plus"
+                  style="min-width:23px;height:23px;padding:2px;" @click="addSug(scope.$index)"
                   :disabled="sumDoctorCheck.sumPREdit.completeFlag == '3' || sumDoctorCheck.sumPREdit.isAudit == 'Y'"></el-button>
-                <el-button v-show="checkPagePriv(pagePriv.privs,'删除建议')" type="danger" icon="el-icon-delete" style="margin-left: 2px;min-width:23px;height:23px;padding:2px;" @click="delSugHead(scope.$index)"
+                <el-button v-show="checkPagePriv(pagePriv.privs, '删除建议')" type="danger" icon="el-icon-delete"
+                  style="margin-left: 2px;min-width:23px;height:23px;padding:2px;" @click="delSugHead(scope.$index)"
                   :disabled="sumDoctorCheck.sumPREdit.completeFlag == '3' || sumDoctorCheck.sumPREdit.isAudit == 'Y'"></el-button>
               </div>
 
               <el-table :id="'sug' + scope.row.id" row-key="displayOrder" style="margin-left: 10px;"
-                :data="scope.row.details" border @row-click="rowClickSug" :show-header="false"
-                >
+                :data="scope.row.details" border @row-click="rowClickSug" :show-header="false">
                 <el-table-column width="30">
                   <template slot-scope="scope2">
                     <div>{{ scope2.$index + 1 }}).</div>
@@ -60,13 +62,15 @@
                   <template slot-scope="scope2">
                     <el-input type="textarea" v-model="scope2.row.suggestionContent" placeholder="请输入建议内容"
                       :disabled="sumDoctorCheck.sumPREdit.completeFlag == '3' || sumDoctorCheck.sumPREdit.isAudit == 'Y'"
-                      :autosize="{ minRows: 1, maxRows: 100 }" >
+                      :autosize="{ minRows: 1, maxRows: 10 }">
                     </el-input>
                   </template>
                 </el-table-column>
                 <el-table-column prop="suggestionContent" label="操作" width="35">
                   <template slot-scope="scope2">
-                    <el-button v-show="checkPagePriv(pagePriv.privs,'删除建议明细')" type="danger" style="min-width:23px;height:23px;padding:2px;" icon="el-icon-delete" @click="delSug(scope.row.details, scope2.$index)"
+                    <el-button v-show="checkPagePriv(pagePriv.privs, '删除建议明细')" type="danger"
+                      style="min-width:23px;height:23px;padding:2px;" icon="el-icon-delete"
+                      @click="delSug(scope.row.details, scope2.$index)"
                       :disabled="sumDoctorCheck.sumPREdit.completeFlag == '3' || sumDoctorCheck.sumPREdit.isAudit == 'Y'"
                       size="small"></el-button>
                   </template>
@@ -109,6 +113,16 @@ export default {
     this.rowDrop();
     this.rowDropSuggestion();
 
+    // document.addEventListener('DOMContentLoaded', function () {
+    //   const textarea = document.querySelector('textarea');
+    //   textarea.addEventListener('input', function () {
+    //     // 当文本域内容变化时调整大小
+    //     console.log('textarea.addEventListener',textarea.style.height)
+    //     textarea.style.height = 'auto'; // 重置高度
+    //     // textarea.style.height = textarea.scrollHeight + 'px'; // 根据滚动高度调整高度
+    //   });
+    // });
+
     this.summaryList(this.dataTransOpts.tableS.patient_register.id)
     this.suggestionList(this.dataTransOpts.tableS.patient_register.id)
   },
@@ -124,6 +138,16 @@ export default {
 
   methods: {
     checkPagePriv,
+
+    // textareaResize() {
+    //   const textarea = document.querySelectorAll('textarea');
+    //   textarea.forEach(e => {
+    //     e.style.height = 'auto'; // 重置高度        
+    //   });      
+    // },
+
+
+
     //获取综述
     summaryList(RegisterId) {
       if (!RegisterId) {
@@ -150,8 +174,22 @@ export default {
       getapi(`/api/app/sumsummaryheader/getsumsummarylist?PatientRegisterId=${RegisterId}`)
         .then((res) => {
           console.log("summaryList", res.data);
-          if (res.code != -1) {
-            this.sumDoctorCheck.summaryList = res.data;
+          if (res.code > -1) {
+            let summaryList = []
+            res.data.forEach(e => {
+              let details = []
+              e.details.forEach(e2 => {
+                details.push({ summaryContent: ' ' })
+              });
+              summaryList.push({ id: e.id, summaryTitle: ' ', details })
+            });
+            this.sumDoctorCheck.summaryList = deepCopy(summaryList)
+            // 自动高度有问题，需要这样处理一下
+            setTimeout(() => {
+              this.sumDoctorCheck.summaryList = deepCopy(res.data);
+            }, 10);
+            // this.sumDoctorCheck.summaryList = res.data;
+            // this.textareaResize()
           }
         })
         .catch((err) => {
@@ -385,20 +423,23 @@ export default {
 
 /* 设置单元格内内容顶对齐 */
 ::v-deep .el-table__cell {
-  display: table-cell; /* 使单元格表现为表格单元 */
-  vertical-align: top; /* 顶对齐 el-table_2_column_2   el-table__cell */
+  display: table-cell;
+  /* 使单元格表现为表格单元 */
+  vertical-align: top;
+  /* 顶对齐 el-table_2_column_2   el-table__cell */
 }
+
 ::v-deep .el-textarea__inner {
   min-height: 23px;
   height: 23px;
   line-height: 1.25;
   padding: 1px 15px 1px 2px;
 }
+
 ::v-deep .el-input__inner {
   min-height: 23px;
   height: 23px;
   padding: 1px 15px 1px 2px;
 }
-
 </style>