1

src/xt_pages/workforce/remind_print_setting.vue

       <div id="print_content">
         <div class="print_main_content">
           <div class="table_panel">
-            <div v-for="(main_collection,index) in scheduleData" :key="index" style="border:1px">
-               <ul>
-                 <li>分区/床位号:{{main_collection.zone.name}}/{{main_collection.number.number}}</li> 
-                 <li>姓名:{{main_collection.patient.name}}</li> 
-                 <li>抗凝剂: {{ main_collection.prescription.anticoagulant ? anticoagulants_confit[main_collection.prescription.anticoagulant].name : ''}} </li> 
-                 <li>总量:  
+            <div v-for="(main_collection,index) in scheduleData" :key="index" style="page-break-after: always;">
+              <div class="signPrint">
+                <div>分区/床位号:{{main_collection.zone.name}}/{{main_collection.number.number}}</div> 
+                <div>姓名:{{main_collection.patient.name}}</div> 
+                <div>抗凝剂: {{ main_collection.prescription.anticoagulant ? anticoagulants_confit[main_collection.prescription.anticoagulant].name : ''}} </div> 
+                <div>总量:  
                   <span v-if="main_collection.prescription.anticoagulant == 1">{{main_collection.prescription.anticoagulant_zongliang?main_collection.prescription.anticoagulant_zongliang+'mg':''}}</span>
                   <span v-if="main_collection.prescription.anticoagulant == 2">{{main_collection.prescription.anticoagulant_zongliang?main_collection.prescription.anticoagulant_zongliang+'iu':''}}</span>
                   <span v-if="main_collection.prescription.anticoagulant == 3">{{main_collection.prescription.anticoagulant_zongliang?main_collection.prescription.anticoagulant_zongliang+'iu':''}}</span>
                   <span v-if="main_collection.prescription.anticoagulant == 5">{{main_collection.prescription.anticoagulant_zongliang?main_collection.prescription.anticoagulant_zongliang+'mg':''}}</span>
                   <span v-if="main_collection.prescription.anticoagulant == 6">{{main_collection.prescription.anticoagulant_zongliang?main_collection.prescription.anticoagulant_zongliang+'iu':''}}</span>
                   <span v-if="main_collection.prescription.anticoagulant == 7">{{main_collection.prescription.anticoagulant_zongliang?main_collection.prescription.anticoagulant_zongliang+'iu':''}}</span>
-                 </li> 
-                 <li>用法:透析备用</li> 
-                 <li>打印时间:{{currentDate}}</li> 
-                 <li></li>
-               </ul>
+                </div> 
+                <div>用法:透析备用</div> 
+                <div>打印时间:{{currentDate}}</div>
+              </div>
            </div>
           </div>
         </div>
     }
   }
 }
+.signPrint{
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+  margin-bottom: 20px;
+  padding: 20px 10px;
+}
 </style>