添加联系我们页面
This commit is contained in:
parent
c5f462a453
commit
2baa01f3a5
Binary file not shown.
After Width: | Height: | Size: 53 KiB |
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 11 KiB |
|
@ -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(() => {
|
||||
});
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue