feat: 添加客服微信功能和页面优化

api/upnew/index.ts

@@ -73,3 +73,10 @@ export const recommendTop = (params: recommendTopReq) => {
 export const homeLabel = () => {
   return useFetchRequest.get<IResponse<ProjectDictNodeVO[]>>('/prod-api/app-api/business/app/dict/index-tab')
 }
+
+/**
+ * 获取客服微信
+ */
+export const getWechat = () => {
+  return useDollarFetchRequest.get<IResponse<string>>('/prod-api/app-api/system/index-setting/kefu-wechat')
+}

pages/upnew/components/Preview.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ml-[23px] box-border min-h-[930px] w-[516px] border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[33px] py-[22px]">
+  <div class="ml-[23px] box-border min-h-[930px] 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">
         预览
@@ -11,22 +11,29 @@
     > -->
     <!-- <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" />
+      <!-- <img src="~/assets/images/tip.png" width="20px" height="20px" /> -->
-      <span class="ml-[7px] text-[18px] text-[#333333] font-normal"> 上传遇到问题可以咨询 </span>
+      <span class="ml-[7px] text-[16px] text-[#666] font-normal">tips：遇到上传问题可以咨询 </span>
     </div>
-    <div class="mt-[20px] text-center"><el-image src="https://picsum.photos/290/290?_t" alt="" srcset="" class="h-[290px] w-[290px]" /></div>
+    <div class="mt-[20px] text-center">
-    <div class="mt-[30px] text-center text-[16px] text-[#333333] font-normal">
+      <qrcode-vue :value="wechatData" :size="200" level="H" class="mt-[10px]" />
+      <!-- <el-image src="https://picsum.photos/290/290?_t" 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> -->
   </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>

pages/upnew/index.vue

@@ -3,7 +3,7 @@
   <KlNavTab />
   <!-- 发布图纸 -->
   <div class="ma-auto mt-[30px] w-[1440px] flex">
-    <div class="w-[900px]">
+    <div class="w-[1016px]">
       <el-form ref="formRef" :model="form" label-width="120px">
         <!-- 图纸分类 -->
         <DrawType ref="drawTypeRef" v-model="form" />
@@ -93,11 +93,14 @@
             if (code === 0) {
               // 弹窗提示
               ElMessage.success('操作成功')
-              router.back()
+              // 跳转页面
-              // 关闭弹窗
+              if (form.type === 1) {
-              // setTimeout(() => {
+                navigateTo('/drawe')
-              //   window.close()
+              } else if (form.type === 2) {
-              // }, 300)
+                navigateTo('/text')
+              } else if (form.type === 3) {
+                navigateTo('/model')
+              }
             }
           })
           .finally(() => {