添加联系我们页面

src/views/FileUploadChange.vue

@@ -79,13 +79,20 @@ const onSuccess = (
     uploadFile: UploadFile,
     uploadFiles: UploadFiles
 ) => {
+
   console.log(response, "response");
   filePath.value = response.file_path;
   emit('success')
 };
 const onError = error => {
-  console.log(error)
-  ElMessage.warning("上传失败");
+  let msg = '上传失败'
+  try {
+    msg = JSON.parse(error.message).detail
+  } catch (e) {
+
+  }
+  console.log({e: error})
+  ElMessage.warning(msg);
 };
 onMounted(() => {
 });

src/views/HomeView.vue

@@ -39,6 +39,7 @@
                         <div class="flex-1">
                           <el-table :data="data.files" border style="--el-table-header-bg-color: #f5f5f5;height: 100%;">
                             <el-table-column label="需求文件" align="center"
+                                             width="180"
                                              prop="receive_subject_file.name">
                               <template #default="{row}">
                                 <div class="underline hover:text-blue-600 cursor-pointer"
@@ -96,8 +97,25 @@
                 </div>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="联系" name="concat">
-              联系
+            <el-tab-pane label="联系" name="concat" class="h-full">
+              <div class="flex flex-row h-full contact justify-center">
+                <div class="contact-card">
+                  <p class="mx-6 my-2" style="font-size: 0.9rem">尊敬的{{data.sender_company}}，您好</p>
+                  <p class="mx-6 my-2" style="font-size: 0.9rem">若您在提交文件时遇到问题，可联系我们的对接人员协助您</p>
+                  <div>
+                    <span>联系人</span><span>{{ contactInfo.name }}</span>
+                  </div>
+                  <div>
+                    <span>邮箱号</span><span>{{ contactInfo.email }}</span>
+                  </div>
+                  <div>
+                    <span>企业微信二维码</span><span>{{ contactInfo.qrcode }}</span>
+                  </div>
+                </div>
+<!--                <div class="flex-1 flex justify-center items-center">-->
+<!--                  <img :src="contact">-->
+<!--                </div>-->
+              </div>
             </el-tab-pane>
           </el-tabs>
           <div class="ml-auto flex gap-6 absolute top-3 right-0"
@@ -183,6 +201,7 @@ import {api} from "@/common/api";
 import {dayjs, ElMessage} from "element-plus";
 import codeCardBg from "@/assets/code-card-bg.svg"
 import bg404 from "@/assets/4041.svg"
+import contact from "@/assets/contact.svg"
 import type {Order, ReceiveFile, ReceiveSubjectFile} from "@/views/types";
 import FileUploadChange from "@/views/FileUploadChange.vue";
 
@@ -193,6 +212,7 @@ const codeTemp = ref('')
 const inited = ref(false)
 const activePane = ref<'receive' | 'concat'>('receive')
 const checked = ref(false)
+const contactInfo = ref({name: "", email: '', qrcode: ''})
 const authCode = ref({urlCode: '', code: ''})
 const templateFileSelect = ref<ReceiveSubjectFile>({})
 watch(() => route.fullPath, () => {
@@ -341,7 +361,7 @@ function downFile(row: ReceiveFile) {
   margin: 0.5rem;
   border-radius: 0.5rem;
   color: #4d4d4d;
-  min-width: 58rem;
+  min-width: 62rem;
   font-size: 0.9rem;
   background: white;
 }
@@ -393,4 +413,34 @@ function downFile(row: ReceiveFile) {
 .el-form-item__label {
   font-weight: bold;
 }
+
+.contact {
+  background-image: url("@/assets/contact.svg");
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
+
+.contact-card {
+  background: white;
+  border: 1px solid #a9aeff;
+  box-shadow: 0px 1px 6px 2px #9595957a;
+  border-radius: 1rem;
+  padding: 1rem;
+  padding-top: 2rem;
+  margin: 1rem;
+  overflow: hidden;
+  width: 36rem;
+}
+.contact-card > div{
+  margin: 1.5rem;
+}
+
+.contact-card :nth-child(3){
+  margin-top:3rem;
+}
+
+.contact-card > div :nth-child(1){
+
+}
 </style>