11月29 排班打印

src/xt_pages/workforce/scheduleTablePrintThree.vue

     <div class="scheduleTablePrint">
       <div class="butt"><el-button style="float:right;" type="primary" @click="printAction">打印</el-button></div>
         <div class="tab">
-        <table id="scheduleTable" class="scheduleTable" border="1" cellspacing="0" style='width: 100%;table-layout:fixed;'>
+        <table id="scheduleTable" class="scheduleTable" border="1" cellspacing="0" style='table-layout:fixed;'>
             <tr>
                 <td rowspan="2">分区</td>
                 <td rowspan="2">机号</td>
             <tr v-for="(item,index) in scheduleZone" :key="index">
                 <td style="min-width:50px;">{{ item.area }}</td>
                 <td style="min-width:50px;">{{ item.cut }}</td>
-                <td style="width:50px;" v-if="first_day == 1">
+                <td style="min-width:50px;" v-if="first_day == 1">
                     <span v-if="item.Mon_M.patient_id">
                         <span>{{ item.Mon_M.patient }} </span><br/>
                         <span v-if="item.Mon_M.mode_id !=1">{{ item.Mon_M.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Mon_M.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="first_day == 1">
+                <td style="min-width:50px;" v-if="first_day == 1">
                     <span v-if="item.Mon_A.patient_id">
                         <span>{{ item.Mon_A.patient }} </span><br/>
                         <span v-if="item.Mon_A.mode_id !=1">{{ item.Mon_A.mode_name }}</span><br/>
                        <span v-show="showflag">{{item.Mon_A.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="first_day == 1">
+                <td style="min-width:50px;" v-if="first_day == 1">
                     <span v-if="item.Mon_N.patient_id">
                         <span>{{ item.Mon_N.patient }} </span><br/>
                         <span v-if="item.Mon_N.mode_id !=1">{{ item.Mon_N.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Mon_N.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;"  v-if="second_day == 2">
+                <td style="min-width:50px;"  v-if="second_day == 2">
                     <span v-if="item.Tue_M.patient_id">
                         <span>{{ item.Tue_M.patient }} </span><br/>
                         <span v-if="item.Tue_M.mode_id !=1">{{ item.Tue_M.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Tue_M.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;"  v-if="second_day == 2">
+                <td style="min-width:50px;"  v-if="second_day == 2">
                     <span v-if="item.Tue_A.patient_id">
                       <span>{{ item.Tue_A.patient }} </span><br/>
                         <span v-if="item.Tue_A.mode_id !=1">{{ item.Tue_A.mode_name }}</span><br/>
 
                     </span>
                 </td>
-                <td style="width:50px;"  v-if="second_day == 2">
+                <td style="min-width:50px;"  v-if="second_day == 2">
                     <span v-if="item.Tue_N.patient_id">
                       <span>{{ item.Tue_N.patient }} </span><br/>
                         <span v-if="item.Tue_N.mode_id !=1">{{ item.Tue_N.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Tue_N.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="three_day == 3">
+                <td style="min-width:50px;" v-if="three_day == 3">
                     <span v-if="item.Wed_M.patient_id">
                       <span>{{ item.Wed_M.patient }} </span><br/>
                         <span v-if="item.Wed_M.mode_id !=1">{{ item.Wed_M.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Wed_M.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="three_day == 3">
+                <td style="min-width:50px;" v-if="three_day == 3">
                     <span v-if="item.Wed_A.patient_id">
                       <span>{{ item.Wed_A.patient }} </span><br/>
                         <span v-if="item.Wed_A.mode_id !=1">{{ item.Wed_A.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Wed_A.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="three_day == 3">
+                <td style="min-width:50px;" v-if="three_day == 3">
                     <span v-if="item.Wed_N.patient_id">
                       <span>{{ item.Wed_N.patient }} </span><br/>
                         <span v-if="item.Wed_N.mode_id !=1">{{ item.Wed_N.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Wed_N.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="four_day == 4">
+                <td style="min-width:50px;" v-if="four_day == 4">
                     <span v-if="item.Thurs_M.patient_id">
                       <span>{{ item.Thurs_M.patient }} </span><br/>
                         <span v-if="item.Thurs_M.mode_id !=1">{{ item.Thurs_M.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Thurs_M.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="four_day == 4">
+                <td style="min-width:50px;" v-if="four_day == 4">
                     <span v-if="item.Thurs_A.patient_id">
                       <span>{{ item.Thurs_A.patient }} </span><br/>
                         <span v-if="item.Thurs_A.mode_id !=1">{{ item.Thurs_A.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Thurs_A.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="four_day == 4">
+                <td style="min-width:50px;" v-if="four_day == 4">
                     <span v-if="item.Thurs_N.patient_id">
                       <span>{{ item.Thurs_N.patient }} </span><br/>
                         <span v-if="item.Thurs_N.mode_id !=1">{{ item.Thurs_N.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Thurs_N.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="five_day == 5">
+                <td style="min-width:50px;" v-if="five_day == 5">
                     <span v-if="item.Fri_M.patient_id">
                       <span>{{ item.Fri_M.patient }} </span><br/>
                         <span v-if="item.Fri_M.mode_id !=1">{{ item.Fri_M.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Fri_M.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="five_day == 5">
+                <td style="min-width:50px;" v-if="five_day == 5">
                     <span v-if="item.Fri_A.patient_id">
                       <span>{{ item.Fri_A.patient }} </span><br/>
                         <span v-if="item.Fri_A.mode_id !=1">{{ item.Fri_A.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Fri_A.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="five_day == 5">
+                <td style="min-width:50px;" v-if="five_day == 5">
                     <span v-if="item.Fri_N.patient_id">
                       <span>{{ item.Fri_N.patient }} </span><br/>
                         <span v-if="item.Fri_N.mode_id !=1">{{ item.Fri_N.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Fri_N.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="six_day == 6">
+                <td style="min-width:50px;" v-if="six_day == 6">
                     <span v-if="item.Sat_M.patient_id">
                       <span>{{ item.Sat_M.patient }} </span><br/>
                         <span v-if="item.Sat_M.mode_id !=1">{{ item.Sat_M.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Sat_M.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="six_day == 6">
+                <td style="min-width:50px;" v-if="six_day == 6">
                     <span v-if="item.Sat_A.patient_id">
                       <span>{{ item.Sat_A.patient }} </span><br/>
                         <span v-if="item.Sat_A.mode_id !=1">{{ item.Sat_A.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Sat_A.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="six_day == 6">
+                <td style="min-width:50px;" v-if="six_day == 6">
                     <span v-if="item.Sat_N.patient_id">
                       <span>{{ item.Sat_N.patient }} </span><br/>
                         <span v-if="item.Sat_N.mode_id !=1">{{ item.Sat_N.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Sat_N.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="seven_day == 7">
+                <td style="min-width:50px;" v-if="seven_day == 7">
                     <span v-if="item.Sun_M.patient_id">
                       <span>{{ item.Sun_M.patient }} </span><br/>
                         <span v-if="item.Sun_M.mode_id !=1">{{ item.Sun_M.mode_name }}</span><br/>
                         <span v-show="showflag">{{item.Sun_M.dialysis_machine_name}}</span>
                     </span>
                 </td>
-                <td style="width:50px;" v-if="seven_day == 7">
+                <td style="min-width:50px;" v-if="seven_day == 7">
                     <span v-if="item.Sun_A.patient_id">
                       <span>{{ item.Sun_A.patient }} </span><br/>
                         <span v-if="item.Sun_A.mode_id !=1">{{ item.Sun_A.mode_name }}</span><br/>
 
                     </span>
                 </td>
-                <td style="width:50px;" v-if="seven_day == 7">
+                <td style="min-width:50px;" v-if="seven_day == 7">
                     <span v-if="item.Sun_N.patient_id">
                       <span>{{ item.Sun_N.patient }} </span><br/>
                         <span v-if="item.Sun_N.mode_id !=1">{{ item.Sun_N.mode_name }}</span><br/>
             return [weekArr[week], typeArr[schedule_type]];
         },
         printAction: function() {
-            const style = '@media print {#scheduleTable{font-size:16px;} .scheduleTable tr td{text-align: center;padding: 5px;}}'
-
+            // const style = '@media print {#scheduleTable{font-size:16px;} .scheduleTable tr td{text-align: center;padding: 5px;}}'
+            const style = '@media print {#scheduleTable{font-size:14px;} .scheduleTable tr td{text-align: center;}}'
             printJS({
             printable: 'scheduleTable',
             type: 'html',
 </script>
 
 
-<style lang="scss">
+<style lang="scss" scoped>
 .scheduleTablePrint{
   width: 100%;
   height: 100vh;
     table{
       td{
         text-align: center;
-        padding: 5px;
+        // padding: 5px;
         word-wrap:break-word;
       }
     }