111

web/src/utils/print.js

@@ -36,6 +36,7 @@ Print.prototype = {
     }
     str += "<style>" + (this.options.noPrint ? this.options.noPrint : '.no-print') + "{display:none;}</style>";
     str += "<style>html,body,div{height: auto!important;font-size:14px}</style>";
+    console.log(str)
     return str;
   },
 

web/src/view/problemInfo/proInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="show" id="print"  ref="print">
+  <div class="show" id="print"  ref="print" style="width: 100%">
     <div class="no-print" style="text-align: center">
       <el-button class="no-print" type="small" style="float: bottom" icon="el-icon-download" size="mini" @click="printBtn">打印保存页面</el-button>
     </div>
@@ -27,13 +27,13 @@
       </el-card>
       <el-card class="box-card">
         <el-descriptions title="问题图片/视频" direction="vertical" :column="1">
-          <el-descriptions-item label="问题图片">
+          <el-descriptions-item class="img" label="问题图片">
             <span v-show="formData.imgList.length<1">无图片</span>
             <img
                 v-for="img in formData.imgList"
-                style="width: 260px; height: 240px;padding-left: 1px"
+                style="width: 30%; height: 240px;padding-left: 1%"
                 :src="img"
-            >
+            />
           </el-descriptions-item>
           <el-descriptions-item label="问题视频">
             <span v-show="formData.video.length<1">无视频</span>
@@ -54,10 +54,10 @@
         <el-descriptions title="处理结果" :column="1" border direction="vertical">
           <el-descriptions-item label="处理人">{{ formData.handler }}</el-descriptions-item>
           <el-descriptions-item label="处理内容">{{ formData.handText }}</el-descriptions-item>
-          <el-descriptions-item label="处理图片">
+          <el-descriptions-item label="处理图片" class="img" >
             <img
                 v-for="img in formData.handImgList"
-                style="width: 260px; height: 240px;padding-left: 1px"
+                style="width: 30%; height: 240px;padding-left: 1%"
                 :src="img"
             />
           </el-descriptions-item>