添加缩放按钮

src/views/basicData/operationDcManagement/index.vue

@@ -7,7 +7,10 @@
      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%;'>
+      <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 60px;" @click="showSize=b" >大</div>
+       <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 90px;" @click="showSize=m" >中</div>
+        <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 120px;" @click="showSize=s" >小</div>
+           <div :style="showSize" style='height: 85vh;width: 100%;'>
              <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
            </div>
     
@@ -122,6 +125,10 @@
     },
     data() {
       return{
+        showSize:'transform:scale(0.36)',
+        s:'transform:scale(0.36)',
+        m:'transform:scale(0.6)',
+        b:'transform:scale(0.9)',
          numPages:1,
         show:false,
         isupLoad:false,

src/views/basicData/securityDocumentManagement/index.vue

@@ -7,7 +7,10 @@
      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%;'>
+       <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 60px;" @click="showSize=b" >大</div>
+        <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 90px;" @click="showSize=m" >中</div>
+         <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 120px;" @click="showSize=s" >小</div>
+            <div :style="showSize" style='height: 85vh;width: 100%;'>
               <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
             </div>
 
@@ -123,6 +126,10 @@
     },
     data() {
       return{
+        showSize:'transform:scale(0.36)',
+        s:'transform:scale(0.36)',
+        m:'transform:scale(0.6)',
+        b:'transform:scale(0.9)',
          numPages:1,
         show:false,
         isupLoad:false,

src/views/contingency/contingencyManager/index.vue

@@ -6,8 +6,12 @@
      :visible.sync="show"
      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%;'>
+       <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 60px;" @click="showSize=b" >大</div>
+        <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 90px;" @click="showSize=m" >中</div>
+         <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 120px;" @click="showSize=s" >小</div>
+            <div :style="showSize" style='height: 85vh;width: 100%;'>
               <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
             </div>
 
@@ -120,6 +124,10 @@
     },
     data() {
       return{
+        showSize:'transform:scale(0.36)',
+        s:'transform:scale(0.36)',
+        m:'transform:scale(0.6)',
+        b:'transform:scale(0.9)',
         numPages:1,
         show:false,
         isupLoad:false,

src/views/daily/nros/index.vue

@@ -7,7 +7,10 @@
      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%;'>
+      <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 60px;" @click="showSize=b" >大</div>
+       <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 90px;" @click="showSize=m" >中</div>
+        <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 120px;" @click="showSize=s" >小</div>
+           <div :style="showSize" style='height: 85vh;width: 100%;'>
              <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
            </div>
     
@@ -122,6 +125,10 @@
     },
     data() {
       return{
+        showSize:'transform:scale(0.36)',
+        s:'transform:scale(0.36)',
+        m:'transform:scale(0.6)',
+        b:'transform:scale(0.9)',
          numPages:1,
         show:false,
         isupLoad:false,

src/views/outsourcingDirector/approve/index.vue

@@ -7,7 +7,10 @@
      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%;'>
+       <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 60px;" @click="showSize=b" >大</div>
+        <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 90px;" @click="showSize=m" >中</div>
+         <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 120px;" @click="showSize=s" >小</div>
+            <div :style="showSize" style='height: 85vh;width: 100%;'>
               <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
             </div>
 
@@ -16,7 +19,7 @@
      			left: 50%;
      			top: 50%;;
      			transform: translate(-50%,-50%);
-" border="0" >
+     " border="0" >
           </div>
    </el-dialog>
     <div id='approvefileAdd'  style="display: none;" >
@@ -121,6 +124,10 @@
     },
     data() {
       return{
+        showSize:'transform:scale(0.36)',
+        s:'transform:scale(0.36)',
+        m:'transform:scale(0.6)',
+        b:'transform:scale(0.9)',
         numPages:1,
         show:false,
         isupLoad:false,

src/views/outsourcingDirector/declare/index.vue

@@ -8,7 +8,10 @@
     >
 
    <div ref='show' v-if="show" style="height: 85vh;width: 100%;position: relative;">
-            <div style='transform:scale(0.36);height: 85vh;width: 100%;'>
+     <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 60px;" @click="showSize=b" >大</div>
+      <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 90px;" @click="showSize=m" >中</div>
+       <div v-if="showType=='pdf'"  style="color: #d9d9d9;font-size: 16px;position: fixed;right: 50px;cursor: pointer;top: 120px;" @click="showSize=s" >小</div>
+          <div :style="showSize" style='height: 85vh;width: 100%;'>
             <pdf  ref="show" v-if="showType=='pdf'"   v-for="i in numPages" :key="i"  :src="url" :page="i" ></pdf>
           </div>
    
@@ -123,6 +126,10 @@
     },
     data() {
       return{
+        showSize:'transform:scale(0.36)',
+        s:'transform:scale(0.36)',
+        m:'transform:scale(0.6)',
+        b:'transform:scale(0.9)',
          numPages:1,
         show:false,
         isupLoad:false,