<template>
  <div>
    <a-modal title="随申码" width="1000px" :visible="visible" @cancel="handleCancel" :footer="null">
      <a-row :gutter="20">
        <a-col :span="8">
          <img v-if="withCode.facePhotos" class="facePhotos" :src="withCode.facePhotos" alt="" />
        </a-col>
        <a-col :span="8">
          <img v-if="withCode.photo1" class="facePhotos" :src="withCode.photo1" alt="" />
        </a-col>
        <a-col :span="8">
          <img v-if="withCode.photo2" class="facePhotos" :src="withCode.photo2" alt="" />
        </a-col>
      </a-row>
    </a-modal>
  </div>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
    withCode: {
      type: Object,
      default: () => {},
    },
  },
  methods: {
    handleCancel() {
      this.$parent.isShowWithCode()
    },
  },
}
</script>

<style scoped>
.facePhotos {
  width: 100%;
}
</style>
