his介入页量表打印样式

src/css/informationOut.css

@@ -0,0 +1,100 @@
+
+@media print {
+  body{
+    background: #ffffff;
+    overflow-y: hidden;
+  }
+  #Print{
+    overflow-y: hidden;
+    background: #fff;
+  }
+
+  .scaletitle{
+    display: block;
+  }
+  .info_left{
+    width: 527px;
+    margin:30px auto;
+    display: block;
+    overflow: hidden;
+    border:1px solid #D8D8D8;
+  }
+  .contentList{
+    max-width: 100%;
+    border-bottom: 1PX solid #F3F3F3;
+    margin-bottom: 6px;
+  }
+  .item-list{
+    padding: 0 21px;
+  }
+  .item-title,.item-titles{
+    font-size: 14px;
+    font-weight: 400;
+    color: #333333;
+    line-height: 20px;
+    margin-top: 14px;
+  }
+  .item-content{
+    margin: 10px 0;
+    display: inline-block;
+  }
+  .radio {
+    display: flex;
+    margin: 5px;
+    margin-right: 25px;
+    float: left;
+  } 
+  label{
+    font-weight: 400;
+    color: #666666;
+    line-height: 20px;
+  }
+  label> input{
+    margin-right: 6px;
+  }
+  .num{
+    margin-left: 10px;
+  }
+  .recommend{
+    width: 18px;
+    height: 18px;
+  }
+  .result{
+    background: #EDFAFF;
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: 500;
+    color: #333333;
+    display: none;
+    margin: 0;
+    text-align: center;
+  }
+  .result_box{
+    margin:0;
+    display: inline-block;
+  }
+  .result_left{
+    display: flex;
+  }
+  .result_left>span{
+    display: block;
+    width: 250px;
+  }
+  .hel{
+    width: 21px;
+    height: 21px;
+    background: #2C96E5;
+    border-radius: 50%;
+    color: #fff;
+    font-size: 12px;
+    vertical-align: middle;
+    margin-right: 9px;
+    float: left;
+  }
+  .name,.card{
+    border-top: none;
+  }
+  .name,.age,.sex,.cards{
+    border-left: none;
+  }
+}

src/css/informationOut.less

@@ -432,6 +432,7 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
         margin: 5px;
         margin-right: 25px;
         float: left;
+        word-wrap: break-word;
         label{
           font-weight: 400;
           color: #666666;
@@ -506,9 +507,7 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
         margin-right: 9px;
         float: left;
       }
-      .result_title{
-        float: left;
-      }
+      
     }
   }
   
@@ -567,7 +566,6 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
 #Print{
   width: 100%!important;
   overflow-x: hidden;
-  overflow: auto;
 }
 .scale{
   .infos-box{
@@ -585,10 +583,9 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
 }
 .info_left {
   width: 527px;
-  margin: auto;
+  margin:30px auto;
   display: none;
   overflow: hidden;
-  margin-top: 10px;
   border:1px solid #D8D8D8;
   li {
     width: 50%;
@@ -601,12 +598,6 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
     float: left;
     border-bottom: none;
   }
-  &:nth-child(1) {
-    border-top: none;
-  }
-  &:nth-child(odd) {
-    border-left: none;
-  }
   .name,.card{
     border-top: none;
   }

src/css/print.css

@@ -5,19 +5,24 @@
     overflow-y: hidden;
   }
   #Print{
-    overflow-y: hidden
+    overflow-y: hidden;
+    background: #fff;
   }
 
   .scaletitle{
     display: block;
   }
   .info_left{
+    width: 527px;
+    margin:30px auto;
     display: block;
+    overflow: hidden;
+    border:1px solid #D8D8D8;
   }
   .contentList{
-  max-width: 100%;
-  border-bottom: 1PX solid #F3F3F3;
-  margin-bottom: 6px;
+    max-width: 100%;
+    border-bottom: 1PX solid #F3F3F3;
+    margin-bottom: 6px;
   }
   .item-list{
     padding: 0 21px;

src/css/staticInfo.less

@@ -522,10 +522,9 @@
 }
 .info_left {
   width: 527px;
-  margin: auto;
+  margin:30px auto;
   display: none;
   overflow: hidden;
-  margin-top: 10px;
   border:1px solid #D8D8D8;
   li {
     width: 50%;
@@ -538,12 +537,6 @@
     float: left;
     border-bottom: none;
   }
-  &:nth-child(1) {
-    border-top: none;
-  }
-  &:nth-child(odd) {
-    border-left: none;
-  }
   .name,.card{
     border-top: none;
   }

src/js/informationOut.js

@@ -7,6 +7,7 @@ if (!Promise) {
   })
 }
 require('../css/informationOut.less')
+require('../css/informationOut.css')
 const {
   post,
   throttle,