Files
front-pc/pages/upnew/components/Preview.vue
2025-09-08 10:31:28 +08:00

40 lines
1.7 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="ml-[23px] box-border h-[400px] w-[400px] border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[33px] py-[22px]">
<!-- <div class="flex items-center">
<img src="~/assets/images/preview.png" alt="" srcset="" width="16px" height="19px" /><span class="ml-[7px] text-[18px] text-[#333333] font-normal">
预览
</span>
</div> -->
<!-- <div class="mt-[20px]">
<el-image :src="previewUrl" class="mb-[16px] max-h-[320px] max-w-[460px] min-h-[200px]" fit="contain"></el-image>
<span class="text-[16px] text-[#333333] font-normal">{{ previewName || '图纸标题' }}</span></div
> -->
<!-- <div class="my-[30px] h-[1px] w-[460px] rounded-[1px] bg-[#EEEEEE]"></div> -->
<div class="flex items-center">
<!-- <img src="~/assets/images/tip.png" width="20px" height="20px" /> -->
<span class="ml-[7px] text-[16px] text-[#666] font-normal">tips遇到上传问题可以咨询 </span>
</div>
<div class="mt-[20px] text-center">
<!-- <qrcode-vue :value="wechatData" :size="200" level="H" class="mt-[10px]" /> -->
<el-image :src="wechatData" alt="" srcset="" class="h-[290px] w-[290px]" />
</div>
<!-- <div class="mt-[30px] text-center text-[16px] text-[#333333] font-normal">
<div>TEL13315189735 </div>
<div class="mt-[4px]">在线时间8:30-18:00</div>
</div> -->
</div>
</template>
<script setup lang="ts">
// import QrcodeVue from 'qrcode.vue'
import { getWechat } from '~/api/upnew/index'
const previewUrl = defineModel<string>('previewUrl', {
required: true,
})
const previewName = defineModel<string>('previewName', {
required: true,
})
const { data: wechatData } = await getWechat()
</script>