杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 0f5d87b05df73657a5c399fd944d7bad51a529bf 1 个父辈 3bc7d6d2
1 个管道 的构建 通过 耗费 3 秒

提交

内嵌 并排对比
正在显示 6 个修改的文件 包含 205 行增加 和 84 行删除
... ... @@ -1669,4 +1669,21 @@ a.btn:focus {
.header-btnL {
display: none;
}
}
.checkStatus {
border-radius: 50%;
border: 1px solid #c9c9c9;
width: 20px;
height: 20px;
/* background-color: #fff; */
background: url('../images/radio.png') no-repeat center;
}
.noCheck {
border-radius: 50%;
border: 1px solid #c9c9c9;
width: 20px;
height: 20px;
background-color: #fff;
}
\ No newline at end of file
... ...
... ... @@ -65,9 +65,9 @@
<div id="page-content">
</section>
<!-- 大图 -->
<section>
<a class="portfolio-box">
<img src="img/portfolio/C2.png" class="img-responsive" alt="">
<a class="portfolio-box" id="oneimg1">
</a>
</section>
... ... @@ -81,9 +81,9 @@
<!-- 左图右字 -->
<section class="section padding-top-70 padding-bottom-01" id="features" style="background-color: #f0f0f0;">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-12 col-sm-12 align-self-center" id="oneimg1" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
<img id="oneimg1" src="img/portfolio/E1.png" class="rounded img-fluid d-block mx-auto" alt="">
<div class="row" style="margin-left:25px;margin-right: 25px;">
<div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s" id="twoimg2">
<!-- <img src="img/portfolio/13-1.png" class="rounded img-fluid d-block mx-auto" alt="" style="width: 80%;height: 50%;"> -->
</div>
<div class="col-lg-1"></div>
<div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
... ... @@ -98,11 +98,11 @@
</div>
</div>
</div>
<div class="row">
<!-- <div class="row">
<div class="col-lg-12">
<div class="hr"></div>
</div>
</div>
</div> -->
</div>
</section>
... ... @@ -124,8 +124,8 @@
<section class="section padding-top-70 padding-bottom-01" id="features" style="background-color: #323232;">
<div class="container " style="z-index: 10; ">
<div class="row ">
<div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
<img src="img/portfolio/F1.png " class="rounded img-fluid d-block mx-auto" alt=" ">
<div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s" id="fourimg3">
<img src="img/portfolio/F1.png " class="rounded img-fluid d-block mx-auto" alt=" " style="width: 100%;height: 70%;">
</div>
<div class="col-lg-1"></div>
<div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
... ... @@ -301,9 +301,9 @@
<a class="footer-title" href="index.html">关于Start-Line</a>
<a class="footer-title" href="participated.html">联系我们</a>
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;" id="sevenimg4">
<h2 class="footer-title">关注Start-Line</h2>
<img src="img/portfolio/EWM.png" style="width: 50%;">
<!-- <img src="img/portfolio/EWM.png" style="width: 50%;"> -->
</div>
</div>
... ...
... ... @@ -5,7 +5,7 @@ $(document).ready(function() {
url: "http://192.168.1.241:9004/warranty/warrantyList",
headers: {
"Content-Type": "application/x-www-form-urlencoded",
"token": localStorage.getItem('token'),
// "token": localStorage.getItem('token'),
},
success: function(res) {
console.log('1', res);
... ... @@ -26,8 +26,14 @@ $(document).ready(function() {
$('#sevenfields1').html(res.data.sevenfields1)
$('#sevenfields2').html(res.data.sevenfields2)
//图片
let str = `<img src="${res.data.oneimg1}" class="rounded img-fluid d-block mx-auto" alt="" >`
$('#oneimg1').html(str)
let img1 = `<img src="${res.data.oneimg1}" class="img-responsive" alt="" style='width:100%;height:60%;'>`
$('#oneimg1').html(img1)
let img2 = `<img src="${res.data.twoimg2}" class="rounded img-fluid d-block mx-auto" alt="" style="width: 80%;height: 50%;">`
$('#twoimg2').html(img2)
let img3 = `<img src="${res.data.fourimg3}" class="rounded img-fluid d-block mx-auto" alt=" " style="width: 100%;height: 70%;">`
$('#fourimg3').html(img3)
let EWM = `<img src="${res.data.sevenimg4}" width="50%">`
$('#sevenimg4').html(EWM)
}
})
... ...
... ... @@ -44,11 +44,12 @@
<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>
<!-- <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>
</div> -->
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
</a>
</div>
</div>
... ... @@ -64,19 +65,66 @@
<h2>实习内容</h2>
<div id="title-content">
</div>
<!-- <p id="content-list"><input type="radio" class="input-radio" />1.1走进弗若斯特沙利文</p> -->
<!-- <p><input type="radio" class="input-radio" />1.2行业研究员的基本素养</p>
<p><input type="radio" class="input-radio" />1.3沙利文行业研究领域</p>
<p><input type="radio" class="input-radio" />1.4行业研究方法101</p>
<p><input type="radio" class="input-radio" />1.5沙利文行业研究步骤</p>
<p><input type="radio" class="input-radio" />1.6沙利文行业报告实例剖析</p>
<p><input type="radio" class="input-radio" />1.7培训总结一页通</p> -->
<!-- </div> -->
</div>
<div class="allList" style="flex:3; padding: 2% 5%;">
<div>
<div class="div_show divClass">
<p style="color: #66CA94;">实习流程 Intern Program Process</p>
<h1>金融界的顶尖名企</h1>
<h1>求知若渴的职场技能</h1>
<p style="padding: 30px 0;" id="particulars"></p>
<p style="color: #66ca97;">已完成的实习项目<span>3</span></p>
<p style="padding: 2% 0;">已完成的实习项目已完成的实习项目已完成的实习项目已完成的实习项目</p>
<p style="color: #66ca97;padding-bottom: 2%;">已完成的实习项目<span>3</span></p>
<img src="./images/03-1.png" style='width:100%;'>
<p style="padding: 30px 0;" id="accomplish"></p>
<div style="display: flex;justify-content: space-between;">
<div style="background-color: #f0f0f0;padding: 2% 3%;" id="downloadWork">
<!-- <a href="" target="_blank">
<img src='./images/03-4.png' style="padding-right: 5%;">
<span>下载实习作业</span>
</a> -->
</div>
<div style="background-color: #f0f0f0;padding: 2% 3%;">
<img src='./images/03-5.png' style="padding-right: 5%;">
<span>提交实习作业</span>
</div>
<div style="background-color: #f0f0f0;padding: 2% 3%;">
<img src='./images/03-2.png' style="padding-right: 5%;">
<span>恭喜你，完成</span>
</div>
</div>
<div style="display: flex;justify-content: space-between;padding-top: 5%;">
<div style="display: flex;place-items: center;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">&nbsp;</h5>
<a href="single.html" style="position: relative;left: 20px;color:#323232; z-index: 5;">
<上一步骤</a>
</div>
<div style="display: flex;place-items: center;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">&nbsp;</h5>
<div onclick="setQuestionId()" style="position: relative;left: 20px;color:#323232; z-index: 5;">下一步骤></div>
</div>
</div>
</div>
<div class="div_show1 divClass">
<div class="checkStatus noCheck"></div>
</div>
<div class="div_show2 divClass">333333</div>
</div>
<div>
</div>
</div>
<div style="flex:3; padding: 2% 5%;">
<!-- <div style="flex:3; padding: 2% 5%;">
<p style="color: #66CA94;">实习流程 Intern Program Process</p>
<h1>金融界的顶尖名企</h1>
<h1>求知若渴的职场技能</h1>
... ... @@ -113,12 +161,8 @@
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">&nbsp;</h5>
<div onclick="setQuestionId()" style="position: relative;left: 20px;color:#323232; z-index: 5;">下一步骤></div>
</div>
<!-- <button style="background-color: #fcfbfd;border: none;" onclick="setQuestionId()">
下一步骤>
</button> -->
</div>
</div>
</div> -->
</div>
... ... @@ -132,32 +176,21 @@
<div class="container">
<div class="row">
<div class="col-footer col-md-3">
<!-- <h2 class="footer-title">About Us</h2> -->
<img src="img/portfolio/B2.png">
<p class="footer-title" style="color: #fff;padding-top: 10%;font-size: 0.8em;">成功职场第一步，从Start-Line开始</p>
<!-- <div class="textwidget">
</div> -->
</div>
<div class="col-footer col-md-3 widget_recent_entries">
<h2 class="footer-title">网站导航</h2>
<h2 class="footer-title">网站首页</h2>
<h2 class="footer-title">实习项目</h2>
<!-- <ul>
<li><a href="#">MOST VISITED COUNTRIES</a></li>
<li><a href="#">5 PLACES THAT MAKE A GREAT HOLIDAY</a></li>
<li><a href="#">PEBBLE TIME STEEL IS ON TRACK TO SHIP IN JULY</a></li>
<li><a href="#">STARTUP COMPANY&#8217;S CO-FOUNDER TALKS ON HIS NEW PRODUCT</a></li>
</ul> -->
</div>
<div class="col-footer col-md-3">
<h2 class="footer-title">关于我们</h2>
<h2 class="footer-title">网站首页</h2>
<h2 class="footer-title">实习项目</h2>
<!-- If you want to receive our latest news send directly to your email, please leave your email address bellow. Subscription is free and you can cancel anytime.
<form action="#" method="post">
<input type="text" name="your-name" value="" size="40" placeholder="Your Email" />
<input type="submit" value="SUBSCRIBE" class="btn btn-3" />
</form> -->
</div>
<div class="col-footer col-md-3">
<h2 class="footer-title">关注Start-Line</h2>
... ...
$(document).ready(function() {
var url = window.location.search;
console.log(url);
if (url.indexOf('?') != -1) {
newId = url.substr(4)
console.log(newId);
//获取左边实习内容list
$.ajax({
type: 'GET',
url: 'http://192.168.1.241:9004/recommend/recommendTwoList',
headers: {
"Content-Type": "application/x-www-form-urlencoded",
"token": localStorage.getItem('token'),
},
data: {
id: newId
},
success: function(res) {
console.log(res);
for (let i in res.data) {
console.log(res.data);
let title = `<div>
var url = window.location.search;
console.log(url);
if (url.indexOf('?') != -1) {
newId = url.substr(4)
console.log(newId);
//获取左边实习内容list
$.ajax({
type: 'GET',
url: 'http://192.168.1.241:9004/recommend/recommendTwoList',
headers: {
"Content-Type": "application/x-www-form-urlencoded",
"token": localStorage.getItem('token'),
},
data: {
id: newId
},
success: function(res) {
console.log(res);
//左边list
for (let i in res.data) {
console.log(res.data);
let title = `<div>
<div id="title-head">${res.data[i].headline}</div>
</div>
<div id="content-l">
<div id="content-l" click='rid()'>
</div>`
$("#title-content").append(title)
}
for (let i in res.data) {
$.each(res.data[i].recommendThrees, function(index, val) {
console.log(val.subhead);
let title1 = `<p id="content-list" style='display:flex'><input type="radio" class="input-radio" name='input-radio'>${val.subhead}</input></p>`
$("#content-l").append(title1)
})
$("#title-content").append(title)
}
for (let i in res.data) {
$.each(res.data[i].recommendThrees, function(index, val) {
console.log(val.subhead);
//左边菜单
// let html = '';
// if (index == 0) {
// html = `<div class="checkStatus noCheck" style='margin-right:6px'></div>`
// } else {
// html = `<div class="noCheck" style='margin-right:6px'></div>`
// }
// let title1 = `
// <div id="content-list" onClick='dianji(${index})' style='display:flex;margin-bottom:8px'>
// ` + html + `
// <div style='flex:1'>${val.subhead}<div>
// </div>`
// $("#content-l").append(title1)
// $('.divClass').eq(0).css('display', 'block').siblings().css('display', 'none')
let title1 = `
<div id="content-list" onClick='dianji(${index})' style='display:flex;margin-bottom:8px'>
<div class="noCheck checkStatus" style='margin-right:6px'></div>
<div style='flex:1'>${val.subhead}<div>
</div>`
$("#content-l").append(title1)
//右边显示
if (val.status == '1') {
$("#particulars").html(val.particulars)
$("#accomplish").html(val.accomplish)
let work = `
<a href="${val.downloadHomework}" target="_blank">
<img src='./images/03-4.png' style="padding-right: 5%;">
<span>下载实习作业</span>
</a>`
$("#downloadWork").html(work)
}
})
}
}
})
}
})
}
})
}
})
// $('#content-l').click(function(e) {
// console.log(e);
// })
// $('.divClass').on('click', '.noCheck', function(e) {
// console.log()
// if ($(this).hasClass('checkStatus')) {
// $(this).removeClass('checkStatus')
// } else {
// $(this).addClass('checkStatus')
// }
// // $(this).siblings('.checkStatus')
// })
// $('.divClass').eq(index).find('.noCheck').addClass('checkStatus')
function dianji(index) {
console.log(index)
console.log(123);
$('.divClass').eq(index).css('display', 'block').siblings().css('display', 'none')
}
function setQuestionId() {
window.location.href = 'question.html?id=' + newId
console.log(newId);
// window.location.href = 'question.html?id=' + newId
// console.log(newId);
}
//获取用户VIP信息判断是否是VIP
function setPersonal() {
... ...
... ... @@ -25,6 +25,14 @@
<link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<style>
.titleDiv div,
.titleDiv p,
.titleDiv span {
color: #fff !important;
}
</style>
</head>
... ... @@ -104,8 +112,7 @@
<h3 id="twoName" style="color: #66CA94"></h3>
<h3 id="twoNames" style="color: #66CA94"></h3>
</div>
<p class="section-title" style="color:#fff;" id="twofield1"></p>
<p class="section-title" style="color:#fff;" id="twofield1"></p>
<div class="section-title titleDiv" style="color:red !important;" id="twofield1"></div>
</div>
</div>
</div>
... ...