4月12日bug修改

src/xt_pages/management/components/RepairForm.vue

           <el-button type="primary" @click="printCard">打印</el-button>
       </el-col>
     </el-row>
-
+   
       <el-table
         ref="multipleTable"
         @selection-change="handleSelectionChange"
 
         <el-table-column prop="date" label= "型号" width="80" align="center">
           <template slot-scope="scope">
-            <span v-if="getRepairName(scope.row.equitment_id) == 1">透析机</span>
-            <span v-if="getRepairName(scope.row.equitment_id) == 2">水处理机</span>
-            <span v-if="getRepairName(scope.row.equitment_id) == 3">其他</span>
+            <span v-if="getRepairName(scope.row.equitment_id) == 1">透析机</span> 
+            <span v-if="getRepairName(scope.row.equitment_id) == 2">水处理机</span> 
+            <span v-if="getRepairName(scope.row.equitment_id) == 3">其他</span> 
           </template>
         </el-table-column>
 
               {{ scope.row.reason }}
               </template>
            </el-table-column>
-
-
-
+ 
+      
+        
         <el-table-column label="操作" align="center" min-width="150px">
           <template slot-scope="scope">
             <el-tooltip
                 >
                  保养维护内容
                 </td>
-
+              
                 <td
                   :colspan="3"
                   style="text-align:center;width:60px;font-size:15px;"
                 >
                  维修者
                 </td>
-
+              
                 <td
                   :rowspan="2"
                   style="text-align:center;width:120px;font-size:15px;"
                 </td>
 
 
-
-
+               
+               
               </tr>
               <tr>
-
+              
                 <td style="text-align:center;font-size:15px;height:30px">
                   功能及附件检查
                 </td>
                   其他
                 </td>
 
-
+                 
                 <td style="text-align:center;font-size:15px;height:30px">
                   故障现象
                 </td>
                 <td style="text-align:center;font-size:15px;height:30px">
                   维修结果
                 </td>
-
-
-
+           
+               
+            
               </tr>
               <tr v-for="item in this.tableData" :key="item.id">
                 <td style="text-align:center;font-size:15px;height:30px">
                 </td>
 
                 <td style="text-align:center;font-size:15px;height:30px">
-                  <span v-if="getRepairName(item.equitment_id) == 1">透析机</span>
-                  <span v-if="getRepairName(item.equitment_id) == 2">水处理机</span>
-                  <span v-if="getRepairName(item.equitment_id) == 3">其他</span>
+                  <span v-if="getRepairName(item.equitment_id) == 1">透析机</span> 
+                  <span v-if="getRepairName(item.equitment_id) == 2">水处理机</span> 
+                  <span v-if="getRepairName(item.equitment_id) == 3">其他</span> 
                 </td>
-
+                
                 <td style="text-align:center;font-size:15px;height:30px">
                   {{item.function_accessories_inspection }}
                 </td>
                 <td style="text-align:center;font-size:15px;height:30px">
                   {{ item.other_information }}
                 </td>
-
+                 
                 <td style="text-align:center;font-size:15px;height:30px">
                   {{ item.fault_description }}
                 </td>
-
+                
                 <td style="text-align:center;font-size:15px;height:30px">
                    {{item.cause_analysis }}
                 </td>
                 <td style="text-align:center;font-size:15px;height:30px">
                   {{ getName(item.admin_user_id) }}
                 </td>
-
+                
                 <td style="text-align:center;font-size:15px;height:30px">
                   {{ getTime(item.guarantee_date) }}
                 </td>
                 <td style="text-align:center;font-size:15px;height:30px">
                   {{item.reason }}
                 </td>
-
+             
               </tr>
             </table>
           </div>
     },
     printCard(){
       console.log('sadfgadsf');
-    }
-  },
+      }
+    },
+    printCard() {
+        this.hiddenShow = true;
+        var ptime = Math.round(new Date().getTime() / 1000);
+        this.print_time = uParseTime(ptime, "{y}年{m}月{d}日");
+
+        const style =
+          "@media print { .print_main_content { background-color: white; width:960px; margin:0 auto; padding: 0 0 20px 0;font-size:15px } .print_main_content .order_title { text-align: center; font-size: 15px; line-height: 50px;} .print_main_content table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px;font-size:15px } .print_main_content table tbody tr td { border: 1px solid; text-align: center; padding: 10px 8px;font-size:15px } .td_proj_title { font-size: 15px; line-height: 25px;} .td_proj_content { font-size: 15px; line-height: 25px; } .td_align_left { text-align: left; } .print_footnote_panel { font-size: 15px; line-height: 40px; } .print_footnote_panel .proj { display: inline-block; width: 49%; } .print_footnote_panel .proj}";
+
+        setTimeout(() => {
+          printJS({
+            printable: "print-card-info-one",
+            type: "html",
+            style: style,
+            scanStyles: false
+          });
+        }, 1);
+      },
+ 
   created() {
     this.getAllSubregion();
     this.getAllRepair();