1

src/xt_pages/outpatientCharges/newTreatTemplate/printOne.vue

 <template>
     <div>
         <div id='prescription-print' class="prescription-print">
-            <div>
+            <div v-for='(i,index) in pageArr.length'>
                 <div class="printTitle">&nbsp血液透析中心医药费收据及收费项目清单</div>
                 <div class="infoMain">
                     <div class="infoP">医院(药店)编号：{{info.org_code}}</div>
                                 <p style="width:50%;">{{info.transBody.akb067?info.transBody.akb067:0}}元</p>
                             </div>
                         </div>
-                        <div style="width:80%;display:flex;height:300px;">
+                        <div style="width:80%;display:flex;max-height:500px;">
 
                             <div style="border-left:1px solid #000;border-right:1px solid #000;width:40%;text-align:center;">
-                                <p v-for="(item,i) in info.name_arr" :key="i" class="chargeP">
+                                <p v-for="(item,i) in info.name_arr.slice(index * 13,(index * 13) + pageArr[index])" :key="i" class="chargeP">
                                     {{item}}</p>
                             </div>
                             <div style="border-right:1px solid #000;width:15%;text-align:center;">
-                                <p v-for="(item,y) in info.spec_arr" :key="y" class="chargeP">
+                                <p v-for="(item,y) in info.spec_arr.slice(index * 13,(index * 13) + pageArr[index])" :key="y" class="chargeP">
                                     {{item}}</p>
                             </div>
                             <div style="border-right:1px solid #000;width:15%;text-align:center;">
-                                <p v-for="(item,z) in info.count_arr" :key="z" class="chargeP">
+                                <p v-for="(item,z) in info.count_arr.slice(index * 13,(index * 13) + pageArr[index])" :key="z" class="chargeP">
                                     {{item}}次</p>
                             </div>
                             <div style="border-right:1px solid #000;width:15%;text-align:center;">
-                                <p v-for="(item,f) in info.price_arr" :key="f" class="chargeP">{{item}}元</p>
+                                <p v-for="(item,f) in info.price_arr.slice(index * 13,(index * 13) + pageArr[index])" :key="f" class="chargeP">{{item}}元</p>
                             </div>
                             <div style="width:15%;text-align:center;">
-                                <p v-for="(item,d) in info.total_arr" :key="d" class="chargeP">{{item}}元</p>
+                                <p v-for="(item,d) in info.total_arr.slice(index * 13,(index * 13) + pageArr[index])" :key="d" class="chargeP">{{item}}元</p>
                             </div>
                         </div>
                     </div>
         spec_arr: [],
         count_arr: [],
         price_arr: [],
-        total_arr: []
+        total_arr: [],
+
+        page:1,
+        pageArr:[],
 
       }
     },
         }
 
       },
+      getPage(){
+        if(this.info.name_arr.length <= 13){
+            this.page = 1
+            this.pageArr.push(this.info.name_arr.length)
+        }else if(this.info.name_arr.length > 13){
+            this.page = parseInt(this.info.name_arr.length / 13)
+            let num = this.info.name_arr.length % 13
+            for (var i=0;i<this.page;i++){
+                this.pageArr.push(13)
+            }
+            if(num != 0){
+                this.pageArr.push(num)
+            }
+        }
+      }
     },
     created() {
 
 
     },
+    watch:{
+      info: {
+        handler(newVal) {
+            this.getPage()
+        },
+        deep: true
+      }
+    }
 
   }
 </script>