parent
32358526c5
commit
8394d4c3d0
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,180 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<img style="width:100%" src="/assets/home/4@2x.png" alt=""> |
||||
<div class="animoveleft" style='width:1200px;margin:30px auto;display:flex;justify-content:space-between;'> |
||||
<div style="display:flex;justify-content:space-between;width:50%;flex-wrap:wrap"> |
||||
<div class="traincontent"> |
||||
<img src="/assets/train/book.png" alt=""> |
||||
<div style='margin:0 10px;line-height:1.8'> |
||||
<p style="margin-top:-5px">培训内容</p> |
||||
<p> 软件开发基础、软件测试专业知识、软件测试工具、真实项目实践+就业</p> |
||||
</div> |
||||
</div> |
||||
<div class="traincontent"> |
||||
<img src="/assets/train/bi.png" alt=""> |
||||
<div style='margin:0 10px;line-height:1.8'> |
||||
<p style="margin-top:-5px">培训类型</p> |
||||
<p> 静态测试、单元测试、配置项测试、系统测试、黑盒、白盒、功能、性能、接口</p> |
||||
</div> |
||||
</div> |
||||
<div class="traincontent"> |
||||
<img src="/assets/train/shu.png" alt=""> |
||||
<div style='margin:0 10px;line-height:1.8'> |
||||
<p style="margin-top:-5px">培训特点</p> |
||||
<p>专业性强、时间短、就业无忧精准培训，实用为主，就业为目标</p> |
||||
</div> |
||||
</div> |
||||
<div class="traincontent"> |
||||
<img src="/assets/train/ren.png" alt=""> |
||||
<div style='margin:0 10px;line-height:1.8'> |
||||
<p style="margin-top:-5px">培训理念</p> |
||||
<p>寓训于测，就业无忧+就业</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="signupda"> |
||||
<img style="margin-top:30px" src="/assets/train/cespei.png" alt=""> |
||||
<div style="display:flex;margin:20px 30px 20px"> |
||||
<img style="margin:10px 10px 10px 0px" src="/assets/train/xingming.png" alt=""> |
||||
<el-input v-model="signdata.signname" placeholder="请输入姓名"></el-input> |
||||
</div> |
||||
<div style="display:flex;margin:20px 30px 20px"> |
||||
<img style="margin:10px 10px 10px 0px" src="/assets/train/shouji.png" alt=""> |
||||
<el-input v-model="signdata.phone" placeholder="请输入手机号码"></el-input> |
||||
</div> |
||||
<div style="display:flex;margin:20px 30px 20px"> |
||||
<img style="margin:10px 10px 10px 0px;height:19px" src="/assets/train/info-1-copy.png" alt=""> |
||||
<el-input v-model="signdata.intention" type="textarea" :rows="5" placeholder="报名意向（报名后培训学院专员会与您联系，提供一对一培训课程咨询。）"></el-input> |
||||
</div> |
||||
<div style="text-align:center;"> |
||||
<el-button type="primary" @click="signupnow">立即报名</el-button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {isMobile} from "@/util/validate"; |
||||
import {trainsignup} from "@/api/system/message"; |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
signdata:{signname:'',phone:'',intention:'',} |
||||
// name:'',//姓名 |
||||
// phone:'',//手机号 |
||||
// intention:'',//意向 |
||||
} |
||||
}, |
||||
mounted(){ |
||||
|
||||
}, |
||||
methods:{ |
||||
//立即报名 |
||||
signupnow(){ |
||||
|
||||
let name=this.signdata.signname; |
||||
if(!name){ |
||||
this.$message.warning('请您输入姓名'); |
||||
return; |
||||
} |
||||
let phone=this.signdata.phone; |
||||
if (!phone || !isMobile(phone)) { |
||||
this.$message.warning('手机格式不对'); |
||||
return; |
||||
} |
||||
let intention=this.signdata.intention; |
||||
if (!intention) { |
||||
this.$message.warning('请填写报名意向'); |
||||
return; |
||||
} |
||||
let form={ |
||||
name, |
||||
tel: phone, |
||||
remark:intention, |
||||
} |
||||
trainsignup(form).then(res=>{ |
||||
// if(res.code==200){ |
||||
this.$alert('报名成功，请耐心等待工作人员和您联系' , { |
||||
confirmButtonText: '确定', |
||||
type: 'success' |
||||
}).then(()=> { |
||||
next(); |
||||
}) |
||||
// } |
||||
}) |
||||
|
||||
}, |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.animoveleft{ |
||||
position:relative; |
||||
animation-name:mymove; |
||||
animation-duration:1s; |
||||
-webkit-animation-name:mymove; |
||||
-webkit-animation-duration:1s; /* Safari 和 Chrome */ |
||||
} |
||||
@keyframes mymove |
||||
{ |
||||
from {left:-300px;} |
||||
to {left:0px;} |
||||
} |
||||
@-webkit-keyframes mymove /* Safari and Chrome */ |
||||
{ |
||||
from {left:-300px;} |
||||
to {left:0px;} |
||||
} |
||||
.traincontent{ |
||||
width: 260px; |
||||
/* height: 240px; */ |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 2px 8px 0px rgba(54, 61, 67, 0.1); |
||||
border-radius: 4px; |
||||
text-align: center; |
||||
padding-bottom:1px; |
||||
margin-bottom:20px; |
||||
} |
||||
.traincontent:hover{ |
||||
transform: scale(1.01); |
||||
transition: 1s; |
||||
box-shadow: 0px 2px 8px 0px #87898d; |
||||
} |
||||
.traincontent:hover :nth-child(1){ |
||||
color:#0066EB |
||||
} |
||||
.traincontent :nth-child(1){ |
||||
font-size: 24px; |
||||
font-weight: bold; |
||||
color: #1A1A1A; |
||||
margin:10px 0 |
||||
} |
||||
.traincontent :nth-child(2){ |
||||
font-size: 14px; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
} |
||||
.signupda{ |
||||
width:48%; |
||||
/* height: 240px; */ |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 2px 8px 0px rgba(54, 61, 67, 0.1); |
||||
border-radius: 4px; |
||||
text-align: center; |
||||
padding-bottom:1px; |
||||
margin-bottom:20px; |
||||
} |
||||
.signupda>>>.el-button{ |
||||
margin-top:20px; |
||||
/* margin-left:57px; */ |
||||
width:190px; |
||||
height:40px; |
||||
font-size:20px; |
||||
color:rgba(255,255,255,1); |
||||
background: linear-gradient(45deg, #2978EE, #0066EB); |
||||
border:none; |
||||
border-radius:6px; |
||||
/* line-height:40px; */ |
||||
} |
||||
</style> |
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue