森语-事故处理单-打印格式

src/views/oa/modules/IncidentTicketModal.vue

@@ -158,7 +158,8 @@
           <a-row :gutter="24">
           <a-col :span="24" style="height: 290px;">
             <a-form-model-item label="情况说明" prop="presentationCondition" class="fff">
-              <a-input v-model="formState.presentationCondition"  type="textarea"  placeholder="请输入" readOnly></a-input>
+              <a-textarea v-model="formState.presentationCondition"  type="textarea"  placeholder="请输入" readOnly></a-textarea>
+              <!-- <a-input v-model="formState.presentationCondition"  type="textarea"  placeholder="请输入" readOnly></a-input> -->
             </a-form-model-item>
           </a-col>
           

src/views/oa/modules/IncidentTicketModalDetail.vue

@@ -169,7 +169,8 @@
           <a-row :gutter="24">
           <a-col :span="24" style="height: 290px;">
             <a-form-model-item label="情况说明" prop="presentationCondition" class="fff">
-              <a-input v-model="formState.presentationCondition"  type="textarea"  placeholder="请输入" readOnly ></a-input>
+              <a-textarea v-model="formState.presentationCondition"  type="textarea"  placeholder="请输入" readOnly></a-textarea>
+              <!-- <a-input v-model="formState.presentationCondition"  type="textarea"  placeholder="请输入" readOnly ></a-input> -->
             </a-form-model-item>
           </a-col>
           </a-row>
@@ -352,7 +353,10 @@
                             </tr>
                             <tr style="height: 50px;">
                                 <td class="tdOne" rowspan="3">情况说明</td>
-                                <td class="tdOne" colspan="5" rowspan="3">{{ formState.presentationCondition }}</td>
+                                <td class="tdOne" colspan="5" rowspan="3" style="text-align: left;padding-left: 1%;">
+                                  <textarea style="width: 100%;border: none;overflow: hidden;" readOnly>{{ formState.presentationCondition }}</textarea>
+                                  <!-- {{ formState.presentationCondition }} -->
+                                </td>
                             </tr>
                         </tbody>
                     </table>
@@ -389,7 +393,11 @@
                         <tbody>
                             <tr style="height: 50px;">
                                 <td class="tdOne" style="width: 1%;">财务备注</td>
-                                <td class="tdOne" colspan="7" >{{formState.financeRemark}}</td>
+                                <td class="tdOne" colspan="7" style="text-align: left;padding-left: 1%;">
+                                  <textarea  style="width: 100%;border: none;overflow: hidden;" readOnly>{{ formState.financeRemark }}</textarea>
+                                  <!-- {{  formState.financeRemark }} -->
+                                  <!-- <input type="text"   v-text="formState.financeRemark" /> -->
+                                </td>
                             </tr>
                         </tbody>
                     </table>
@@ -805,9 +813,14 @@
          win.document.write(style+html);
          win.focus();
          setTimeout(function(){
+          let textArea = win.document.getElementsByTagName('textarea')
+        for (let i = 0; i < textArea.length; i++) {
+        textArea[i].style.height = 'auto' // 先设置成auto，再设置高度，删除文字的时候高度才会改变
+         textArea[i].style.height = textArea[i].scrollHeight+30 + 'px'
+  }
             win.print();
             win.close();
-         },1200)
+         },1000)
         
         })