img自适应宽高比，pdf缩放

src/views/basicData/operationDcManagement/index.vue

@@ -6,10 +6,17 @@
      :visible.sync="show"
      width="100%"
     >
-     <div ref='show' v-if="show" style="height: 85vh;width: 100%">
+    <div ref='show' v-if="show" style="height: 85vh;width: 100%;position: relative;">
+           <div style='transform:scale(0.36);height: 85vh;width: 100%;'>
              <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
+           </div>
+    
          <!-- 	<iframe v-if="showType=='pdf'" :src="url"  width="100%" height="100%" border="0"></iframe> -->
-   	<img v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  width="100%" height="100%" border="0" >
+       	<img  v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  style="max-height: 100%;position: absolute;
+    			left: 50%;
+    			top: 50%;;
+    			transform: translate(-50%,-50%);
+    " border="0" >
          </div>
    </el-dialog>
     <div id='bzzywdfileAdd'  style="display: none;" >

src/views/basicData/securityDocumentManagement/index.vue

@@ -6,10 +6,17 @@
      :visible.sync="show"
      width="100%"
     >
-     <div ref='show' v-if="show" style="height: 85vh;width: 100%">
+  <div ref='show' v-if="show" style="height: 85vh;width: 100%;position: relative;">
+         <div style='transform:scale(0.36);height: 85vh;width: 100%;'>
            <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
+         </div>
+  
        <!-- 	<iframe v-if="showType=='pdf'" :src="url"  width="100%" height="100%" border="0"></iframe> -->
-   	<img v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  width="100%" height="100%" border="0" >
+     	<img  v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  style="max-height: 100%;position: absolute;
+  			left: 50%;
+  			top: 50%;;
+  			transform: translate(-50%,-50%);
+  " border="0" >
        </div>
    </el-dialog>
     <div id='aqwdfileAdd'  style="display: none;" >

src/views/contingency/contingencyManager/index.vue

@@ -6,10 +6,17 @@
      :visible.sync="show"
      width="100%"
     >
-     <div v-if="show" style="height: 85vh;width: 100%">
-     	<!-- <iframe v-if="showType=='pdf'" :src="url"  width="100%" height="100%" border="0"></iframe> -->
+     <div ref='show' v-if="show" style="height: 85vh;width: 100%;position: relative;">
+            <div style='transform:scale(0.36);height: 85vh;width: 100%;'>
               <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
-   	<img v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  width="100%" height="100%" border="0" >
+            </div>
+     
+          <!-- 	<iframe v-if="showType=='pdf'" :src="url"  width="100%" height="100%" border="0"></iframe> -->
+        	<img  v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  style="max-height: 100%;position: absolute;
+     			left: 50%;
+     			top: 50%;;
+     			transform: translate(-50%,-50%);
+     " border="0" >
           </div>
    </el-dialog>
     <div id='approvefileAdd'  style="display: none;" >

src/views/daily/nros/index.vue

@@ -6,10 +6,17 @@
      :visible.sync="show"
      width="100%"
     >
-     <div ref="show" v-if="show" style="height: 85vh;width: 100%">
+    <div ref='show' v-if="show" style="height: 85vh;width: 100%;position: relative;">
+           <div style='transform:scale(0.36);height: 85vh;width: 100%;'>
              <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
+           </div>
+    
          <!-- 	<iframe v-if="showType=='pdf'" :src="url"  width="100%" height="100%" border="0"></iframe> -->
-   	<img v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  width="100%" height="100%" border="0" >
+       	<img  v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  style="max-height: 100%;position: absolute;
+    			left: 50%;
+    			top: 50%;;
+    			transform: translate(-50%,-50%);
+    " border="0" >
          </div>
    </el-dialog>
     <div id='approvefileAdd'  style="display: none;" >

src/views/outsourcingDirector/approve/index.vue

@@ -6,10 +6,17 @@
      :visible.sync="show"
      width="100%"
     >
-     <div ref='show' v-if="show" style="height: 85vh;width: 100%">
+     <div ref='show' v-if="show" style="height: 85vh;width: 100%;position: relative;">
+       <div style='transform:scale(0.36);height: 85vh;width: 100%;'>
          <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
+       </div>
+
      <!-- 	<iframe v-if="showType=='pdf'" :src="url"  width="100%" height="100%" border="0"></iframe> -->
-   	<img v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  width="100%" height="100%" border="0" >
+   	<img  v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  style="max-height: 100%;position: absolute;
+			left: 50%;
+			top: 50%;;
+			transform: translate(-50%,-50%);
+" border="0" >
      </div>
    </el-dialog>
     <div id='approvefileAdd'  style="display: none;" >

src/views/outsourcingDirector/declare/index.vue

@@ -7,10 +7,17 @@
      width="100%"
     >
 
-     <div v-if="show" style="height: 85vh;width: 100%">
-     <!-- 	<iframe  v-if="showType=='pdf'" :src="url"  width="100%" height="100%" border="0"></iframe> -->
+     <div ref='show' v-if="show" style="height: 85vh;width: 100%;position: relative;">
+            <div style='transform:scale(0.36);height: 85vh;width: 100%;'>
               <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
-   	<img v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  width="100%" height="100%" border="0" >
+            </div>
+     
+          <!-- 	<iframe v-if="showType=='pdf'" :src="url"  width="100%" height="100%" border="0"></iframe> -->
+        	<img  v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url"  style="max-height: 100%;position: absolute;
+     			left: 50%;
+     			top: 50%;;
+     			transform: translate(-50%,-50%);
+     " border="0" >
           </div>
    </el-dialog>
     <div id='approvefileAdd'  style="display: none;" >