<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>TEL：13315189735 </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>
