62 lines
1.5 KiB
Vue
62 lines
1.5 KiB
Vue
<template>
|
|
<vue-scroll class="specialCheck">
|
|
<div class="flex">
|
|
<img src="@/assets/images/firmNotice/jxxj_l.png" @click="btn(1)" class="left_img"/>
|
|
<img src="@/assets/images/firmNotice/jxxj_r.png" @click="btn(2)" class="right_img"/>
|
|
</div>
|
|
<el-dialog :modal-append-to-body="false" :visible.sync="dialogVisible" width="350px">
|
|
<img width="100%" height="auto" :src="dialogImageUrl" @click="btn(3)" alt="">
|
|
</el-dialog>
|
|
|
|
</vue-scroll>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data(){
|
|
return{
|
|
dialogVisible:false,
|
|
dialogImageUrl:'',
|
|
}
|
|
},
|
|
methods:{
|
|
btn(type){
|
|
if(type==1){
|
|
this.dialogVisible = true;
|
|
this.dialogImageUrl = require('@/assets/images/firmNotice/jxxj_edit.png')
|
|
}else if(type==2){
|
|
this.dialogVisible = true;
|
|
this.dialogImageUrl = require('@/assets/images/firmNotice/jxxj_save.png')
|
|
}else{
|
|
this.dialogVisible = false;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.flex{
|
|
display: flex;
|
|
}
|
|
.specialCheck{
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
margin-top: 12px;
|
|
.left_img{
|
|
width: auto;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
margin-right: 12px;
|
|
}
|
|
.right_img{
|
|
width: 100%;
|
|
height: auto;
|
|
cursor: pointer;
|
|
}
|
|
/deep/ .el-dialog__body{
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
</style> |