<template>
  <div v-if="show">
    <el-dialog
      v-model="show" title="" :close-on-click-modal="true" width="80%"
      align-center @close="close"
    >
      <div>
        <el-image style="width: 100%;" :src="fillImgUrl(url)" fit="fit" />
      </div>
    </el-dialog>
  </div>

</template>

<script setup >
import { ref } from 'vue'
const url = ref()
const show = ref(false)

function close() {
  show.value = false
  url.value = null
}

function open(row) {
  url.value = row
  show.value = true
}

defineExpose({
  open
})
</script>


<style scoped lang="scss">

</style>