refactor: 调整预览组件高度样式

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/DrawForm.vue

@@ -29,7 +29,7 @@
         },
       ]"
     >
-      <el-input v-model="form.title" placeholder="请输入标题" minlength="20" maxlength="50"></el-input>
+      <el-input v-model="form.title" placeholder="20-50 字符，结构可用分类关键词+作品名/资源价值版本/使用场景" minlength="20" maxlength="50"></el-input>
     </el-form-item>
     <el-form-item
       label-width="110px"
@@ -79,7 +79,7 @@
       :prop="`${props.vaildRules}.points`"
       :rules="{ required: true, message: '金币设置分销为0-15,设置0金币为专属资源可直接获利2-15金币', trigger: ['blur', 'change'] }"
     >
-      <el-input-number v-model="form.points" :controls="false" :precision="0" :min="0" placeholder="请输入金币" class="w-[100%]! text-left!"></el-input-number>
+      <el-input-number v-model="form.points" :controls="false" :precision="0" :min="0" placeholder="金币设置分销为0-15,设置0金币为专属资源可直接获利2-15金币" class="w-[100%]! text-left!"></el-input-number>
     </el-form-item>
     <!-- <el-form-item
       label-width="110px"
@@ -153,7 +153,7 @@
         },
       ]"
     >
-      <el-input v-model="form.description" type="textarea" :rows="6" placeholder="请输入描述" minlength="60" maxlength="150" show-word-limit></el-input>
+      <el-input v-model="form.description" type="textarea" :rows="6" placeholder="简介字数限制60-150 字符，需包含用途、文件介绍、适用场景等" minlength="60" maxlength="150" show-word-limit></el-input>
     </el-form-item>
   </div>
 </template>

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 h-[330px] 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" />
-      <span class="ml-[7px] text-[18px] text-[#333333] font-normal"> 上传遇到问题可以咨询 </span>
+      <!-- <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"><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 class="mt-[20px] text-center">
+      <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()
-              // 关闭弹窗
-              // setTimeout(() => {
-              //   window.close()
-              // }, 300)
+              // 跳转页面
+              if (form.type === 1) {
+                navigateTo('/drawe')
+              } else if (form.type === 2) {
+                navigateTo('/text')
+              } else if (form.type === 3) {
+                navigateTo('/model')
+              }
             }
           })
           .finally(() => {