Skip to content

W
wanyou_website
Commit be7e1da6 by yang
Options

提交

parent 345fc10b
Showing with 48 additions and 70 deletions
.vscode/settings.json 0 → 100644
{
"editor.formatOnSave": true,
"editor.formatOnPaste": true
}
\ No newline at end of file
src/views/contact-us.vue
<template>
<div class="page flex-col">
<SecondHeader :title="'CONTACT US'"
:bcUrl="bgHeaderUrl" :desc="'联系我们'"
:btnGroup="[{ name:'联系我们', url:'/contact-us', isSelect:true
}]"/>
<SecondHeader :title="'CONTACT US'" :bcUrl="bgHeaderUrl" :desc="'联系我们'" :btnGroup="[{
name: '联系我们', url: '/contact-us', isSelect: true
}]" />
<div class="box_3 flex-col">
<div class="block_1 flex-row justify-between">
<div class="box_4 flex-col">
<div class="box_5 flex-row justify-between">
<span class="text_5">携手阳生万物，共创健康未来</span>
<img class="image_3" src="@/assets/common/caidai.png"/>
<img class="image_3" src="@/assets/common/caidai.png" />
</div>
<span class="text_6">诚邀全球志同道合的合作伙伴，共享千亿级蓝海市场。</span>
<div class="box_6 flex-col">
......@@ -27,25 +26,25 @@
<span class="text_9">认同理念</span>
<span class="text_10">高度认可“物理能量健康”的未来趋势与公司品牌理念。</span>
</div>
<img class="image_4" src="@/assets/common/shuxian.png"/>
<img class="image_4" src="@/assets/common/shuxian.png" />
<div class="block_3 flex-col">
<div class="section_1 flex-col"></div>
<span class="text_11">资源与渠道</span>
<span class="text_12">拥有本地高端健康、医疗、美容、企业家圈层资源，或优质商业场地资源。</span>
</div>
<img class="image_4" src="@/assets/common/shuxian.png"/>
<img class="image_4" src="@/assets/common/shuxian.png" />
<div class="block_4 flex-col">
<div class="section_2 flex-col"></div>
<span class="text_13">资金实力</span>
<span class="text_14">具备一定的项目投资实力和市场开拓能力。</span>
</div>
<img class="image_4" src="@/assets/common/shuxian.png"/>
<img class="image_4" src="@/assets/common/shuxian.png" />
<div class="block_5 flex-col">
<div class="group_5 flex-col"></div>
<span class="text_15">运营能力</span>
<span class="text_16">拥有优秀的团队管理、市场运营和客户服务意识。</span>
</div>
<img class="image_4" src="@/assets/common/shuxian.png"/>
<img class="image_4" src="@/assets/common/shuxian.png" />
<div class="block_6 flex-col">
<div class="group_6 flex-col"></div>
<span class="text_17">长远眼光</span>
......@@ -54,7 +53,7 @@
</div>
</div>
</div>
<img class="image_8" src="@/assets/common/erweima.png"/>
<img class="image_8" src="@/assets/common/erweima.png" />
</div>
<div class="text-wrapper_2 flex-row">
<span class="text_19">合作咨询表单</span>
......@@ -63,32 +62,22 @@
<span class="text_20">提交您的合作意向，我们将尽快与您联系。</span>
</div>
<div class="block_7 flex-row justify-between">
<el-input class="box_10" v-model="form.title" placeholder="* 您的姓名"/>
<el-input class="box_10" v-model="form.contactNumber" placeholder="* 联系电话"/>
<el-input class="box_10" v-model="form.title" placeholder="* 您的姓名" />
<el-input class="box_10" v-model="form.contactNumber" placeholder="* 联系电话" />
</div>
<div class="block_7 flex-row justify-between">
<el-input class="box_10" v-model="form.email" placeholder="* 电子邮箱"/>
<el-input class="box_10" v-model="form.address" placeholder="* 您所在的城市"/>
<el-input class="box_10" v-model="form.email" placeholder="* 电子邮箱" />
<el-input class="box_10" v-model="form.address" placeholder="* 您所在的城市" />
</div>
<div class="block_7 flex-row justify-between">
<el-select v-model="form.mainBusiness" placeholder="* 主营业务/现有资源" class="box_10">
<el-option
v-for="item in jobList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
<el-option v-for="item in jobList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
<el-select v-model="form.intentionCooperation" placeholder="* 意向合作模式" class="box_10">
<el-option
v-for="item in typeList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<el-input class="block_12" type="textarea" :rows="7" v-model="form.question" placeholder="请输入您要咨询的问题"/>
<el-input class="block_12" type="textarea" :rows="7" v-model="form.question" placeholder="请输入您要咨询的问题" />
<div class="block_13 flex-row">
<div class="text-wrapper_11 align-center justify-center flex-col" @click="save" :class="{ 'loading': loading }">
<span class="text_34" v-if="!loading">立即提交，开启财富之旅</span>
......@@ -99,23 +88,16 @@
</div>
<el-dialog
v-model="dialogVisible"
:showClose="false"
:width="dialogWidth"
class="dialog justify-center align-center"
>
<el-dialog v-model="dialogVisible" :showClose="false" :width="dialogWidth" class="dialog justify-center align-center">
<div class="dialog_image-wrapper_1 justify-end">
<img src="@/assets/contactUs/close.png" class="dialog——label_1" @click="dialogVisible=false" alt=""/>
<img src="@/assets/contactUs/close.png" class="dialog——label_1" @click="dialogVisible = false" alt="" />
</div>
<div class="dialog_section_1 justify-center align-center flex-col">
<div class="dialog_box_2 flex-row"></div>
<div class="dialog_box_3 flex-row">
<div class="dialog_text-group_1 flex-col">
<span class="dialog_text_1">感谢您的提交！</span>
<span class="dialog_text_2"
>我们已收到您的合作意向，专业的人员将在24小时内与您联系，请保持电话畅通。</span
>
<span class="dialog_text_2">我们已收到您的合作意向，专业的人员将在24小时内与您联系，请保持电话畅通。</span>
</div>
</div>
<div class="dialog_box_4 flex-row">
......@@ -131,8 +113,8 @@
</template>
<script setup>
import SecondHeader from '../components/second_header.vue'
import {ref, computed, onMounted, onUnmounted} from "vue";
import {ElMessage} from 'element-plus'
import { ref, computed, onMounted, onUnmounted } from "vue";
import { ElMessage } from 'element-plus'
import bgHeaderUrl from '@/assets/contactUs/BC.png'
const dialogVisible = ref(false)
......@@ -244,7 +226,7 @@ const save = async () => {
}
// 使用代理路径，避免跨域问题
const API_URL = '/api/admin-api/system/officialwebsite/cooperation-consultation/submit-cooperation-consultation' // 通过Vite代理转发请求
const API_URL = 'https://service.wanyouziyu.com//admin-api/system/officialwebsite/cooperation-consultation/submit-cooperation-consultation' // 通过Vite代理转发请求
const response = await fetch(API_URL, {
method: 'PUT',
......@@ -334,7 +316,7 @@ const jobList = ref([{
label: '其他'
}])
</script>
<style src="./common.css"/>
<style src="./common.css" />
<style scoped>
.page {
position: relative;
......@@ -363,10 +345,10 @@ const jobList = ref([{
.text_5 {
background-image: linear-gradient(90deg,
rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0,
rgba(0, 199, 218, 1) 100%,
rgba(0, 199, 218, 1) 100%);
rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0,
rgba(0, 199, 218, 1) 100%,
rgba(0, 199, 218, 1) 100%);
overflow-wrap: break-word;
color: rgba(0, 82, 217, 1);
font-size: 2.5vw;
......@@ -720,12 +702,12 @@ const jobList = ref([{
flex: 1;
}
.box_10 >>> .el-select__wrapper {
.box_10>>>.el-select__wrapper {
height: 50px;
width: 100% !important;
}
.box_10 >>> .el-input__wrapper {
.box_10>>>.el-input__wrapper {
height: 50px;
width: 100% !important;
}
......@@ -747,13 +729,13 @@ const jobList = ref([{
max-width: 100%;
}
.box_10 >>> .el-select__wrapper {
.box_10>>>.el-select__wrapper {
height: 45px;
width: 100% !important;
max-width: 100%;
}
.box_10 >>> .el-input__wrapper {
.box_10>>>.el-input__wrapper {
height: 45px;
width: 100% !important;
max-width: 100%;
......@@ -802,13 +784,13 @@ const jobList = ref([{
max-width: 100%;
}
.box_10 >>> .el-select__wrapper {
.box_10>>>.el-select__wrapper {
height: 40px;
width: 100% !important;
max-width: 100%;
}
.box_10 >>> .el-input__wrapper {
.box_10>>>.el-input__wrapper {
height: 40px;
width: 100% !important;
max-width: 100%;
......
src/views/homepage.vue
......@@ -249,27 +249,27 @@ const currentSlide = ref(1) // 从第二张开始，因为第一张是克隆的
const carouselSlides = ref([
{
background: bg3, // 克隆最后一张
title: '产品优势 中国科学院专家创新研发',
description: '多模态物理能量场科学技术，创新再升级\n融合太赫兹波、远红外、交变磁场、氢分子、氧分子、热能量六维物理能量'
title: '多模态物理能量自愈舱的巅峰之作',
description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
},
{
background: bg1,
title: '细胞级修复 重启生命活力',
title: '多模态物理能量自愈舱的巅峰之作',
description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
},
{
background: bg2,
title: '多模态物理能量自愈舱的巅峰之作',
description: '科技重构生命能量，激活人体与生俱来的自愈潜能\n多模态物理复合能量场技术，尖端科技升级再创新'
description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
},
{
background: bg3,
title: '产品优势 中国科学院专家创新研发',
description: '多模态物理能量场科学技术，创新再升级\n融合太赫兹波、远红外、交变磁场、氢分子、氧分子、热能量六维物理能量'
title: '多模态物理能量自愈舱的巅峰之作',
description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
},
{
background: bg1, // 克隆第一张
title: '细胞级修复 重启生命活力',
title: '多模态物理能量自愈舱的巅峰之作',
description: '中国科学院专家团队创新研发，技术行业领先\n多项国家发明专利及权威认证，科学背书，品质保障\n全球明星和富豪的健康标配'
}
])
......@@ -450,7 +450,7 @@ const save = async () => {
}
// 使用代理路径，避免跨域问题
const API_URL = '/api/admin-api/system/officialwebsite/contact-us/submit-contact-us' // 通过Vite代理转发请求
const API_URL = 'https://service.wanyouziyu.com//admin-api/system/officialwebsite/contact-us/submit-contact-us' // 通过Vite代理转发请求
const response = await fetch(API_URL, {
method: 'PUT',
......
vite.config.js
import {defineConfig} from 'vite'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {resolve} from 'path'
import { resolve } from 'path'
export default defineConfig({
plugins: [vue()],
......@@ -20,14 +20,5 @@ export default defineConfig({
host: 'localhost',
protocol: 'ws'
},
// 代理配置解决跨域问题
proxy: {
'/api': {
target: 'https://service.wanyouziyu.com/', // 替换为您的实际API域名
changeOrigin: true,
secure: true, // 如果是https接口，需要配置这个参数
rewrite: (path) => path.replace(/^\/api/, '') // 可选：重写路径
}
}
}
})
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment