This commit is contained in:
fyy
2025-08-29 16:03:00 +08:00
5 changed files with 163 additions and 182 deletions

View File

@@ -1,13 +1,12 @@
<script setup lang="ts">
import { ref } from 'vue';
import { Empty } from "ant-design-vue";
import { Empty } from 'ant-design-vue';
import { useVbenModal } from '@vben/common-ui';
const emit = defineEmits<{ reload: [] }>();
const picture1 = ref('')
const picture2 = ref('')
const picture1 = ref('');
const picture2 = ref('');
// const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
// {
// initializedGetter: defaultFormValueGetter(formApi),
@@ -26,9 +25,9 @@ const [BasicModal, modalApi] = useVbenModal({
return null;
}
modalApi.modalLoading(true);
const {data} = modalApi.getData() as { data:any };
const { data } = modalApi.getData() as { data: any };
picture1.value = data.voucherUrl;
picture2.value = data.pictureUrl
picture2.value = data.pictureUrl;
modalApi.modalLoading(false);
},
});
@@ -44,31 +43,44 @@ async function handleConfirm() {
modalApi.lock(false);
}
}
async function handleClosed() {
}
async function handleClosed() {}
</script>
<template>
<BasicModal title="抓拍图片">
<div class="detail-wrapper">
<div class="detail-grid">
<div class="detail-card">
<img class="detail-thumb" :src="picture1"></img>
<div class="detail-caption">人脸凭证照片</div>
<div class="detail-grid">
<div class="detail-card">
<img v-if="picture1" class="detail-thumb" :src="picture1" />
<Empty
v-else
class="detail-thumb"
:image="Empty.PRESENTED_IMAGE_SIMPLE"
description="暂无数据"
/>
<div class="detail-caption">人脸凭证照片</div>
</div>
<div class="detail-card">
<Empty
class="detail-thumb"
:image="Empty.PRESENTED_IMAGE_SIMPLE"
description="暂无数据"
/>
<div class="detail-caption">监控设备抓拍</div>
</div>
<div class="detail-card">
<img v-if="picture2" class="detail-thumb" :src="picture2" />
<Empty
v-else
class="detail-thumb"
:image="Empty.PRESENTED_IMAGE_SIMPLE"
description="暂无数据"
/>
<div class="detail-caption">人脸门禁抓拍</div>
</div>
</div>
</div>
<div class="detail-card">
<Empty class="detail-thumb" :image="Empty.PRESENTED_IMAGE_SIMPLE"
description="暂无数据" />
<div class="detail-caption">监控设备抓拍</div>
</div>
<div class="detail-card">
<img class="detail-thumb" :src="picture2"></img>
<div class="detail-caption">人脸门禁抓拍</div>
</div>
</div>
</div>
</BasicModal>
</BasicModal>
</template>
<style scoped>