|
@@ -255,27 +255,27 @@
|
|
|
style="display: inline-block; margin: 5px"
|
|
|
v-if='accessoryimages.businessLicenseAddressUrl'
|
|
|
>
|
|
|
- <img width="100" height="100" :src="accessoryimages.businessLicenseAddressUrl" alt="" />
|
|
|
+ <img @click='magnify(accessoryimages.businessLicenseAddressUrl)' width="100" height="100" :src="accessoryimages.businessLicenseAddressUrl" alt="" />
|
|
|
</div>
|
|
|
<div
|
|
|
style="display: inline-block; margin: 5px"
|
|
|
>
|
|
|
- <img width="100" height="100" :src="accessoryimages.cardAddressUrl" alt="" />
|
|
|
+ <img @click='magnify(accessoryimages.cardAddressUrl)' width="100" height="100" :src="accessoryimages.cardAddressUrl" alt="" />
|
|
|
</div>
|
|
|
<div
|
|
|
style="display: inline-block; margin: 5px"
|
|
|
>
|
|
|
- <img width="100" height="100" :src="accessoryimages.cardAddressUrl1" alt="" />
|
|
|
+ <img @click='magnify(accessoryimages.cardAddressUrl1)' width="100" height="100" :src="accessoryimages.cardAddressUrl1" alt="" />
|
|
|
</div>
|
|
|
<div
|
|
|
style="display: inline-block; margin: 5px"
|
|
|
>
|
|
|
- <img width="100" height="100" :src="accessoryimages.payeeAddressUrl" alt="" />
|
|
|
+ <img @click='magnify(accessoryimages.payeeAddressUrl)' width="100" height="100" :src="accessoryimages.payeeAddressUrl" alt="" />
|
|
|
</div>
|
|
|
<div
|
|
|
style="display: inline-block; margin: 5px"
|
|
|
>
|
|
|
- <img width="100" height="100" :src="accessoryimages.payeeAddressUrl1" alt="" />
|
|
|
+ <img @click='magnify(accessoryimages.payeeAddressUrl1)' width="100" height="100" :src="accessoryimages.payeeAddressUrl1" alt="" />
|
|
|
</div>
|
|
|
</WinseaContentModal>
|
|
|
<WinseaContentModal
|
|
@@ -284,8 +284,11 @@
|
|
|
@on-cancel="handleClose1"
|
|
|
>
|
|
|
<p>查看附件</p>
|
|
|
- <img width="100" height="100" :src="accessurl" alt="" />
|
|
|
+ <img @click='magnify(item)' width="100" height="100" :src="accessurl" alt="" />
|
|
|
</WinseaContentModal>
|
|
|
+ <div @click='colseshade' class='shade' v-if='wrapstatus'>
|
|
|
+ <img style='width:60%;' :src="imgUrl" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -322,6 +325,7 @@ export default {
|
|
|
tableDate: [],
|
|
|
// 是否显示
|
|
|
showType: true,
|
|
|
+ wrapstatus:false,
|
|
|
// 年
|
|
|
year: '',
|
|
|
accessoryimages:{},
|
|
@@ -385,6 +389,13 @@ export default {
|
|
|
this.showType = this.isShow
|
|
|
},
|
|
|
methods: {
|
|
|
+ magnify(item){
|
|
|
+ this.wrapstatus=true
|
|
|
+ this.imgUrl=item
|
|
|
+ },
|
|
|
+ colseshade(){
|
|
|
+ this.wrapstatus=false
|
|
|
+ },
|
|
|
expandsHandle(row) {
|
|
|
row.expandsStatus = !row.expandsStatus
|
|
|
this.$refs.expandstable.toggleRowExpansion(row)
|
|
@@ -685,4 +696,22 @@ export default {
|
|
|
/deep/.el-table td {
|
|
|
border-right: 1px solid #eee;
|
|
|
}
|
|
|
+.shade{
|
|
|
+background:rgba(0,0,0,0.1);
|
|
|
+position:fixed;
|
|
|
+width:100%;
|
|
|
+height:100%;
|
|
|
+top:0;left:0;
|
|
|
+z-index:1026;
|
|
|
+text-align:center;
|
|
|
+overflow: scroll;
|
|
|
+}
|
|
|
+.shade img{
|
|
|
+ position:absolute;
|
|
|
+ top:0;
|
|
|
+ left:0;
|
|
|
+ bottom:0;
|
|
|
+ right:0;
|
|
|
+ margin:auto;
|
|
|
+}
|
|
|
</style>
|