<template>
    <div>
        <!-- <el-button type="text" @click="showDialog">{{scope.row.emmap || scope.row.customSql}}</el-button> -->
        <img @click="showDialog" style="width: 80px;" :src="scope.row.photo" />
        <el-dialog
                title="全部"
                :modal="false"
                :visible.sync="dialogVisible"
                width="40%">
            <img style="width: 100%;overflow: auto" :src="scope.row.photo" />
        </el-dialog>
    </div>
</template>

<script type="text/javascript">
    export default {
        data () {
            return {
                dialogVisible: false
            }
        },
        props:{
            scope: {
                default: null
            },
        },
        methods:{
            showDialog () {
                this.dialogVisible = !this.dialogVisible
            }
        }

    }
</script>

<style scoped>

</style>
