1

src/xt_pages/dialysis/details/dialog/doubleCheckDialog.vue

              :modal-append-to-body="false"
              width="854px">
 
-    <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="110px">
+    <el-form :inline="true" class="demo-form-inline newInline" :model="doubleReview" label-width="105px">
       
       <el-form-item label="透析物品核查 : ">
         <el-radio v-model="doubleReview.dialysis_item_check" label="1">正确</el-radio>
         <!-- <el-radio v-model="doubleReview.dialysis_item_check" label="2">错误</el-radio> -->
       </el-form-item>
-      <el-form-item label="差错描述 : " label-width="80px">
+      <el-form-item class="newItem" label="差错描述 : " label-width="90px">
         <el-input v-model="doubleReview.dialysis_item_desc"></el-input>
       </el-form-item>
     </el-form>
    
-   <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="110px" style="magin-left:10px">
+   <el-form :inline="true" class="demo-form-inline newCheckBox" :model="doubleReview" label-width="110px">
        <el-checkbox-group v-model="checkList" @change="changeBox">
-         <el-row>
-           <el-col>
-            <el-checkbox :label="diazes"></el-checkbox>
-           </el-col>
-         
-         </el-row>
-         <el-row>
-           <el-checkbox :label="puncture_needle"></el-checkbox>
-         </el-row>
-         <el-row>
-           <el-checkbox :label="dialysate_formulation"></el-checkbox>
-         </el-row>
-         <el-row>
-           <el-checkbox :label="kalium"></el-checkbox>
-         </el-row>
-         <el-row>
-           <el-checkbox :label="calcium"></el-checkbox>
-         </el-row>
-      
+          <el-checkbox :label="diazes"></el-checkbox>
+          <el-checkbox :label="puncture_needle"></el-checkbox>
+          <el-checkbox :label="dialysate_formulation"></el-checkbox>
+          <el-checkbox :label="kalium"></el-checkbox>
+          <el-checkbox :label="calcium"></el-checkbox>
        </el-checkbox-group>
     </el-form>
-    <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="110px">
+    <el-form :inline="true" class="demo-form-inline newInline" :model="doubleReview" label-width="105px">
       <el-form-item label="透析参数核查 : ">
         <el-radio v-model="doubleReview.dialysis_parameter_check" label="1">正确</el-radio>
         <!-- <el-radio v-model="doubleReview.dialysis_parameter_check" label="2">错误</el-radio> -->
       </el-form-item>
-      <el-form-item label="差错描述 : " label-width="80px">
+      <el-form-item class="newItem" label="差错描述 : " label-width="90px">
         <el-input v-model="doubleReview.dialysis_parameter_desc"></el-input>
       </el-form-item>
     </el-form>
-    <el-form>
+    <el-form class="newCheckBox">
      <el-checkbox-group v-model="checkListOne" >
         <el-checkbox label="透析模式:"></el-checkbox>
         <el-checkbox label="透析时长:"></el-checkbox>
         <el-checkbox label="透析液流量:"></el-checkbox>
      </el-checkbox-group>
     </el-form>
-    <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="110px">
+    <el-form :inline="true" class="demo-form-inline newInline" :model="doubleReview" label-width="105px">
       <el-form-item label="血管通路核查 : ">
 
         <el-radio v-model="doubleReview.vascular_access_verification" label="1">正确</el-radio>
         <!-- <el-radio v-model="doubleReview.vascular_access_verification" label="2">错误</el-radio> -->
 
       </el-form-item>
-      <el-form-item label="差错描述 : " label-width="80px">
+      <el-form-item class="newItem" label="差错描述 : " label-width="90px">
         <el-input v-model="doubleReview.vascular_access_desc"></el-input>
       </el-form-item>
     </el-form>
-    <el-form>
+    <el-form class="newCheckBox">
        <el-checkbox-group v-model="checkListTwo">
         <el-checkbox label="通路类型:"></el-checkbox>
         <el-checkbox label="动静脉接错"></el-checkbox>
         <el-checkbox label="滑脱"></el-checkbox>
      </el-checkbox-group>
     </el-form>
-    <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="110px">
+    <el-form :inline="true" class="demo-form-inline newInline" :model="doubleReview" label-width="105px">
       <el-form-item label="管道连接核查 : ">
         <el-radio v-model="doubleReview.pipeline_connection_check" label="1">正确</el-radio>
         <!-- <el-radio v-model="doubleReview.pipeline_connection_check" label="2">错误</el-radio> -->
       </el-form-item>
-      <el-form-item label="差错描述 : " label-width="80px">
+      <el-form-item class="newItem" label="差错描述 : " label-width="90px">
         <el-input v-model="doubleReview.pipeline_connection_desc"></el-input>
       </el-form-item>
     </el-form>
-    <el-form>
+    <el-form class="newCheckBox">
       <el-checkbox-group v-model="checkListThree">
         <el-checkbox label="泵前补液测管未夹"></el-checkbox>
         <el-checkbox label="肝素管夹未开启"></el-checkbox>
   }
 </script>
 
-<style scoped>
-
+<style lang="scss">
+.newInline{
+  display: flex;
+}
+.newItem{
+  flex: 1;
+  display: flex !important;
+  .el-form-item__content{
+    width: 100%;
+  }
+}
+.newCheckBox{
+  margin-bottom: 10px;
+  .el-checkbox{
+    margin-bottom: 10px;
+  }
+}
 </style>

src/xt_pages/user/coursePrint.vue

 
           <div class="row" style="padding: 2px 0;line-height:24px;">
             <div class="inline_block" style="width:100%;">
-              <div v-html="record.content">{{record.content}}</div>
+              <div v-html="record.content" class="printP">{{record.content}}</div>
             </div>
           </div>
 
         var resp = rs.data
         if (resp.state == 1) {
           this.record = resp.data.record
+          this.record.content = resp.data.record.content.replace(new RegExp('<p>','g'),"<div>").replace(new RegExp('</p>','g'),"</div>")
           this.patient = resp.data.patient
 
           this.loading = false
     },
     methods: {
       printAction: function() {
-        const style = '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 5px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:1000px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top:1050px;left: 50%;}.print-yema5{position: absolute;top:1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
+        const style = '@media print {.printP div{margin-bottom:5px;} .option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 5px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:1000px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top:1050px;left: 50%;}.print-yema5{position: absolute;top:1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
         printJS({
           printable: 'print_content',
           type: 'html',
     left: 50%;
   }
   .did_checke::after {content: "\221A";font-size: 8px;margin-left: 2px;margin-top: 2px;position: absolute;}
+  .printP{
+    line-height: 20px;
+    font-weight: bold;
+  }
 </style>