10月30

src/xt_pages/workforce/remind_print_setting_two.vue

@@ -17,10 +17,12 @@
     <div class="app-container" style="background-color: white;">
       <div id="print_content">
         <div class="print_main_content">
-          <div class="table_panel">
-            <div v-for="(main_collection,index) in scheduleData" :key="index" class="boxshadow"
-              style="page-break-after: always; box-sizing: border-box;margin: 0px 35px 30px;">
-              <div style="border: 1px solid black;width: 90%;"  >
+          <div class="table_panel" style="display: flex;flex-wrap: wrap;">
+            <!-- style="page-break-after: always; box-sizing: border-box;margin: 0px 35px 30px;"  boxshadow-->
+            <div v-for="(main_collection,index) in scheduleData" :key="index" class=""
+              :style="{'page-break-after':(index+1)%6==0 ?'always':'', 'box-sizing': 'border-box','margin': '0px 10px 30px 0','width':'48%'}">
+              <div style="width">
+                <div style="border: 1px solid black;"  >
                 <div style="margin: 5px 5px;">
                   <span>
                     <span v-if="type ==1 && printObj.name == 1">{{main_collection.patient.name}} </span>
@@ -49,159 +51,160 @@
                   <span>干体重:{{main_collection.assessmentbefor.dry_weight}}kg</span>&nbsp;&nbsp;
                   <span>HCT:%</span>&nbsp;&nbsp;<span>KTV目标:</span>
                 </div>
-              </div>
-              <div style="height: 30px;width: 90%;border: 1px solid black;">
-
-              </div>
-              <div style="border: 1px solid black;width: 90%;">
-                <div style="display: flex;margin: 5px 5px;">
-                  <div style="flex: 1;">透析模式:{{getModeId(main_collection.mode_id)}}</div>
-                  <div style="flex: 1;">透析器/灌流器:
-                    {{ main_collection.dialysissolution.dialysis_strainer }}
-                    <span v-if="printObj.dialyzers == 1&& main_collection.dialysissolution.dialysis_dialyszers!=''">{{main_collection.dialysissolution.dialysis_dialyszers}}</span>
-                    <span v-if="printObj.perfusion_apparatus == 1&& main_collection.dialysissolution.dialysis_irrigation!=''">{{main_collection.dialysissolution.dialysis_irrigation}}</span>
-                    <span v-if="main_collection.dialysissolution.dialysis_strainer!=''">{{ main_collection.dialysissolution.dialysis_strainer }}</span>
-                    <span v-if="main_collection.dialysissolution.dialyzer_perfusion_apparatus!=''">{{main_collection.dialysissolution.dialyzer_perfusion_apparatus}}</span>
-                  </div>
-
                 </div>
-                <div style="display: flex;margin: 5px 5px;">
-                  <div style="flex: 1;">血流量:{{main_collection.prescription.blood_flow_volume?main_collection.dialysissolution.blood_flow_volume:""}}ml/min</div>
-                  <div style="flex: 1;">置换液总量:{{main_collection.prescription.displace_liqui_value?main_collection.dialysissolution.displace_liqui_value:""}}L</div>
+                <div style="height: 30px;border: 1px solid black;">
+
                 </div>
-                <div style="margin: 5px 5px;">
-                  <div>透析液类型:
-                    <span>Na:{{ main_collection.prescription.sodium }}</span>
-                    <span>K:{{ main_collection.prescription.kalium }}</span>
-                    <span>Ca:{{main_collection.prescription.calcium }}</span>
-                    <span>
-                      <span v-if="main_collection.prescription.chaptalization==0"> 不含 </span>
-                      <span v-if="main_collection.prescription.chaptalization>0"> 含糖:{{main_collection.prescription.chaptalization?main_collection.dialysissolution.chaptalization:""}} </span>
-                      HCO3:</span>
+                <div style="border: 1px solid black;">
+                  <div style="display: flex;margin: 5px 5px;">
+                    <div style="flex: 1;">透析模式:{{getModeId(main_collection.mode_id)}}</div>
+                    <div style="flex: 1;">透析器/灌流器:
+                      {{ main_collection.dialysissolution.dialysis_strainer }}
+                      <span v-if="printObj.dialyzers == 1&& main_collection.dialysissolution.dialysis_dialyszers!=''">{{main_collection.dialysissolution.dialysis_dialyszers}}</span>
+                      <span v-if="printObj.perfusion_apparatus == 1&& main_collection.dialysissolution.dialysis_irrigation!=''">{{main_collection.dialysissolution.dialysis_irrigation}}</span>
+                      <span v-if="main_collection.dialysissolution.dialysis_strainer!=''">{{ main_collection.dialysissolution.dialysis_strainer }}</span>
+                      <span v-if="main_collection.dialysissolution.dialyzer_perfusion_apparatus!=''">{{main_collection.dialysissolution.dialyzer_perfusion_apparatus}}</span>
+                    </div>
+
                   </div>
-                </div>
-                <div style="display: flex;margin: 5px 5px;">
-                  <div style="flex: 1;">超滤曲线:</div>
-                  <div style="flex: 1;">Na曲线:</div>
-                </div>
-                <div style="margin: 5px 5px;">
-                  <span>抗凝方案:</span>
-                  <span>{{ main_collection.dialysissolution.anticoagulant ? anticoagulants_confit[main_collection.dialysissolution.anticoagulant].name : ''}}</span>
-                  <span>
-                    首剂：<span v-if="main_collection.dialysissolution.anticoagulant == 1">{{main_collection.dialysissolution.anticoagulant_shouji}} mg</span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 2">
+                  <div style="display: flex;margin: 5px 5px;">
+                    <div style="flex: 1;">血流量:{{main_collection.prescription.blood_flow_volume?main_collection.dialysissolution.blood_flow_volume:""}}ml/min</div>
+                    <div style="flex: 1;">置换液总量:{{main_collection.prescription.displace_liqui_value?main_collection.dialysissolution.displace_liqui_value:""}}L</div>
+                  </div>
+                  <div style="margin: 5px 5px;">
+                    <div>透析液类型:
+                      <span>Na:{{ main_collection.prescription.sodium }}</span>
+                      <span>K:{{ main_collection.prescription.kalium }}</span>
+                      <span>Ca:{{main_collection.prescription.calcium }}</span>
+                      <span>
+                        <span v-if="main_collection.prescription.chaptalization==0"> 不含 </span>
+                        <span v-if="main_collection.prescription.chaptalization>0"> 含糖:{{main_collection.prescription.chaptalization?main_collection.dialysissolution.chaptalization:""}} </span>
+                        HCO3:</span>
+                    </div>
+                  </div>
+                  <div style="display: flex;margin: 5px 5px;">
+                    <div style="flex: 1;">超滤曲线:</div>
+                    <div style="flex: 1;">Na曲线:</div>
+                  </div>
+                  <div style="margin: 5px 5px;">
+                    <span>抗凝方案:</span>
+                    <span>{{ main_collection.dialysissolution.anticoagulant ? anticoagulants_confit[main_collection.dialysissolution.anticoagulant].name : ''}}</span>
+                    <span>
+                      首剂：<span v-if="main_collection.dialysissolution.anticoagulant == 1">{{main_collection.dialysissolution.anticoagulant_shouji}} mg</span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 2">
+                        {{main_collection.dialysissolution.anticoagulant_shouji}}mg
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 3">
+                        {{main_collection.dialysissolution.anticoagulant_shouji}}iu
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 4">
                       {{main_collection.dialysissolution.anticoagulant_shouji}}mg
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 3">
-                      {{main_collection.dialysissolution.anticoagulant_shouji}}iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 4">
-                    {{main_collection.dialysissolution.anticoagulant_shouji}}mg
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 5">
-                    {{main_collection.dialysissolution.anticoagulant_shouji}} mg
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 6">
-                    {{main_collection.dialysissolution.anticoagulant_shouji}}iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 7">
-                      {{main_collection.dialysissolution.anticoagulant_shouji}}iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 8">
-                      {{main_collection.dialysissolution.anticoagulant_shouji}}iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 9">
-                      {{main_collection.dialysissolution.anticoagulant_shouji}}iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 10">
-                      {{main_collection.dialysissolution.anticoagulant_shouji}}iu
                       </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 11">
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 5">
+                      {{main_collection.dialysissolution.anticoagulant_shouji}} mg
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 6">
                       {{main_collection.dialysissolution.anticoagulant_shouji}}iu
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 7">
+                        {{main_collection.dialysissolution.anticoagulant_shouji}}iu
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 8">
+                        {{main_collection.dialysissolution.anticoagulant_shouji}}iu
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 9">
+                        {{main_collection.dialysissolution.anticoagulant_shouji}}iu
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 10">
+                        {{main_collection.dialysissolution.anticoagulant_shouji}}iu
+                        </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 11">
+                        {{main_collection.dialysissolution.anticoagulant_shouji}}iu
+                      </span>
                     </span>
-                  </span>
 
-                  <span>
-                    维持：{{main_collection.dialysissolution.anticoagulant_weichi}}
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 1">
-                      mg/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 2">
-                      mg/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 3">
-                    iu/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 4">
-                      mg/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 5">
-                      mg/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 6">
-                    iu/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 7">
-                    iu/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 8">
-                      iu/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 9">
+                    <span>
+                      维持：{{main_collection.dialysissolution.anticoagulant_weichi}}
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 1">
+                        mg/h
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 2">
+                        mg/h
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 3">
                       iu/h
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 10">
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 4">
+                        mg/h
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 5">
+                        mg/h
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 6">
                       iu/h
                       </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 11">
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 7">
                       iu/h
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 8">
+                        iu/h
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 9">
+                        iu/h
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 10">
+                        iu/h
+                        </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 11">
+                        iu/h
+                      </span>
                     </span>
-                  </span>
 
-                  <span>
-                      总量：{{main_collection.dialysissolution.anticoagulant_zongliang}}
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 1">
-                      mg
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 2">
-                      mg
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 3">
-                      iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 4">
-                    mg
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 5">
+                    <span>
+                        总量：{{main_collection.dialysissolution.anticoagulant_zongliang}}
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 1">
+                        mg
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 2">
+                        mg
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 3">
+                        iu
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 4">
                       mg
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 6">
-                    iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 7">
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 5">
+                        mg
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 6">
                       iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 8">
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 7">
+                        iu
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 8">
+                        iu
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 9">
                       iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 9">
-                    iu
-                    </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 10">
+                      </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 10">
+                        iu
+                        </span>
+                      <span v-if="main_collection.dialysissolution.anticoagulant == 11">
                       iu
                       </span>
-                    <span v-if="main_collection.dialysissolution.anticoagulant == 11">
-                    iu
                     </span>
-                  </span>
+                  </div>
+                  <div style="margin: 5px 5px;">
+                    血管通路:{{getBloodAccess(main_collection.assessmentbefor.blood_access_part_opera_id)?getBloodAccess(main_collection.dialysissolution.blood_access):""}}
+                  </div>
                 </div>
-                <div style="margin: 5px 5px;">
-                  血管通路:{{getBloodAccess(main_collection.assessmentbefor.blood_access_part_opera_id)?getBloodAccess(main_collection.dialysissolution.blood_access):""}}
+                <div style="border: 1px solid black;">
+                  <div style="margin: 5px 5px;">高危因素:{{ main_collection.prescription.remark }}</div>
                 </div>
               </div>
-              <div style="border: 1px solid black;width: 90%;">
-                <div style="margin: 5px 5px;">高危因素:{{ main_collection.prescription.remark }}</div>
-              </div>
             </div>
           </div>
         </div>
@@ -273,19 +276,19 @@
           week_time:this.week_time,
           zone:this.zone,
         }
-       console.log("params",params)
-       getScheduleList(params).then(response=>{
-         if(response.data.state ==1){
-           var list = response.data.data.list
+      console.log("params",params)
+      getScheduleList(params).then(response=>{
+        if(response.data.state ==1){
+          var list = response.data.data.list
 
-           for(let i=0;i<list.length;i++){
+          for(let i=0;i<list.length;i++){
               list[i].sort = list[i].number.sort
-           }
-           var arr = list.sort(this.compare('sort'))
-           console.log("arr--------",arr)
-           this.scheduleData = arr
+          }
+          var arr = list.sort(this.compare('sort'))
+          console.log("arr--------",arr)
+          this.scheduleData = arr
 
-             let a = response.data.data.day
+            let a = response.data.data.day
               console.log("a",a)
               var myDate = new Date(a);
               var year = myDate.getFullYear(); //年
@@ -318,16 +321,15 @@
           var str = year + "年" + month + "月" + day + "日  ";
           this.currentDate = str
           }
-       })
+      })
 
       var now_time = parseInt(this.week_type) * 86400 + this.start_time
       console.log("now",now_time)
       this.now_time = now_time
     }
     if(parseInt(this.$route.query.type) == 2){
-       this.getNextScheduleWeekDay()
+      this.getNextScheduleWeekDay()
     }
-
     },
     methods: {
       getAdvice:function(doctor_advice) {
@@ -385,8 +387,10 @@
 
       },
       printAction: function() {
-        const style = '@media print {.signPrint{margin-left:30px;} .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel {font-size:25px } .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 20px; padding: 15px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 18px; padding: 10px 5px; } .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } .printCell span{display: inline-block;width: 180px;} @page {margin-top:10px;}}'
+        const style = '@media print {.signPrint{margin-left:30px;} .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel {font-size:15px;display: flex;flex-wrap: wrap; } .boxshadow{margin: 30px 10px 30px 0} .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 20px; padding: 15px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 18px; padding: 10px 5px; } .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } .printCell span{display: inline-block;width: 180px;} @page {margin-top:10px;}}'
         // const style1 = '@media print { .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel { } .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 20px; padding: 15px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 18px; padding: 10px 5px; } .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } .printCell span{display: inline-block;width: 170px;} @page {margin-top:10px;}}'
+        const totalPages = Math.ceil(this.scheduleData.length / 3)
+        for(let i=1;i<=totalPages;i++){
           printJS({
             printable: 'print_content',
             type: 'html',
@@ -394,7 +398,7 @@
             style: style,
             scanStyles: false
           })
-
+        }
       }, getSchedulesType: function(type) {
         let type_name = ''
         switch (type) {
@@ -724,7 +728,7 @@
           }
         }
         return name
-      }
+      },
     }
   }
 </script>