|
@@ -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>
|