ソースを参照

放大缩小功能添加

lichao 3 年 前
コミット
e69976438e
1 ファイル変更19 行追加0 行削除
  1. 19 0
      src/views/Warehousing/components/upLoad.vue

+ 19 - 0
src/views/Warehousing/components/upLoad.vue

@@ -128,8 +128,18 @@
     <el-dialog
         width="80%"
         title="附件"
+        :fullscreen="dialogFull"
         :visible.sync="innerVisible"
         append-to-body>
+      <template slot="title">
+        <span class="el-dialog__title">
+          <span style="display:inline-block;background-color: #3478f5;width:3px;height:20px;margin-right:5px; float: left;margin-top:2px"></span>
+          附件
+        </span>
+        <div class="size-change" @click="dialogFull? dialogFull=false: dialogFull=true">
+          <i class="el-icon-full-screen"></i>
+        </div>
+      </template>
       <div style="width: 50%;height: 50%;margin: 0 auto">
         <img :src="url" alt="" style="width: 100%;height: 100%;">
       </div>
@@ -159,6 +169,7 @@ export default {
     return {
       innerVisible:false,
       url:'',
+      dialogFull: false,
       headers: {
         Authorization: "Bearer " + getToken(),
       },
@@ -222,4 +233,12 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.size-change {
+  float: right;
+  margin-right: 20px;
+  cursor:pointer;
+}
+.size-change:hover {
+  color: #00afff;
+}
 </style>