提交 4b1026e7 authored 作者: matian's avatar matian

图片地址修改

上级 4f621a51
...@@ -93,12 +93,16 @@ export default { ...@@ -93,12 +93,16 @@ export default {
}, },
handleSubmit() { handleSubmit() {
const params = { ...this.ruleForm } const params = { ...this.ruleForm }
api.postNes(params).then((response) => {
api.submit(params).then((response) => {
// this.$notify({ type: 'success', message: response.message }) // this.$notify({ type: 'success', message: response.message })
this.$dialog.alert({ message: response.message }).then(() => { // this.$dialog.alert({ message: response.message }).then(() => {
this.$emit('success') // this.$emit('success')
}) // })
this.$message.success(response.message)
this.$emit('success')
this.ruleForm.name = ''
this.ruleForm.phone = ''
this.phoneCode = ''
}) })
}, },
// 校验短信验证码 // 校验短信验证码
......
...@@ -270,7 +270,7 @@ export default { ...@@ -270,7 +270,7 @@ export default {
top: -120px; top: -120px;
width: 346px; width: 346px;
height: 390px; height: 390px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/right_bg.png); background: url(https://webapp-pub.ezijing.com/project_online/fi/right_bg.png);
// display:none; // display:none;
h5 { h5 {
font-size: 24px; font-size: 24px;
......
...@@ -6,18 +6,26 @@ import 'swiper/css/navigation' ...@@ -6,18 +6,26 @@ import 'swiper/css/navigation'
import { useDevice } from '@/composables/useDevice' import { useDevice } from '@/composables/useDevice'
const { mobile } = useDevice() const { mobile } = useDevice()
const list = [{ url: 'https://webapp-pub.ezijing.com/project_online/fi/brand.png' }] const list = [
{ url: 'https://webapp-pub.ezijing.com/project_online/fi/brand.png' }
]
</script> </script>
<template> <template>
<section class="section" v-if="!mobile"> <section class="section" v-if="!mobile">
<div class="section-title"> <div class="section-title">
<div class="tit_img"> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div> </div>
<h2>合作机构</h2> <h2>合作机构</h2>
<div class="tit_img"> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div> </div>
</div> </div>
<Swiper autoplay navigation loop :modules="[Navigation]" class="swiper"> <Swiper autoplay navigation loop :modules="[Navigation]" class="swiper">
...@@ -29,7 +37,9 @@ const list = [{ url: 'https://webapp-pub.ezijing.com/project_online/fi/brand.png ...@@ -29,7 +37,9 @@ const list = [{ url: 'https://webapp-pub.ezijing.com/project_online/fi/brand.png
<div class="h5-brand" v-else> <div class="h5-brand" v-else>
<h1>合作机构</h1> <h1>合作机构</h1>
<div class="content"> <div class="content">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/cooperate.png" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/h5/cooperate.png"
/>
</div> </div>
</div> </div>
</template> </template>
......
...@@ -6,11 +6,17 @@ const { mobile } = useDevice() ...@@ -6,11 +6,17 @@ const { mobile } = useDevice()
<div class="main" id="contact" v-if="!mobile"> <div class="main" id="contact" v-if="!mobile">
<div class="con_tit"> <div class="con_tit">
<div class="tit_img"> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div> </div>
<div class="tit_text">预约报名</div> <div class="tit_text">预约报名</div>
<div class="tit_img"> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div> </div>
</div> </div>
<div class="con_part"> <div class="con_part">
...@@ -36,7 +42,7 @@ const { mobile } = useDevice() ...@@ -36,7 +42,7 @@ const { mobile } = useDevice()
<div class="v">13263110117(同微信)</div> <div class="v">13263110117(同微信)</div>
</div> </div>
<div class="item"> <div class="item">
<div class="n">标准产品委员会: </div> <div class="n">标准产品委员会:</div>
<div class="v">13269964629(同微信)</div> <div class="v">13269964629(同微信)</div>
</div> </div>
<div class="item"> <div class="item">
...@@ -56,7 +62,8 @@ const { mobile } = useDevice() ...@@ -56,7 +62,8 @@ const { mobile } = useDevice()
margin-top: 71px; margin-top: 71px;
width: 100%; width: 100%;
height: 310px; height: 310px;
background: url('https://webapp-pub.ezijing.com/project_online/fi/contact.png') no-repeat center; background: url('https://webapp-pub.ezijing.com/project_online/fi/contact.png')
no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
.con_tit { .con_tit {
display: flex; display: flex;
...@@ -88,34 +95,34 @@ const { mobile } = useDevice() ...@@ -88,34 +95,34 @@ const { mobile } = useDevice()
} }
} }
.h5-main { .h5-main {
padding: .3rem; padding: 0.3rem;
h1 { h1 {
font-size: 0.32rem; font-size: 0.32rem;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #333333; color: #333333;
padding-bottom: .3rem; padding-bottom: 0.3rem;
} }
.content { .content {
padding: 0.56rem 0.48rem .26rem; padding: 0.56rem 0.48rem 0.26rem;
box-sizing: border-box; box-sizing: border-box;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/contact-bg.png); background: url(https://webapp-pub.ezijing.com/project_online/fi/h5/contact-bg.png);
background-size: cover; background-size: cover;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
border-radius: 0.12rem; border-radius: 0.12rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
.item{ .item {
margin-bottom: .3rem; margin-bottom: 0.3rem;
.n{ .n {
font-size: .24rem; font-size: 0.24rem;
color: rgba(102, 102, 102, 1); color: rgba(102, 102, 102, 1);
} }
.v{ .v {
font-size: .24rem; font-size: 0.24rem;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
margin-top: .1rem; margin-top: 0.1rem;
} }
} }
} }
......
...@@ -28,11 +28,17 @@ const list = [ ...@@ -28,11 +28,17 @@ const list = [
<section class="section" v-if="!mobile"> <section class="section" v-if="!mobile">
<div class="section-title"> <div class="section-title">
<div class="tit_img"> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div> </div>
<h2>定制专属类课程</h2> <h2>定制专属类课程</h2>
<div class="tit_img"> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div> </div>
</div> </div>
<div class="topic"> <div class="topic">
...@@ -57,25 +63,33 @@ const list = [ ...@@ -57,25 +63,33 @@ const list = [
</div> </div>
<div class="content-cards"> <div class="content-cards">
<div class="item"> <div class="item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/course-i1.png" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/h5/course-i1.png"
/>
<div class="line"></div> <div class="line"></div>
<div class="t">教学与教务服务</div> <div class="t">教学与教务服务</div>
<div class="t">技术平台支持</div> <div class="t">技术平台支持</div>
</div> </div>
<div class="item"> <div class="item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/course-i2.png" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/h5/course-i2.png"
/>
<div class="line"></div> <div class="line"></div>
<div class="t">提供业务人才培养性方案</div> <div class="t">提供业务人才培养性方案</div>
<div class="t">提供管理人才突破性培育</div> <div class="t">提供管理人才突破性培育</div>
</div> </div>
<div class="item"> <div class="item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/course-i3.png" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/h5/course-i3.png"
/>
<div class="line"></div> <div class="line"></div>
<div class="t">内部核心人才金融素养培育</div> <div class="t">内部核心人才金融素养培育</div>
<div class="t">全套长期的解决服务方案</div> <div class="t">全套长期的解决服务方案</div>
</div> </div>
<div class="item"> <div class="item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/course-i4.png" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/h5/course-i4.png"
/>
<div class="line"></div> <div class="line"></div>
<div class="t">教学与教务服务</div> <div class="t">教学与教务服务</div>
<div class="t">技术平台支持</div> <div class="t">技术平台支持</div>
...@@ -100,7 +114,8 @@ const list = [ ...@@ -100,7 +114,8 @@ const list = [
position: relative; position: relative;
z-index: 10; z-index: 10;
height: 266px; height: 266px;
background: url('https://webapp-pub.ezijing.com/project_online/fi/course_bg.png') no-repeat; background: url('https://webapp-pub.ezijing.com/project_online/fi/course_bg.png')
no-repeat;
p { p {
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
...@@ -178,7 +193,8 @@ const list = [ ...@@ -178,7 +193,8 @@ const list = [
.top { .top {
padding: 0.6rem; padding: 0.6rem;
box-sizing: border-box; box-sizing: border-box;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/course-t-bg.png) center; background: url(https://webapp-pub.ezijing.com/project_online/fi/h5/course-t-bg.png)
center;
background-size: cover; background-size: cover;
font-size: 0.24rem; font-size: 0.24rem;
line-height: 0.4rem; line-height: 0.4rem;
......
...@@ -25,17 +25,17 @@ const h5KnowList: Array<{ ...@@ -25,17 +25,17 @@ const h5KnowList: Array<{
href: string href: string
}> = [ }> = [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-knowledge1.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/h5/h-knowledge1.png',
desc: '世界读书日来临丨PRP紫荆学友会送福利', desc: '世界读书日来临丨PRP紫荆学友会送福利',
href: 'https://mp.weixin.qq.com/s/5VCaj9j6ljd1FyVOSG08Cg' href: 'https://mp.weixin.qq.com/s/5VCaj9j6ljd1FyVOSG08Cg'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-knowledge2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/h5/h-knowledge2.png',
desc: '保罗·蒂芙尼博士:当今世界经济—“全球化”是否已走向终结?', desc: '保罗·蒂芙尼博士:当今世界经济—“全球化”是否已走向终结?',
href: 'https://mp.weixin.qq.com/s/VRJFcsleJy1S86dOvRfCsA ' href: 'https://mp.weixin.qq.com/s/VRJFcsleJy1S86dOvRfCsA '
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-knowledge3.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/h5/h-knowledge3.png',
desc: '由一而千 星火散落将聚燃丨<br/>PRP紫荆学友会欢迎您的加入!', desc: '由一而千 星火散落将聚燃丨<br/>PRP紫荆学友会欢迎您的加入!',
href: 'https://mp.weixin.qq.com/s/hvJlV4BsnUhvJszlCQmIOQ' href: 'https://mp.weixin.qq.com/s/hvJlV4BsnUhvJszlCQmIOQ'
} }
...@@ -54,7 +54,12 @@ const handleOpen = (item: any) => { ...@@ -54,7 +54,12 @@ const handleOpen = (item: any) => {
<div class="top_con1">世界读书日来临丨PRP紫荆学友会送福利</div> <div class="top_con1">世界读书日来临丨PRP紫荆学友会送福利</div>
</a> </a>
<div class="top_con2"> <div class="top_con2">
<div class="con2_item" v-for="(item, index) in knowList" :key="index" @click="handleOpen(item)"> <div
class="con2_item"
v-for="(item, index) in knowList"
:key="index"
@click="handleOpen(item)"
>
<img class="item_img" :src="item.img" alt="" /> <img class="item_img" :src="item.img" alt="" />
<div class="item_desc" v-html="item.desc"></div> <div class="item_desc" v-html="item.desc"></div>
</div> </div>
...@@ -64,7 +69,12 @@ const handleOpen = (item: any) => { ...@@ -64,7 +69,12 @@ const handleOpen = (item: any) => {
</div> </div>
</div> </div>
<div class="h5-main" v-else> <div class="h5-main" v-else>
<div class="item" v-for="(item, index) in h5KnowList" :key="index" @click="handleOpen(item)"> <div
class="item"
v-for="(item, index) in h5KnowList"
:key="index"
@click="handleOpen(item)"
>
<img :src="item.img" /> <img :src="item.img" />
<div class="text" v-html="item.desc"></div> <div class="text" v-html="item.desc"></div>
</div> </div>
...@@ -86,7 +96,8 @@ const handleOpen = (item: any) => { ...@@ -86,7 +96,8 @@ const handleOpen = (item: any) => {
.top_con1 { .top_con1 {
width: 588px; width: 588px;
height: 266px; height: 266px;
background: url('https://webapp-pub.ezijing.com/project_online/fi/know1.png') no-repeat center; background: url('https://webapp-pub.ezijing.com/project_online/fi/know1.png')
no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
...@@ -145,7 +156,7 @@ const handleOpen = (item: any) => { ...@@ -145,7 +156,7 @@ const handleOpen = (item: any) => {
height: 4.31rem; height: 4.31rem;
box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);
border-radius: 0.12rem; border-radius: 0.12rem;
margin-right: .2rem; margin-right: 0.2rem;
position: relative; position: relative;
img { img {
width: 100%; width: 100%;
......
...@@ -32,7 +32,7 @@ const list: List[] = [ ...@@ -32,7 +32,7 @@ const list: List[] = [
id: '1', id: '1',
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_1.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_1.png',
h5Img: h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-1.png', 'https://webapp-pub.ezijing.com/project_online/fi/h5/system-1-1.png',
tit: '资产分析规划师(一级/二级)/ PAAP(I/II)', tit: '资产分析规划师(一级/二级)/ PAAP(I/II)',
list: [ list: [
{ {
...@@ -49,7 +49,7 @@ const list: List[] = [ ...@@ -49,7 +49,7 @@ const list: List[] = [
id: '2', id: '2',
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_2.png',
h5Img: h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-2.png', 'https://webapp-pub.ezijing.com/project_online/fi/h5/system-1-2.png',
tit: '高级资产分析管理师 / PAAM', tit: '高级资产分析管理师 / PAAM',
list: [ list: [
{ {
...@@ -66,7 +66,7 @@ const list: List[] = [ ...@@ -66,7 +66,7 @@ const list: List[] = [
id: '', id: '',
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_3.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_3.png',
h5Img: h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-3.png', 'https://webapp-pub.ezijing.com/project_online/fi/h5/system-1-3.png',
tit: '公司金融管理师(CFM)', tit: '公司金融管理师(CFM)',
list: [ list: [
{ {
...@@ -92,7 +92,7 @@ const list: List[] = [ ...@@ -92,7 +92,7 @@ const list: List[] = [
id: '', id: '',
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_1.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_1.png',
h5Img: h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-1.png', 'https://webapp-pub.ezijing.com/project_online/fi/h5/system-2-1.png',
tit: '金融保险高级经理人班', tit: '金融保险高级经理人班',
list: [ list: [
{ {
...@@ -109,7 +109,7 @@ const list: List[] = [ ...@@ -109,7 +109,7 @@ const list: List[] = [
id: '', id: '',
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_2.png',
h5Img: h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-2.png', 'https://webapp-pub.ezijing.com/project_online/fi/h5/system-2-2.png',
tit: '金融保险董事长总裁班', tit: '金融保险董事长总裁班',
list: [ list: [
{ {
...@@ -135,7 +135,7 @@ const list: List[] = [ ...@@ -135,7 +135,7 @@ const list: List[] = [
id: '', id: '',
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_1.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_1.png',
h5Img: h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-1.png', 'https://webapp-pub.ezijing.com/project_online/fi/h5/system-3-1.png',
tit: '私人财富风险管理顾问 / PRP', tit: '私人财富风险管理顾问 / PRP',
list: [ list: [
{ {
...@@ -152,7 +152,7 @@ const list: List[] = [ ...@@ -152,7 +152,7 @@ const list: List[] = [
id: '', id: '',
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_2.png',
h5Img: h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-2.png', 'https://webapp-pub.ezijing.com/project_online/fi/h5/system-3-2.png',
tit: '紫荆卓越保险理财规划师养成计划100天', tit: '紫荆卓越保险理财规划师养成计划100天',
list: [ list: [
{ {
...@@ -529,19 +529,19 @@ const handleDetail = (item: any) => { ...@@ -529,19 +529,19 @@ const handleDetail = (item: any) => {
&.active { &.active {
&:nth-child(1) { &:nth-child(1) {
.icon { .icon {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-product-i1-a.png); background: url(https://webapp-pub.ezijing.com/project_online/fi/h5/h-product-i1-a.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
&:nth-child(2) { &:nth-child(2) {
.icon { .icon {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-product-i2-a.png); background: url(https://webapp-pub.ezijing.com/project_online/fi/h5/h-product-i2-a.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
&:nth-child(3) { &:nth-child(3) {
.icon { .icon {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-product-i3-a.png); background: url(https://webapp-pub.ezijing.com/project_online/fi/h5/h-product-i3-a.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
...@@ -551,19 +551,19 @@ const handleDetail = (item: any) => { ...@@ -551,19 +551,19 @@ const handleDetail = (item: any) => {
} }
&:nth-child(1) { &:nth-child(1) {
.icon { .icon {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-product-i1.png); background: url(https://webapp-pub.ezijing.com/project_online/fi/h5/h-product-i1.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
&:nth-child(2) { &:nth-child(2) {
.icon { .icon {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-product-i2.png); background: url(https://webapp-pub.ezijing.com/project_online/fi/h5/h-product-i2.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
&:nth-child(3) { &:nth-child(3) {
.icon { .icon {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/h-product-i3.png); background: url(https://webapp-pub.ezijing.com/project_online/fi/h5/h-product-i3.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
......
...@@ -69,7 +69,7 @@ const handleAgree = (val: any) => { ...@@ -69,7 +69,7 @@ const handleAgree = (val: any) => {
<div class="main_con"> <div class="main_con">
<div class="con_nav" @click="handlePrev"> <div class="con_nav" @click="handlePrev">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/prev_mini.png" src="https://webapp-pub.ezijing.com/project_online/fi/prev_mini.png"
/> />
<div class="nav_title">确认订单</div> <div class="nav_title">确认订单</div>
</div> </div>
...@@ -97,7 +97,7 @@ const handleAgree = (val: any) => { ...@@ -97,7 +97,7 @@ const handleAgree = (val: any) => {
<div class="pay_mode"> <div class="pay_mode">
<div class="mode_item"> <div class="mode_item">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/pay_ali.png" src="https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png"
/> />
<div class="radio_tit">支付宝支付</div> <div class="radio_tit">支付宝支付</div>
<div <div
...@@ -115,7 +115,7 @@ const handleAgree = (val: any) => { ...@@ -115,7 +115,7 @@ const handleAgree = (val: any) => {
</div> </div>
<div class="mode_item"> <div class="mode_item">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/pay_wechat.png" src="https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png"
/> />
<div class="radio_tit">微信支付</div> <div class="radio_tit">微信支付</div>
<div <div
...@@ -139,7 +139,7 @@ const handleAgree = (val: any) => { ...@@ -139,7 +139,7 @@ const handleAgree = (val: any) => {
<span>同意</span> <span>同意</span>
</el-checkbox> </el-checkbox>
<a <a
href=" https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E8%AF%AD%E8%A8%80%E5%BC%BA%E5%8C%96%E6%A8%A1%E5%9D%97%E4%BB%8B%E7%BB%8D.pdf" href=" https://webapp-pub.ezijing.com/project/sbu-plus/%E8%AF%AD%E8%A8%80%E5%BC%BA%E5%8C%96%E6%A8%A1%E5%9D%97%E4%BB%8B%E7%BB%8D.pdf"
target="_blank" target="_blank"
>紫荆金保服务协议</a >紫荆金保服务协议</a
> >
......
...@@ -77,13 +77,13 @@ const handleAgree = (val: any) => { ...@@ -77,13 +77,13 @@ const handleAgree = (val: any) => {
<el-radio-group v-model="params.payment_method"> <el-radio-group v-model="params.payment_method">
<el-radio label="11" size="large" border> <el-radio label="11" size="large" border>
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/pay_ali.png" src="https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png"
/> />
<span class="radio_tit">支付宝支付</span> <span class="radio_tit">支付宝支付</span>
</el-radio> </el-radio>
<el-radio label="1" size="large" border> <el-radio label="1" size="large" border>
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/pay_wechat.png" src="https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png"
/> />
<span class="radio_tit">微信支付</span> <span class="radio_tit">微信支付</span>
</el-radio> </el-radio>
...@@ -97,7 +97,7 @@ const handleAgree = (val: any) => { ...@@ -97,7 +97,7 @@ const handleAgree = (val: any) => {
<span>同意</span></el-checkbox <span>同意</span></el-checkbox
> >
<a <a
href=" https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E8%AF%AD%E8%A8%80%E5%BC%BA%E5%8C%96%E6%A8%A1%E5%9D%97%E4%BB%8B%E7%BB%8D.pdf" href=" https://webapp-pub.ezijing.com/project/sbu-plus/%E8%AF%AD%E8%A8%80%E5%BC%BA%E5%8C%96%E6%A8%A1%E5%9D%97%E4%BB%8B%E7%BB%8D.pdf"
target="_blank" target="_blank"
>紫荆金保服务协议</a >紫荆金保服务协议</a
> >
......
...@@ -21,7 +21,7 @@ const orderId = useStorage('order_detail_id', route.query.order_detail_id) ...@@ -21,7 +21,7 @@ const orderId = useStorage('order_detail_id', route.query.order_detail_id)
const order = ref<Order>() const order = ref<Order>()
async function getOrder() { async function getOrder() {
getOrderList({ order_detail_id: orderId.value }) getOrderList({ order_detail_id: orderId.value })
.then(res => { .then((res) => {
order.value = res.data[0] order.value = res.data[0]
if (order.value?.order_status === '4') { if (order.value?.order_status === '4') {
// 支付成功 // 支付成功
...@@ -56,7 +56,9 @@ const handlePrev = () => { ...@@ -56,7 +56,9 @@ const handlePrev = () => {
<div class="main_pay" v-if="!mobile"> <div class="main_pay" v-if="!mobile">
<div class="pay_con"> <div class="pay_con">
<div class="con_top"> <div class="con_top">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/icon_sucess.png" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/icon_sucess.png"
/>
<div class="top_tit">支付成功!</div> <div class="top_tit">支付成功!</div>
</div> </div>
<div class="con_info"> <div class="con_info">
...@@ -68,7 +70,9 @@ const handlePrev = () => { ...@@ -68,7 +70,9 @@ const handlePrev = () => {
<div class="price_tit">支付金额:</div> <div class="price_tit">支付金额:</div>
<div class="price_id">¥{{ order.payment_money }}</div> <div class="price_id">¥{{ order.payment_money }}</div>
</div> </div>
<div class="info_tips">若有疑问请与客服联系,我们将尽快为您提供服务</div> <div class="info_tips">
若有疑问请与客服联系,我们将尽快为您提供服务
</div>
<div class="info_btn"> <div class="info_btn">
<div class="btn_prev" @click="handlePrev">返回</div> <div class="btn_prev" @click="handlePrev">返回</div>
<div class="btn_study" @click="handleStudy">开始学习</div> <div class="btn_study" @click="handleStudy">开始学习</div>
...@@ -80,20 +84,27 @@ const handlePrev = () => { ...@@ -80,20 +84,27 @@ const handlePrev = () => {
<div class="con_nav"> <div class="con_nav">
<img <img
class="img1" class="img1"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/prev_mini.png" src="https://webapp-pub.ezijing.com/project_online/fi/prev_mini.png"
@click="handlePrev" /> @click="handlePrev"
/>
<div class="nav_title"> <div class="nav_title">
<img class="img2" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/icon_sucess.png" /> <img
class="img2"
src="https://webapp-pub.ezijing.com/project_online/fi/icon_sucess.png"
/>
支付成功 支付成功
</div> </div>
</div> </div>
<div class="course_con"> <div class="course_con">
<img <img
src="https://img1.baidu.com/it/u=3009731526,373851691&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" src="https://img1.baidu.com/it/u=3009731526,373851691&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500"
@click="handlePrev" /> @click="handlePrev"
/>
<div class="course_dec"> <div class="course_dec">
<div class="info_title">{{ shopItem?.title }}</div> <div class="info_title">{{ shopItem?.title }}</div>
<div class="info_date">有效期:{{ start_time }}{{ end_time }}</div> <div class="info_date">
有效期:{{ start_time }}{{ end_time }}
</div>
</div> </div>
</div> </div>
<div class="order_main"> <div class="order_main">
...@@ -103,7 +114,9 @@ const handlePrev = () => { ...@@ -103,7 +114,9 @@ const handlePrev = () => {
<div class="order_price"> <div class="order_price">
支付金额:<span>{{ order.payment_money }}</span> 支付金额:<span>{{ order.payment_money }}</span>
</div> </div>
<div class="order_after_sales">若有疑问请与客服联系,我们将尽快为您提供服务</div> <div class="order_after_sales">
若有疑问请与客服联系,我们将尽快为您提供服务
</div>
</div> </div>
<div class="start_study"> <div class="start_study">
<div class="study_con" @click="handleStudy">开始学习</div> <div class="study_con" @click="handleStudy">开始学习</div>
......
...@@ -45,20 +45,26 @@ const handleCancel = () => { ...@@ -45,20 +45,26 @@ const handleCancel = () => {
.buy_alert { .buy_alert {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column;
justify-content: center;
.alert_con { .alert_con {
margin-left: 10px; text-align: center;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-top: 10px;
.con_tit { .con_tit {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 34px;
color: #333333; color: #333333;
text-align: left;
} }
.con_desc { .con_desc {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 34px;
color: #666666; color: #666666;
margin-top: 20px;
} }
} }
} }
...@@ -66,7 +72,7 @@ const handleCancel = () => { ...@@ -66,7 +72,7 @@ const handleCancel = () => {
width: 315px; width: 315px;
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
border-radius: 10px; border-radius: 10px;
margin-left: 50%; // margin-left: 50%;
.el-dialog__header { .el-dialog__header {
padding-bottom: 0; padding-bottom: 0;
......
...@@ -54,7 +54,7 @@ const handleDetail = (item: any) => { ...@@ -54,7 +54,7 @@ const handleDetail = (item: any) => {
<span class="label">{{ node.label }}</span> <span class="label">{{ node.label }}</span>
<span class="icon"> <span class="icon">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/icon_jt.png" src="https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png"
alt="" alt=""
/> />
</span> </span>
......
...@@ -54,7 +54,7 @@ const handleDetail = (item: any) => { ...@@ -54,7 +54,7 @@ const handleDetail = (item: any) => {
<span class="label">{{ node.label }}</span> <span class="label">{{ node.label }}</span>
<span style="margin-left: 205px" class="icon"> <span style="margin-left: 205px" class="icon">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/icon_jt.png" src="https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png"
alt="" alt=""
/> />
</span> </span>
......
...@@ -87,8 +87,8 @@ const onExecCommand = (val: any) => { ...@@ -87,8 +87,8 @@ const onExecCommand = (val: any) => {
} }
const handleCancel = () => { const handleCancel = () => {
isShowShare.value = '1'
show.value = false show.value = false
isShowShare.value = '1'
} }
// 复制链接控制显示 // 复制链接控制显示
const handleCopyLink = () => { const handleCopyLink = () => {
...@@ -188,7 +188,7 @@ const handleCopyLink = () => { ...@@ -188,7 +188,7 @@ const handleCopyLink = () => {
<van-action-sheet <van-action-sheet
v-model:show="show" v-model:show="show"
:title="shareTit" :title="shareTit"
@cancel="handleCancel" @close="handleCancel"
@click-overlay="handleCancel" @click-overlay="handleCancel"
> >
<div class="content" v-if="isShowShare === '1'"> <div class="content" v-if="isShowShare === '1'">
...@@ -210,7 +210,7 @@ const handleCopyLink = () => { ...@@ -210,7 +210,7 @@ const handleCopyLink = () => {
<div class="content1" v-if="isShowShare === '3'"> <div class="content1" v-if="isShowShare === '3'">
<div class="content_con"> <div class="content_con">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/copy_success.png" src="https://webapp-pub.ezijing.com/project_online/fi/copy_success.png"
alt="" alt=""
/> />
<div class="con_tit">已复制链接</div> <div class="con_tit">已复制链接</div>
...@@ -236,7 +236,7 @@ const handleCopyLink = () => { ...@@ -236,7 +236,7 @@ const handleCopyLink = () => {
.detail_banner { .detail_banner {
width: 100%; width: 100%;
height: 370px; height: 370px;
background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/course_detail_banner.jpg') background: url('https://webapp-pub.ezijing.com/project_online/fi/course_detail_banner.jpg')
no-repeat center / 100% 100%; no-repeat center / 100% 100%;
.banner_con { .banner_con {
......
...@@ -19,14 +19,20 @@ const handleCancel = () => { ...@@ -19,14 +19,20 @@ const handleCancel = () => {
<template> <template>
<div> <div>
<el-dialog :model-value="shareDialogVisible" width="15%" top="15%" :modal="false" :before-close="handleCancel"> <el-dialog
:model-value="shareDialogVisible"
width="15%"
top="15%"
:modal="false"
:before-close="handleCancel"
>
<div class="share_alert"> <div class="share_alert">
<!-- <img src="https://webapp-pub.ezijing.com/project_online/fi/qa_code.png" alt="" /> --> <!-- <img src="https://webapp-pub.ezijing.com/project_online/fi/qa_code.png" alt="" /> -->
<qrcode-vue :value="qrCodeUrl" :size="214" level="H"></qrcode-vue> <qrcode-vue :value="qrCodeUrl" :size="214" level="H"></qrcode-vue>
<div class="alert_con"> <div class="alert_con">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/icon_weixin.png" src="https://webapp-pub.ezijing.com/project_online/fi/icon_weixin.png"
class="con_icon" class="con_icon"
/> />
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论