杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 563db164b834d2c4d7ea91d62351978fe052b545 1 个父辈 91d96760
1 个管道 的构建 通过 耗费 5 秒

提交

内嵌 并排对比
正在显示 3 个修改的文件 包含 520 行增加 和 109 行删除
... ... @@ -26,14 +26,151 @@
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<style>
#particulars iframe{
width: 1130px;
.zhengmingBtn {
display: flex;
place-content: center;
place-items: center;
width: 100%;
}
.zhengmingBtn button {
padding: 28px 0;
width: 480px;
background: #66CA94;
border: 1px solid #66ca94;
margin-top: 60px;
opacity: 1;
font-size: 24px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: center;
color: #ffffff;
line-height: 24px;
}
#footer_download {
border-left: 5px solid #66ca97;
border-right: 5px solid #66ca94;
background-color: #fff;
padding: 0 40px;
}
.waikuang {
border: 10px solid #97dab6;
display: flex;
padding: 40px 40px 60px;
flex-direction: column;
}
.datiBtn {
display: flex;
place-items: center;
width: 100%;
place-content: center;
}
#checkAnswers {
background: #66ca94;
border: 1px solid #66ca94;
opacity: 1;
font-size: 24px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: center;
color: #ffffff;
line-height: 24px;
padding: 28px 0;
margin: 100px 0 60px;
width: 480px;
}
.all-list {
place-items: center;
}
.generate {
padding-bottom: 10px;
opacity: 1;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;
}
.datiall {
border: 10px solid #97dab6;
display: flex;
flex-direction: column;
}
.option {
display: flex;
place-items: center;
color: #5a5a5a;
margin: 15px 0;
opacity: 1;
font-size: 26px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
text-align: left;
line-height: 39px;
letter-spacing: 1px;
}
.lastBtn {
display: flex;
place-items: center;
cursor: pointer;
position: relative;
}
.header-right1 {
display: flex;
justify-content: space-between;
place-items: center;
}
.header-btnL {
margin-right: 82px;
}
.header-btnL a {
opacity: 1;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #323232;
line-height: 18px;
letter-spacing: 9px;
border-bottom: 2px solid #323232;
padding-bottom: 10px;
}
.header-txt1 {
display: flex;
justify-content: space-between;
place-items: center;
padding: 30px 110px 30px 70px;
margin: 0;
}
#particulars iframe {
width: 100%;
height: 630px;
}
.learn_one{
flex:1;background-color: #f0f0f0;padding: 2% 2% 2% 5%;
.learn_one {
/* flex: 1; */
background-color: #f0f0f0;
padding: 90px 34px 43px 110px;
width: 600px;
}
.file {
position: relative;
display: inline-block;
... ... @@ -65,7 +202,7 @@
.allList {
flex: 2;
padding: 2% 5%;
padding: 100px;
}
.intern-program {
... ... @@ -76,10 +213,12 @@
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;
margin-bottom: 20px;
}
.qiuzhi,
.jinrong {
opacity: 1;
font-size: 40px;
font-family: Helvetica;
text-align: left;
... ... @@ -88,7 +227,7 @@
}
#particulars {
padding: 30px 0;
padding: 50px 0;
font-size: 18px;
font-family: Helvetica;
text-align: left;
... ... @@ -118,7 +257,13 @@
}
#accomplish {
padding: 30px 0;
padding-bottom: 50px;
opacity: 1;
font-size: 18px;
font-family: Helvetica;
text-align: left;
color: #323232;
line-height: 40px;
}
#downloadWork {
... ... @@ -177,6 +322,7 @@
display: flex;
place-items: center;
cursor: pointer;
position: relative;
}
.learn-next-yuan {
... ... @@ -186,10 +332,11 @@
z-index: 2;
width: 40px;
height: 40px;
right: 70px;
}
.learn-next-Btn {
position: relative;
/* position: relative; */
left: 20px;
z-index: 5;
font-size: 18px;
... ... @@ -206,22 +353,36 @@
}
.show1-TwoBtn {
padding: 0 25px;
display: flex;
justify-content: space-between;
padding-top: 5%;
padding-top: 50px;
place-items: center;
}
.div-show2-all {
padding: 2% 5%;
flex: 3;
}
.div-show2-all {}
.all-text {
margin-bottom: 5%;
margin-bottom: 50px;
}
.input-radio {
margin-right: 8px;
}
#timu {
opacity: 1;
font-size: 32px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: left;
color: #323232;
line-height: 48px;
}
.dati-text,
.all-text {
font-size: 40px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
... ... @@ -243,7 +404,7 @@
}
.show-Btn-last-yuan {
position: absolute;
/* position: absolute; */
background-color: #97DAB6;
border-radius: 50%;
z-index: 2;
... ... @@ -252,8 +413,9 @@
}
.show2-last-Btn {
position: relative;
left: 20px;
position: absolute;
left: 10px;
width: 100px;
z-index: 5;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
... ... @@ -271,18 +433,13 @@
.show2-Btn-all {
display: flex;
justify-content: space-between;
padding-top: 5%;
padding-top: 50px;
place-items: center;
}
.show3-all {
flex: 3;
padding: 2% 5%;
}
.show3-all {}
.show4-all {
flex: 3;
padding: 2% 5%;
}
.show4-all {}
.luru {
font-size: 18px;
... ... @@ -292,6 +449,7 @@
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;
padding-bottom: 10px;
}
.dayin,
... ... @@ -306,7 +464,7 @@
.show3-self-info {
border: 10px solid #97dab6;
padding: 10%;
padding: 80px 100px;
display: flex;
flex-direction: column;
place-content: center;
... ... @@ -314,12 +472,32 @@
margin-top: 50px;
}
.show3-self-info div {
opacity: 1;
font-size: 26px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
text-align: center;
color: #5a5a5a;
line-height: 39px;
letter-spacing: 1px;
}
.show3-indo-btn1 {
padding: 2% 14%;
padding: 28px 0;
width: 480px;
margin-top: 32px;
margin-bottom: 50px;
background-color: #66ca94;
color: #fff;
border: 1px solid #66ca94;
opacity: 1;
font-size: 24px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: center;
color: #fcfbfd;
line-height: 24px;
}
.haveZS {
... ... @@ -333,7 +511,7 @@
}
.show4-down-title {
margin-bottom: 5%;
margin-bottom: 50px;
font-size: 40px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
... ... @@ -352,8 +530,20 @@
}
.show4-zi {
padding-top: 2%;
font-size: 32px;
padding-top: 35px;
opacity: 1;
font-size: 36px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: left;
color: #323232;
line-height: 54px;
letter-spacing: 0px;
}
#footer-personalInfo div {
opacity: 1;
font-size: 36px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: left;
... ... @@ -363,7 +553,15 @@
}
.show-fini-title {
padding-top: 2%
padding-top: 50px;
opacity: 1;
font-size: 20px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #000000;
line-height: 30px;
letter-spacing: 0px;
}
.show4-ul {
... ... @@ -371,6 +569,7 @@
}
.show4-ul li {
padding-top: 20px;
font-size: 16px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
... ... @@ -387,6 +586,7 @@
.show4-qianming1 p,
.show4-qianming p {
padding-bottom: 10px;
font-size: 16px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
... ... @@ -398,17 +598,24 @@
.show4-qianming-all {
display: flex;
padding: 5% 0
padding: 70px 0 45px;
}
#title-content h3 {
opacity: 1;
font-size: 24px;
font-family: Helvetica;
text-align: left;
color: #909090;
line-height: 30px;
cursor: pointer;
margin-bottom: 0;
margin-top: 0;
height: 80px;
display: flex;
place-items: center;
}
/* .learn-erji-title {
font-size: 18px;
font-family: Gotham, Gotham-Bold;
... ... @@ -428,27 +635,36 @@
}
#title-content ul li a {
text-decoration: none;
display: block;
/* text-decoration: none;
display: block; */
/* padding: 10px 20px; */
/* background-color: #f5f5f5; */
/* border: 1px solid #ccc; */
border-bottom: none;
/* border-bottom: none;
color: #333;
font-size: 16px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
text-align: left;
color: #323232;
line-height: 30px;
line-height: 30px; */
height: 80px;
opacity: 1;
font-size: 18px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
text-align: left;
color: #323232;
line-height: 80px;
}
#title-content {
border-bottom: 1px solid #ccc;
/* border-bottom: 1px solid #ccc; */
padding-bottom: 20px;
}
#title-content h3:hover {
background: #97dab6;
background: #ccc;
}
#title-content a:hover {
... ... @@ -460,6 +676,7 @@
}
.practiceContent {
padding-bottom: 20px;
font-size: 40px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
... ... @@ -467,10 +684,12 @@
color: #323232;
line-height: 40px;
}
.company_img{
.company_img {
width: 180px;
height: 130px;
}
.header-img1 {
width: 210px;
height: 30px;
... ... @@ -488,13 +707,25 @@
border-bottom: 1px solid #333;
}
.header-right-btn {
width: 70px;
height: 70px;
}
@media(max-width:768px) {
.learn_one{
flex:none;
header nav a {
margin: 0;
}
.learn_one {
width: 100%;
/* flex: none; */
background-color: #f0f0f0;
padding: 2% 2% 2% 5%;
height: 500px;
padding: 20px;
/* height: 500px; */
height: auto;
}
.file {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
... ... @@ -503,6 +734,7 @@
color: #323232;
line-height: 60px;
}
.login-footer-all {
display: flex;
background: #323232;
... ... @@ -510,51 +742,68 @@
place-items: center;
display: flex;
}
footer {
display: none;
}
header nav {
height: auto;
}
header {
height: 70px;
height: auto;
}
.header-btnL {
display: none;
}
.header-loginBtn {
display: none;
}
.header-txt1 {
place-items: center;
padding: 12px 20px;
margin: 0;
margin: 12px 20px;
padding: 0;
}
.header-right-btn {
position: static;
margin-right: 0px;
width: 35px;
height: 35px;
}
.header-text {
padding-left: 0px;
right: 0;
width: 100%;
}
footer {
display: none;
}
.header-img1 {
width: 30%;
}
.learn-all {
min-height: 0px;
height: auto;
display: flex;
flex-direction: column;
}
.allList {
flex: 3;
padding: 0px;
}
.div_show1 {
padding: 20px 40px 40px;
}
.intern-program {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
... ... @@ -563,6 +812,7 @@
color: #66ca94;
line-height: 16px;
}
.qiuzhi,
.jinrong {
font-size: 14px;
... ... @@ -572,6 +822,7 @@
color: #323232;
line-height: 24px;
}
#particulars {
font-size: 9px;
font-family: Helvetica;
... ... @@ -580,6 +831,7 @@
line-height: 20px;
padding: 10px 0;
}
.learn-proFinish {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
... ... @@ -588,6 +840,7 @@
color: #66ca94;
line-height: 16px;
}
.show1-txt2 {
font-size: 9px;
font-family: Helvetica;
... ... @@ -596,22 +849,27 @@
line-height: 20px;
padding: 0px;
}
.show1-BtnAll {
flex-direction: column;
}
#accomplish {
padding: 10px 0 30px;
}
#downloadWork {
background-color: #f0f0f0;
padding: 20px 60px;
margin-bottom: 10px;
}
.show1-Btn1-a {
display: flex;
place-items: center;
place-content: center;
}
.show1-Btn2 span,
.show1-Btn1-a span {
font-size: 14px;
... ... @@ -621,6 +879,7 @@
color: #323232;
line-height: 60px;
}
.show1-Btn2 {
background-color: #f0f0f0;
padding: 20px 60px;
... ... @@ -629,15 +888,18 @@
place-items: center;
place-content: center;
}
.show1-Btn3-img {
width: 10%;
}
.show1-Btn3 {
padding: 20px 60px;
display: flex;
place-items: center;
place-content: center;
}
.show1-Btn3 span {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
... ... @@ -646,17 +908,21 @@
color: #ffffff;
line-height: 60px;
}
.learn-next {
display: flex;
place-items: center;
cursor: pointer;
}
.learn-next-yuan {
display: none;
}
.learn-next-Btn {
display: none;
}
.show2-last-Btn1,
.learn-next-Btn1 {
display: block;
... ... @@ -670,12 +936,15 @@
background: #97dab6;
border-radius: 15px;
}
.show1-TwoBtn {
padding-top: 20px;
}
.div-show2-all {
padding: 10px;
}
.generate {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Regular;
... ... @@ -686,6 +955,7 @@
letter-spacing: 0px;
padding-left: 20px;
}
.dati-text,
.all-text {
font-size: 14px;
... ... @@ -696,9 +966,11 @@
line-height: 24px;
padding-left: 20px;
}
.all-text {
margin-bottom: 20px;
}
.show2-timu {
padding: 20px 20px 0 10px;
font-size: 16px;
... ... @@ -709,15 +981,19 @@
line-height: 24px;
letter-spacing: 0px;
}
.list-left {
display: none;
}
#timu1 {
display: block;
}
#dati-list {
display: flex;
}
#timu1 {
font-size: 14px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
... ... @@ -727,15 +1003,19 @@
line-height: 23px;
letter-spacing: 0px;
}
#timu {
display: none;
}
.list-right {
margin-left: 0px;
}
.all-list {
padding: 0 10px;
}
.checkBtn1,
.checkBtn {
margin: 20px;
... ... @@ -748,23 +1028,29 @@
text-align: center;
padding: 0;
}
.show-Btn-last-yuan {
display: none;
}
.show2-last-Btn {
display: none;
}
.show2-Btn-all {
display: flex;
justify-content: space-between;
padding: 30px;
}
.show3-all {
padding: 10px;
}
.show4-all {
padding: 10px;
}
.luru {
padding-left: 20px;
font-size: 9px;
... ... @@ -775,6 +1061,7 @@
line-height: 16px;
letter-spacing: 0px;
}
.dayin,
.shengcheng {
padding-left: 20px;
... ... @@ -786,6 +1073,7 @@
line-height: 24px;
padding-bottom: 20px;
}
.show3-self-info {
margin-top: 0;
border: 10px solid #97dab6;
... ... @@ -796,6 +1084,7 @@
/* place-content: center;
place-items: center; */
}
.show3-self-info p {
font-size: 9px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
... ... @@ -804,16 +1093,37 @@
color: #5a5a5a;
line-height: 20px;
}
#footer-personalInfo div {
opacity: 1;
font-size: 15px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
text-align: left;
color: #323232;
line-height: 23px;
letter-spacing: 0px;
}
.waikuang {
padding: 15px 12px 20px;
}
.show3-indo-btn1 {
display: flex;
place-items: center;
place-content: center;
padding: 0;
height: 60px;
width: 100%;
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: center;
color: #ffffff;
line-height: 60px;
margin-bottom: 20px;
}
.haveZS {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Regular;
... ... @@ -824,6 +1134,7 @@
letter-spacing: 0px;
padding-left: 20px;
}
.show4-down-title,
.show4-fini-title {
padding-left: 20px;
... ... @@ -834,6 +1145,7 @@
color: #323232;
line-height: 24px;
}
.show4-zi {
font-size: 15px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
... ... @@ -843,7 +1155,9 @@
line-height: 23px;
letter-spacing: 0px;
}
.show-fini-title {
padding-top: 20px;
font-size: 12px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
... ... @@ -852,7 +1166,9 @@
line-height: 18px;
letter-spacing: 0px;
}
.show4-ul li {
padding-top: 10px;
font-size: 9px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
... ... @@ -862,11 +1178,14 @@
letter-spacing: 0px;
padding-bottom: 4px;
}
.show4-qianming {
padding-right: 0;
}
.show4-qianming1 p,
.show4-qianming p {
padding-bottom: 0;
font-size: 9px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
... ... @@ -875,12 +1194,24 @@
line-height: 14px;
letter-spacing: 0px;
}
.show4-qianming-all {
display: flex;
flex-direction: column;
padding: 20px 0;
padding: 0;
margin: 20px 0;
}
.zhengmingBtn button {
font-size: 14px;
width: 100%;
height: 60px;
padding: 0;
margin-top: 20px;
}
.practiceContent {
padding-bottom: 10px;
font-size: 20px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
... ... @@ -888,25 +1219,82 @@
color: #323232;
line-height: 20px;
}
#title-content h3 {
height: 40px;
font-size: 16px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
text-align: left;
color: #323232;
}
#accomplish {
opacity: 1;
font-size: 9px;
font-family: Helvetica;
text-align: justify;
color: #5a5a5a;
line-height: 20px;
}
#particulars iframe {
height: 178px;
}
.option {
opacity: 1;
font-size: 12px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
line-height: 18px;
letter-spacing: 0px;
}
.input-radio {
width: 12px;
height: 12px;
}
.show3-self-info div {
opacity: 1;
font-size: 9px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
text-align: justify;
color: #5a5a5a;
line-height: 20px;
}
#checkAnswers {
display: flex;
place-content: center;
width: 100%;
margin: 20px;
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: right;
color: #ffffff;
}
#title-content ul li a {
line-height: 40px;
height: 40px;
font-size: 14px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
text-align: left;
color: #323232;
}
.company_img{
.company_img {
width: 60px;
height: 40px;
}
.header-img1{
.header-img1 {
width: 105px;
height: 15px;
}
... ... @@ -923,44 +1311,34 @@
</div>
<div class="header-right1">
<div class="header-btnL">
<a href="login.html">
<div class="header-loginBtn" >退出登录</div>
</a>
<a href="login.html">退出登录</a>
</div>
<div>
<!-- <a href="index.html"><img src="./img/portfolio/Y9.png"></a> -->
<a class="header-right-btn" onclick="setPersonal()">
<!-- <h1 class="header-h1-btn" style="background-color: #66CA94;position: absolute;width: 40px;border-radius: 50%;">&nbsp;</h1>
<div class="header-xian">
<div class="header-xian1">&nbsp;</div>
<div class="header-xian2">&nbsp;</div>
</div> -->
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
<img src="./img/portfolio/circle.png" style="width: 100%;height: 100%;">
</a>
</div>
</div>
</div>
</nav>
</header>
<div class="learn-all">
<div class="learn_one">
<h2 class="practiceContent" style='cursor:default'>实习内容</h2>
<div class="practiceContent">实习内容</div>
<div id="title-content"></div>
</div>
<div class="allList">
<!-- 内容页 -->
<div class="div_show1 divClass" style="display: none;">
<p class="intern-program">实习流程 Intern Program Process</p>
<div class="intern-program">实习流程 Intern Program Process</div>
<div class="jinrong">金融界的顶尖名企</div>
<div class="qiuzhi">求知若渴的职场技能</div>
<p id="particulars"></p>
<div id="particulars"></div>
<!-- <p class="learn-proFinish">已完成的实习项目<span style="padding-left: 10px;">3</span></p> -->
<!-- <p class="show1-txt2">start-line虚拟实习项目，传授顶尖名企求知若渴的职场技能，助理学生成功开启职场道路</p> -->
<!-- <p class="learn-proFinish">已完成的实习项目</p> -->
<!-- <div class="show1-img1">
<img src="./images/03-1.png" style='width:100%;'>
</div> -->
<p id="accomplish"></p>
<div id="accomplish"></div>
<div class="show1-BtnAll" style="display: none;">
<!-- 下载作业 -->
<div id="downloadWork">
... ... @@ -975,7 +1353,7 @@
font-size: 100px;
right: 0;
top: 0;
opacity: 0;" >
opacity: 0;">
</a>
</div>
<!-- 完成作业 -->
... ... @@ -987,17 +1365,17 @@
</div>
</div>
<div class="show1-TwoBtn">
<div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn">
<div class="lastBtn">
<h5 class="show-Btn-last-yuan">&nbsp;</h5>
<a onclick="last()" class="show2-last-Btn">
<上一步骤</a>
< 上一步骤</a>
<a onclick="last()" class="show2-last-Btn1">
上一步骤</a>
</div>
<div id="nextchange">
<div class="learn-next">
<h5 class="learn-next-yuan">&nbsp;</h5>
<div class="learn-next-Btn" onclick="next()">下一步骤></div>
<div class="learn-next-Btn" onclick="next()">下一步骤 ></div>
<div class="learn-next-Btn1" onclick="next()">下一步骤</div>
</div>
</div>
... ... @@ -1006,45 +1384,49 @@
<!-- 答题 -->
<div class="div_show2 divClass" style="display: none;">
<div class="div-show2-all">
<p style="color: #66CA94;" class="generate">答题测试 Generate certificate</p>
<div class="generate">答题测试 Generate certificate</div>
<div class="dati-text">答题测试</div>
<div class="all-text">完成全部答题即可查看答案</div>
<div style="border: 10px solid #97dab6;display: flex;flex-direction: column;">
<div class="datiall">
<div style="overflow-y: scroll;">
<p class="show2-timu">选择题(共十道题，已完成0/10)</p>
<div id="recommend-List">
</div>
</div>
<button class="checkBtn" onclick="getValue()">完成答题查看答案</button>
<div class="datiBtn">
<button id="checkAnswers" onclick="getValue()">完成答题查看答案</button>
</div>
</div>
<div class="show2-Btn-all">
<div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn">
<h5 class="show-Btn-last-yuan">&nbsp;</h5>
<a onclick="last()" class="show2-last-Btn">
<上一步骤</a>
< 上一步骤</a>
<a onclick="last()" class="show2-last-Btn1">
上一步骤</a>
</div>
<div style="display: flex;place-items: center;cursor: pointer;">
<div id="nextchange">
<div class="learn-next">
<h5 class="learn-next-yuan">&nbsp;</h5>
<div class="learn-next-Btn" onclick="next()">下一步骤></div>
<div class="learn-next-Btn" onclick="next()">下一步骤 ></div>
<div class="learn-next-Btn1" onclick="next()">下一步骤</div>
</div>
</div>
</div>
</div>
</div>
<!-- 录入信息页 -->
<div class="div_show3 divClass" style="display: none;">
<div class="show3-all">
<p style="color: #66CA94;" class="luru">录入信息 Input information</p>
<div class="luru">录入信息 Input information</div>
<div class="dayin">打印生成的证书</div>
<div class="shengcheng">将按照您提供的姓名生成</div>
<div class="show3-self-info">
<p>1.请浏览个人中心，确认姓氏和名字是否正确。</p>
<p>实习证书将按照您提供的信息打印。如希望检查或修改，请点击以下按钮。</p>
<div>1.请浏览个人中心，确认姓氏和名字是否正确。</div>
<div>实习证书将按照您提供的信息打印。如希望检查或修改，请点击以下按钮。</div>
<button class="show3-indo-btn1" onclick="setPersonal()">我的信息</button>
<p>2.确认无误后，请点击右下角“完成步骤”按钮。</p>
<p>页面将自动返回，你将可以在页面顶部发现“下载证书”并提示下载</p>
<div>2.确认无误后，请点击右下角“完成步骤”按钮。</div>
<div>页面将自动返回，你将可以在页面顶部发现“下载证书”并提示下载</div>
<!-- <button class="checkBtn" onclick="setQuestionId()">生成证书</button> -->
<button class="show3-indo-btn1" onclick="next()">生成证书</button>
</div>
... ... @@ -1052,55 +1434,57 @@
<div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn">
<h5 class="show-Btn-last-yuan">&nbsp;</h5>
<a onclick="last()" class="show2-last-Btn">
<上一步骤</a>
< 上一步骤</a>
<a onclick="last()" class="show2-last-Btn1">
上一步骤</a>
</div>
<div style="display: flex;place-items: center;cursor: pointer;">
<div id="nextchange">
<div class="learn-next">
<h5 class="learn-next-yuan">&nbsp;</h5>
<div class="learn-next-Btn" onclick="next()">下一步骤></div>
<div class="learn-next-Btn" onclick="next()">下一步骤 ></div>
<div class="learn-next-Btn1" onclick="next()">下一步骤</div>
</div>
</div>
</div>
</div>
</div>
<!-- 证书页 -->
<div class="div_show4 divClass" style="display: none;">
<div class='show4-all'>
<p class="haveZS">生成证书 Generate certificate</p>
<div class="show4-fini-title">证书生成完毕</div>
<div class="show4-down-title">您可直接下载保存您的证书</div>
<div style="border: 10px solid #97dab6;display: flex;padding: 4%;flex-direction: column;">
<div style="border-left: 5px solid #66ca97;
border-right: 5px solid #66ca94;
background-color: #fff;padding: 0 5%;" id='footer_download'>
<div class="company_img" >
<div class="waikuang">
<div id='footer_download'>
<div class="company_img">
</div>
<div class="show4-zi">兹证明</div>
<div class="show4-zi" id="footer-personalInfo">
<div id="footer-personalInfo">
</div>
<p class="show-fini-title">完成实习可获得提升以下专业能力</p>
<div class="show-fini-title">完成实习可获得提升以下专业能力</div>
<ul class='show4-ul'>
</ul>
<div class="show4-qianming-all">
</div>
</div>
<button class="checkBtn" id="btn1" style="margin-top: 20px;">下载保存</button>
<div class="zhengmingBtn">
<button id="btn1">下载保存</button>
</div>
</div>
<div class="show2-Btn-all">
<div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn">
<h5 class="show-Btn-last-yuan">&nbsp;</h5>
<a onclick="last()" class="show2-last-Btn">
<上一步骤</a>
< 上一步骤</a>
<a onclick="last()" class="show2-last-Btn1">
上一步骤</a>
</div>
<div id="nextchange">
<div class="learn-next">
<h5 class="learn-next-yuan">&nbsp;</h5>
<div class="learn-next-Btn" onclick="commitPro()">完成</div>
<div class="learn-next-Btn1" onclick="commitPro()">完成</div>
<div class="learn-next-Btn" onclick="commitPro()">退出实习 ></div>
<div class="learn-next-Btn1" onclick="commitPro()">退出实习</div>
</div>
</div>
</div>
... ... @@ -1117,7 +1501,8 @@
font-family: PingFangSC, PingFangSC-Regular;
text-align: center;
font-size: 9px;margin-top: 12px;">成功职场第一步，从Start-Line开始</div>
<div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">关注Start-Line</div>
<div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
关注Start-Line</div>
<div style="width: 25%;margin-bottom: 200px;">
<img src="img/portfolio/EWM.png" width="100%">
</div>
... ... @@ -1219,7 +1604,7 @@
<!-- carousel -->
<script src="owl-carousel/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$(document).ready(function () {
$("#owl-brand").owlCarousel({
autoPlay: 3000,
items: 1,
... ...
... ... @@ -69,7 +69,7 @@ $(document).ready(function () {
title1 += `
<li id="content-list" data-index="` + ii + `" class='leftClick' style='display:flex;margin-bottom:8px;cursor: pointer;margin-left: 10px;
place-items: center;'>
<div class="noCheck ` + `${selected}` + `" ` + `data-id='` + val.id + `' style='margin-right:6px'></div>
<div class="noCheck ` + `${selected}` + `" ` + `data-id='` + val.id + `' style='margin-right:10px'></div>
<a class='learn-erji-title' style='flex:1'>${val.subhead}</a>
</li>`
ii++;
... ... @@ -204,7 +204,7 @@ $('#title-content').on('click', '.leftClick', function (e) {
<div class='left-num'>${x < 10 ? '0' + x : x}</div>
</div>
<!-- 线 -->
<div class='left-xian' style="height:100px;">&nbsp;</div>
<div class='left-xian' style="height:200px;">&nbsp;</div>
</div>
<!-- 题目 -->
<div class="list-right" id="dati-list">
... ... @@ -212,13 +212,13 @@ $('#title-content').on('click', '.leftClick', function (e) {
<div class="questList" id="questList${res.data[i].id}" data-index="${i}" data-id='${res.data[i].id}'>
<div id="timu" >${res.data[i].topic}</div>
<div id="timu1" >${res.data[i].id + '.' + res.data[i].topic}</div>
<div style="display: flex;place-items: center; color: #5a5a5a;margin:10px 0" >
<div class='option'>
<input id="${res.data[i].id}answer1" type="radio" class="input-radio" value="${res.data[i].issue1}" data-id="1" name="${i}" />${res.data[i].issue1}</div>
<div style="display: flex;place-items: center; color: #5a5a5a;margin:10px 0" >
<div class='option'>
<input id="${res.data[i].id}answer2" type="radio" class="input-radio" value="${res.data[i].issue2}" data-id="2" name="${i}" />${res.data[i].issue2}</div>
<div style="display: flex;place-items: center; color: #5a5a5a;margin:10px 0" >
<div class='option'>
<input id="${res.data[i].id}answer3" type="radio" class="input-radio" value="${res.data[i].issue3}" data-id="3" name="${i}" />${res.data[i].issue3}</div>
<div style="display: flex;place-items: center; color: #5a5a5a;" >
<div class='option'>
<input id="${res.data[i].id}answer4" type="radio" class="input-radio" value="${res.data[i].issue4}" data-id="4" name="${i}" />${res.data[i].issue4}</div>
</div>
</div>
... ... @@ -228,6 +228,28 @@ $('#title-content').on('click', '.leftClick', function (e) {
}, function (res) {
console.log(res);
})
// 答案回显
ajax("/recommend/recommendFiveLists", "GET", header, params1, function (res1) {
console.log(res1);
if(res1.data != null && res1.data != ''){
console.log(111111111);
var data = res1.data
for (var i in data) {
if (data[i].answer === data[i].answer1) {
$("#" + (data[i].recommendFiveId) + 'answer' + data[i].answer1).css({ "background": 'url("images/radio.png") no-repeat center', "background-size": "20px" });
} else {
$("#left-yuan" + (data[i].recommendFiveId)).css('background-color', '#FF6F6F')
$("#" + (data[i].recommendFiveId) + 'answer' + data[i].answer).css('background', 'url("images/red.png") no-repeat center');
$("#" + (data[i].recommendFiveId) + 'answer' + data[i].answer1).css({ "background": 'url("images/radio.png") no-repeat center', "background-size": "20px" });
}
}
$(".option input").attr("disabled","disabled");
$(".datiall button").attr("disabled","disabled");
}
}, function (data) {
// console.log(data);
})
cc += 1;
}
} else if (val.status == '3') {
... ... @@ -331,6 +353,8 @@ $('#recommend-List').on('click', '.input-radio', function (e) {
})
//完成答案按钮
function getValue() {
// $(".checkAnswers").change(function(){
console.log(11111);
$("input").filter(":radio").removeAttr("checked");
var first_id = $('.check').attr('data-id');
// console.log(first_id);
... ... @@ -373,6 +397,8 @@ function getValue() {
}, function (res) {
// console.log(res);
})
// })
}
//上一步
function last() {
... ...
... ... @@ -272,7 +272,7 @@ function payment() {
console.log(res2.data);
if (res2.data == '2') {
clearInterval(timeInterval)
alert("支付成功，审核通过后即可成为会员！")
alert("支付成功")
window.location.href = 'personalCenter2.html'
// $('.payStatus').html("支付成功，审核通过后即可成为会员！")
}
... ... @@ -316,8 +316,8 @@ function payment() {
if (res2.data == '2') {
clearInterval(timeInterval)
window.location.href = 'personalCenter.html'
alert("支付成功，审核通过后即可成为会员！")
$('.payStatus').html("支付成功，审核通过后即可成为会员！")
alert("支付成功")
// $('.payStatus').html("支付成功，审核通过后即可成为会员！")
}
}, function(res) {})
}, 2000)
... ...