eduauto
9 months ago
parent
9149d2222e
commit
eb5543b5e5
@ -1,251 +1,251 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>心脏救助过程</title>
|
||||
<link rel="stylesheet" href="./iconfont/iconfont.css">
|
||||
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
||||
|
||||
<style>
|
||||
html,body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.process_wrap {
|
||||
max-width: 393px;
|
||||
max-height: 410px;
|
||||
overflow: auto hidden;
|
||||
scrollbar-width: none; /* Firefox */
|
||||
-ms-overflow-style: none; /* IE 10+ */
|
||||
}
|
||||
|
||||
.process_wrap::-webkit-scrollbar {
|
||||
display:none !important;
|
||||
width:0;
|
||||
height:0 !important;
|
||||
color:transparent;
|
||||
}
|
||||
|
||||
.process_title {
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
margin-top: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.step {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20px 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.step p {
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.step .mask {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
|
||||
.hovericon {
|
||||
border-radius: 50%;
|
||||
box-shadow: 0px 10px 10px 0px rgb(209, 232, 243);
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.wancheng {
|
||||
position: absolute;
|
||||
width: 32px;
|
||||
z-index: 999;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -50px;
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
#line1,
|
||||
#line2 {
|
||||
width: 112px;
|
||||
margin: 10px;
|
||||
margin-top: -60px;
|
||||
color: rgb(235, 238, 240);
|
||||
}
|
||||
|
||||
.hoverline-ver {
|
||||
color: rgb(176, 184, 200);
|
||||
}
|
||||
|
||||
#line_slant {
|
||||
width: 112px;
|
||||
/* margin:0 auto; */
|
||||
margin-left:140px;
|
||||
color: rgb(235, 238, 240);
|
||||
transform: translate(-8px, -80px);
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.colorBlue {
|
||||
color: #3061D0 !important;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
cursor:not-allowed !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="process_wrap">
|
||||
<div class="process_title">救助过程</div>
|
||||
<div>
|
||||
<div class="step">
|
||||
<div id="xianchangqueren" style="position:relative;" key="1">
|
||||
<img src="./images/finish.png" class="wancheng hidden">
|
||||
<span class="mask"></span>
|
||||
<img src="./images/xianchangqueren.png" width='80' class="icon">
|
||||
<p>第一步<br />现场安全</p>
|
||||
</div>
|
||||
<div id="line1">
|
||||
<i class="iconfont icon-shangbianxiantiao line-ver"></i>
|
||||
</div>
|
||||
<div id="panduanhujiu" style="position:relative;" key="2">
|
||||
<img src="./images/finish.png" class="wancheng hidden">
|
||||
<span class="mask"></span>
|
||||
<img src="./images/panduanhujiu.png" width='80' class="icon">
|
||||
<p>第二步<br />判断呼救</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="line_slant">
|
||||
<i class="iconfont icon-xiebianjiantou line-ver" style="font-size:88px"></i>
|
||||
</div>
|
||||
<div class="step" style="transform: translateY(-93px);">
|
||||
<div id="xinzangfusu" style="position:relative;" key="3">
|
||||
<img src="./images/finish.png" class="wancheng hidden">
|
||||
<span class="mask"></span>
|
||||
<img src="./images/xinzangfusu.png" width="80" class="icon">
|
||||
<p>第三步<br />心脏复苏</p>
|
||||
</div>
|
||||
<div id="line2">
|
||||
<i class="iconfont icon-shangbianxiantiao line-ver"></i>
|
||||
</div>
|
||||
<div id="shiyongaed" style="position:relative;" key="4">
|
||||
<img src="./images/finish.png" class="wancheng hidden">
|
||||
<span class="mask"></span>
|
||||
<img src="./images/shiyongaed.png" width="80" class="icon">
|
||||
<p>第四步<br />使用AED</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
let elems = document.querySelectorAll('div[key]');
|
||||
|
||||
const getIdentifier = () => {
|
||||
// const url = window.location.href;
|
||||
// let identifier = url.substr(url.lastIndexOf('/') + 1);
|
||||
// if (identifier.indexOf('?') !== -1) {
|
||||
// identifier = identifier.substr(0, identifier.indexOf('?'))
|
||||
// }
|
||||
return window.top.location.pathname.split("/").pop();
|
||||
}
|
||||
|
||||
const handleElements = () => {
|
||||
for (let i = 0; i < elems?.length; i++) {
|
||||
const el = elems[i];
|
||||
const key = el.getAttribute("key")
|
||||
data?.map(item => {
|
||||
if (key == item?.position) {
|
||||
|
||||
if(data?.[item?.position - 2]?.status == 2 || item?.status == 2 || item?.position == 1){
|
||||
if(data?.[item?.position - 2]?.status == 2 && item?.status != 2){ //防止绑定两次相同的点击事件
|
||||
el.addEventListener("click", function () {
|
||||
window.top.location.href = `https://educoder.net/tasks/${item?.identifier}`
|
||||
})
|
||||
}
|
||||
el.style.cursor="pointer";
|
||||
el.addEventListener("mouseover",function(){
|
||||
el.getElementsByClassName("mask")[0].classList.add("hidden")
|
||||
el.getElementsByTagName('p')[0].classList.add("colorBlue")
|
||||
el.getElementsByClassName("icon")[0].classList.add("hovericon")
|
||||
})
|
||||
el.addEventListener("mouseout",function(){
|
||||
if(getIdentifier() != item?.identifier){
|
||||
el.getElementsByClassName("mask")[0].classList.remove("hidden")
|
||||
el.getElementsByTagName('p')[0].classList.remove("colorBlue")
|
||||
}
|
||||
el.getElementsByClassName("icon")[0].classList.remove("hovericon")
|
||||
})
|
||||
}
|
||||
else {
|
||||
el.getElementsByTagName('span')[0].classList.add("disabled")
|
||||
el.getElementsByTagName('span')[0].setAttribute("title","需通过前置步骤才能进入")
|
||||
el.getElementsByTagName('p')[0].classList.add("disabled")
|
||||
el.getElementsByTagName('p')[0].setAttribute("title","需通过前置步骤才能进入")
|
||||
}
|
||||
|
||||
if(getIdentifier() == item?.identifier && data?.[item?.position - 2]?.status == 2){
|
||||
if(item?.position == 2){
|
||||
document.getElementById("line1")?.getElementsByClassName("line-ver")[0].classList.add("hoverline-ver")
|
||||
}
|
||||
if(item?.position == 3){
|
||||
document.getElementById("line_slant")?.getElementsByClassName("line-ver")[0].classList.add("hoverline-ver")
|
||||
}
|
||||
if(item?.position == 4){
|
||||
document.getElementById("line2")?.getElementsByClassName("line-ver")[0].classList.add("hoverline-ver")
|
||||
}
|
||||
}
|
||||
if (item?.finished_time) {
|
||||
el.addEventListener("click", function () {
|
||||
window.top.location.href = `https://educoder.net/tasks/${item?.identifier}`
|
||||
})
|
||||
el.style.cursor="pointer";
|
||||
const wanchengIcon = el.getElementsByClassName("wancheng")[0]
|
||||
wanchengIcon.classList.remove("hidden")
|
||||
}
|
||||
if (getIdentifier() == item?.identifier) {
|
||||
const mask = el.getElementsByClassName("mask")[0]
|
||||
mask.classList.add("hidden")
|
||||
const desc = el.getElementsByTagName('p')[0]
|
||||
desc.classList.add("colorBlue")
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
const getData=()=>{
|
||||
const id = JSON.parse(sessionStorage.tasksData).myshixun.identifier
|
||||
axios.get("https://data.educoder.net/api/myshixuns/"+ id +"/challenges.json", {
|
||||
withCredentials: true
|
||||
}).then(function (res) {
|
||||
data = res?.data || []
|
||||
handleElements()
|
||||
})
|
||||
}
|
||||
|
||||
let data = [];
|
||||
getData();
|
||||
// window.addEventListener('message', getData, false);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>心脏救助过程</title>
|
||||
<link rel="stylesheet" href="./iconfont/iconfont.css">
|
||||
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
||||
|
||||
<style>
|
||||
html,body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.process_wrap {
|
||||
max-width: 393px;
|
||||
max-height: 410px;
|
||||
overflow: auto hidden;
|
||||
scrollbar-width: none; /* Firefox */
|
||||
-ms-overflow-style: none; /* IE 10+ */
|
||||
}
|
||||
|
||||
.process_wrap::-webkit-scrollbar {
|
||||
display:none !important;
|
||||
width:0;
|
||||
height:0 !important;
|
||||
color:transparent;
|
||||
}
|
||||
|
||||
.process_title {
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
margin-top: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.step {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20px 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.step p {
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.step .mask {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
|
||||
.hovericon {
|
||||
border-radius: 50%;
|
||||
box-shadow: 0px 10px 10px 0px rgb(209, 232, 243);
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.wancheng {
|
||||
position: absolute;
|
||||
width: 32px;
|
||||
z-index: 999;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -50px;
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
#line1,
|
||||
#line2 {
|
||||
width: 112px;
|
||||
margin: 10px;
|
||||
margin-top: -60px;
|
||||
color: rgb(235, 238, 240);
|
||||
}
|
||||
|
||||
.hoverline-ver {
|
||||
color: rgb(176, 184, 200);
|
||||
}
|
||||
|
||||
#line_slant {
|
||||
width: 112px;
|
||||
/* margin:0 auto; */
|
||||
margin-left:140px;
|
||||
color: rgb(235, 238, 240);
|
||||
transform: translate(-8px, -80px);
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.colorBlue {
|
||||
color: #3061D0 !important;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
cursor:not-allowed !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="process_wrap">
|
||||
<div class="process_title">救助过程</div>
|
||||
<div>
|
||||
<div class="step">
|
||||
<div id="xianchangqueren" style="position:relative;" key="1">
|
||||
<img src="./images/finish.png" class="wancheng hidden">
|
||||
<span class="mask"></span>
|
||||
<img src="./images/xianchangqueren.png" width='80' class="icon">
|
||||
<p>第一步<br />现场安全</p>
|
||||
</div>
|
||||
<div id="line1">
|
||||
<i class="iconfont icon-shangbianxiantiao line-ver"></i>
|
||||
</div>
|
||||
<div id="panduanhujiu" style="position:relative;" key="2">
|
||||
<img src="./images/finish.png" class="wancheng hidden">
|
||||
<span class="mask"></span>
|
||||
<img src="./images/panduanhujiu.png" width='80' class="icon">
|
||||
<p>第二步<br />判断呼救</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="line_slant">
|
||||
<i class="iconfont icon-xiebianjiantou line-ver" style="font-size:88px"></i>
|
||||
</div>
|
||||
<div class="step" style="transform: translateY(-93px);">
|
||||
<div id="xinzangfusu" style="position:relative;" key="3">
|
||||
<img src="./images/finish.png" class="wancheng hidden">
|
||||
<span class="mask"></span>
|
||||
<img src="./images/xinzangfusu.png" width="80" class="icon">
|
||||
<p>第三步<br />心脏复苏</p>
|
||||
</div>
|
||||
<div id="line2">
|
||||
<i class="iconfont icon-shangbianxiantiao line-ver"></i>
|
||||
</div>
|
||||
<div id="shiyongaed" style="position:relative;" key="4">
|
||||
<img src="./images/finish.png" class="wancheng hidden">
|
||||
<span class="mask"></span>
|
||||
<img src="./images/shiyongaed.png" width="80" class="icon">
|
||||
<p>第四步<br />使用AED</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
let elems = document.querySelectorAll('div[key]');
|
||||
|
||||
const getIdentifier = () => {
|
||||
// const url = window.location.href;
|
||||
// let identifier = url.substr(url.lastIndexOf('/') + 1);
|
||||
// if (identifier.indexOf('?') !== -1) {
|
||||
// identifier = identifier.substr(0, identifier.indexOf('?'))
|
||||
// }
|
||||
return window.top.location.pathname.split("/").pop();
|
||||
}
|
||||
|
||||
const handleElements = () => {
|
||||
for (let i = 0; i < elems?.length; i++) {
|
||||
const el = elems[i];
|
||||
const key = el.getAttribute("key")
|
||||
data?.map(item => {
|
||||
if (key == item?.position) {
|
||||
|
||||
if(data?.[item?.position - 2]?.status == 2 || item?.status == 2 || item?.position == 1){
|
||||
if(data?.[item?.position - 2]?.status == 2 && item?.status != 2){ //防止绑定两次相同的点击事件
|
||||
el.addEventListener("click", function () {
|
||||
window.top.location.href = `https://educoder.net/tasks/${item?.identifier}`
|
||||
})
|
||||
}
|
||||
el.style.cursor="pointer";
|
||||
el.addEventListener("mouseover",function(){
|
||||
el.getElementsByClassName("mask")[0].classList.add("hidden")
|
||||
el.getElementsByTagName('p')[0].classList.add("colorBlue")
|
||||
el.getElementsByClassName("icon")[0].classList.add("hovericon")
|
||||
})
|
||||
el.addEventListener("mouseout",function(){
|
||||
if(getIdentifier() != item?.identifier){
|
||||
el.getElementsByClassName("mask")[0].classList.remove("hidden")
|
||||
el.getElementsByTagName('p')[0].classList.remove("colorBlue")
|
||||
}
|
||||
el.getElementsByClassName("icon")[0].classList.remove("hovericon")
|
||||
})
|
||||
}
|
||||
else {
|
||||
el.getElementsByTagName('span')[0].classList.add("disabled")
|
||||
el.getElementsByTagName('span')[0].setAttribute("title","需通过前置步骤才能进入")
|
||||
el.getElementsByTagName('p')[0].classList.add("disabled")
|
||||
el.getElementsByTagName('p')[0].setAttribute("title","需通过前置步骤才能进入")
|
||||
}
|
||||
|
||||
if(getIdentifier() == item?.identifier && data?.[item?.position - 2]?.status == 2){
|
||||
if(item?.position == 2){
|
||||
document.getElementById("line1")?.getElementsByClassName("line-ver")[0].classList.add("hoverline-ver")
|
||||
}
|
||||
if(item?.position == 3){
|
||||
document.getElementById("line_slant")?.getElementsByClassName("line-ver")[0].classList.add("hoverline-ver")
|
||||
}
|
||||
if(item?.position == 4){
|
||||
document.getElementById("line2")?.getElementsByClassName("line-ver")[0].classList.add("hoverline-ver")
|
||||
}
|
||||
}
|
||||
if (item?.finished_time) {
|
||||
el.addEventListener("click", function () {
|
||||
window.top.location.href = `https://educoder.net/tasks/${item?.identifier}`
|
||||
})
|
||||
el.style.cursor="pointer";
|
||||
const wanchengIcon = el.getElementsByClassName("wancheng")[0]
|
||||
wanchengIcon.classList.remove("hidden")
|
||||
}
|
||||
if (getIdentifier() == item?.identifier) {
|
||||
const mask = el.getElementsByClassName("mask")[0]
|
||||
mask.classList.add("hidden")
|
||||
const desc = el.getElementsByTagName('p')[0]
|
||||
desc.classList.add("colorBlue")
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
const getData=()=>{
|
||||
const id = JSON.parse(sessionStorage.tasksData).myshixun.identifier
|
||||
axios.get("https://data.educoder.net/api/myshixuns/"+ id +"/challenges.json", {
|
||||
withCredentials: true
|
||||
}).then(function (res) {
|
||||
data = res?.data || []
|
||||
handleElements()
|
||||
})
|
||||
}
|
||||
|
||||
let data = [];
|
||||
getData();
|
||||
// window.addEventListener('message', getData, false);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
.bg___cr83O{width:100%;margin:0 auto 20px;background-color:#fff}.header___JHbgV{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;width:100%;font-size:16px}.header___JHbgV a{color:#999}.header___JHbgV a:hover{color:#111c24}.line___xOZnd{height:1px;margin:0 30px;background:#f1f1f1}.main___PO6OY{padding:0 30px}.main___PO6OY .ant-table-thead>tr>th{background-color:#fff}.main___PO6OY button{line-height:initial}.main___PO6OY .row___aB20g td{border-bottom:0}.main___PO6OY .row___aB20g.row___aB20g:nth-child(odd){background-color:#f5f5f5}.main___PO6OY .row___aB20g.row___aB20g:nth-child(2n){background-color:#fff}.bg___ks3pQ{width:1200px;margin:30px auto 20px;background-color:#fff}.header___G1nJ1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;width:100%;font-size:16px}.header___G1nJ1 a{color:#999}.header___G1nJ1 a:hover{color:#111c24}.line___A32wf{height:1px;margin:0 30px;background:#f1f1f1}.main___PK_qk{padding:0 30px}.main___PK_qk .ant-table-thead>tr>th{background-color:#fff}.main___PK_qk button{line-height:initial}.main___PK_qk .row___pFIzK td{border-bottom:0}.main___PK_qk .row___pFIzK.row___pFIzK:nth-child(odd){background-color:#f5f5f5}.main___PK_qk .row___pFIzK.row___pFIzK:nth-child(2n){background-color:#fff}
|
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
.bg___cr83O{width:100%;margin:0 auto 20px;background-color:#fff}.header___JHbgV{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;width:100%;font-size:16px}.header___JHbgV a{color:#999}.header___JHbgV a:hover{color:#111c24}.line___xOZnd{height:1px;margin:0 30px;background:#f1f1f1}.main___PO6OY{padding:0 30px}.main___PO6OY .ant-table-thead>tr>th{background-color:#fff}.main___PO6OY button{line-height:initial}.main___PO6OY .row___aB20g td{border-bottom:0}.main___PO6OY .row___aB20g.row___aB20g:nth-child(odd){background-color:#f5f5f5}.main___PO6OY .row___aB20g.row___aB20g:nth-child(2n){background-color:#fff}
|
||||
@ -1 +0,0 @@
|
||||
.bg___dhb0r{margin:0 auto;padding:20px;display:flex;justify-content:space-between}.wrap___KlXU6{width:100%}.wrap___KlXU6 .title___ESh5j{color:#2c3a58;height:28px;line-height:28px;font-weight:600;font-size:16px}.content___Qmuub{min-height:640px}.nodataImg___uvo3o{width:238px;height:170px;margin:152px auto 10px;display:block}.nodataText___PUMMp{font-size:14px;text-align:center;color:#9096a3}.nameWrap___yGv__{display:flex;flex-direction:row;line-height:40px;height:40px;margin-left:50px;width:25%;align-items:center}.img___4mGqO{width:24px;height:30px;margin-right:40px}.radius___eAvbo{border-radius:50%;width:40px;height:40px}.name___GDzpZ{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:90px;color:#3061d0}.rankingWrap___ReFjE{display:flex;flex-direction:row;align-items:center;background:#fff;border-radius:6px;height:52px}.time___Wu3LN{line-height:40px;height:40px;width:23%;color:#333;text-align:center}.useTime___QZ2eV{line-height:40px;height:40px;width:25%;text-align:center}.gold___XjNVB{line-height:40px;height:40px;color:#c77f0e;width:14%;text-align:center;margin-left:auto}.keyRank___Hdwrb{width:24px;margin-right:40px;text-align:center}
|
||||
@ -0,0 +1 @@
|
||||
.bg___dhb0r{margin:0 auto;padding:20px;display:flex;justify-content:space-between}.wrap___KlXU6{width:100%}.wrap___KlXU6 .title___ESh5j{color:#2c3a58;height:28px;line-height:28px;font-weight:600;font-size:16px}.content___Qmuub{min-height:640px}.nodataImg___uvo3o{width:238px;height:170px;margin:152px auto 10px;display:block}.nodataText___PUMMp{font-size:14px;text-align:center;color:#9096a3}.nameWrap___yGv__{display:flex;flex-direction:row;line-height:40px;height:40px;margin-left:50px;width:25%;align-items:center}.img___4mGqO{width:24px;height:30px;margin-right:40px}.radius___eAvbo{border-radius:50%;width:40px;height:40px}.name___GDzpZ{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:90px;color:#3061d0}.rankingWrap___ReFjE{display:flex;flex-direction:row;align-items:center;background:#fff;border-radius:6px;height:52px}.time___Wu3LN{line-height:40px;height:40px;width:23%;color:#333;text-align:center}.useTime___QZ2eV{line-height:40px;height:40px;width:25%;text-align:center}.gold___XjNVB{line-height:40px;height:40px;color:#c77f0e;width:14%;text-align:center;margin-left:auto}.keyRank___Hdwrb{width:24px;margin-right:40px;text-align:center}.flex_box_center___PT9hL{justify-content:center;align-items:center;-webkit-justify-content:center;box-align:center}.flex_space_between___n2Hu5{justify-content:space-between;-webkit-box-pack:justify}.flex_box_vertical_center___dwn6D{align-items:center;box-align:center}.flex_box_center_end___TwHBO{justify-content:flex-end;align-items:center;-webkit-justify-content:flex-end;-webkit-align-items:center;-webkit-box-align:center;-webkit-box-pack:end;box-align:center;box-pack:end}.flex_box_column___eAUqU{flex-direction:column;box-orient:block-axis}.rightWrap___Y_2WO{width:35%;padding-left:20px}.learnWrap___mca1k{overflow:hidden;border-radius:4px;padding:25px 20px 15px;margin-bottom:20px;background-color:#fff}.learnTopWrap___cn6Tj{display:box;display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-bottom:14px}.courseWrap___N3Z6X{padding:20px;margin-bottom:20px;background-color:#fff;overflow:hidden;border-radius:4px}.pathWrap___QSdXs{display:box;display:flex;margin-bottom:20px}.pathImg___VjPqu{border-radius:4px;width:100px;height:60px}.pathContentItem___sxOSQ{display:flex;flex-direction:row;flex:1 1;margin-bottom:20px}.pathContentWrap___WttwX{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex:1 1;margin-left:10px;margin-bottom:-6px}.pathContentWrap___WttwX .pathContentName___evsEv{display:block;max-width:222px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px}.pathContent___fz4ds{color:#b4b4b4;font-size:12px;margin:0}.pathContentCount___Jlv3G{line-height:25px;margin-right:10px}.recommandTrainingWrap___F1gpg{padding:20px;margin-bottom:20px;background-color:#fff;overflow:hidden;border-radius:4px}.recommandContent___JZYAA{display:box;display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:5px}.recommandLevel___McDUw{color:#999;padding-right:10px}.color0152d9___JWNjt{color:#0152d9}.color999___npg2L{color:#999}.color888___l_1AP{color:#888}.color333___ec_mY{color:#333}.iconDeleteColor___aZjDG{color:#f55}.iconMoveColor___z4k0w{color:#33bd8c}.iconEditColor___wxNTY{color:#5091ff}.skillWrap___j6j3B{padding:25px 20px 15px;margin-bottom:10px;background-color:#fff}.skillTopWrap___kIJbE{display:box;display:flex;align-items:center;justify-content:space-between}.time___dTwAe{border-top:1px solid hsla(0,0%,93.3%,.93);margin-top:20px}.titleImg___I8kT9{vertical-align:sub;margin-right:4px}.bg___AdORu{width:1200px;margin:30px auto 80px;display:flex;justify-content:space-between}.wrap___zNmrX{width:65%;background-color:#fff}.content___mLGzR{min-height:640px;padding:20px}.nodataImg___JfOh0{width:115px;height:145px;display:block;margin:50px 0 20px 41%}.nodataText___x5pWW{font-size:14px;text-align:center;color:#999}.nameWrap___AVRhH{display:flex;flex-direction:row;line-height:40px;height:40px;margin-left:50px;width:25%}.img___UUl7b{width:24px;height:30px;margin-right:20px}.radius___iCRTl{border-radius:50%;width:40px;height:40px}.name___Arv8v{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:90px;color:#666}.rankingWrap___h4Sd9{display:flex;flex-direction:row;align-items:center}.time___i0DOj{line-height:40px;height:40px;width:23%;color:#999;text-align:center}.useTime___ybKF2{line-height:40px;height:40px;width:25%;text-align:center}.gold___RBJgF{line-height:40px;height:40px;color:#f0ad4e;width:14%;text-align:center}.keyRank___aLHf9{width:24px;margin-right:20px;text-align:center}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[5894],{37002:function(j,v,s){s.r(v),s.d(v,{default:function(){return E}});var _=s(32162),t=s(59301),c=s(25690),l={bg:"bg___cGUIr",wrap:"wrap___WZkOd",commitWrap:"commitWrap___SR6xn",colorGray:"colorGray___dqDJT",content:"content___oHXYA",item:"item___QCiKl",itemContent:"itemContent___aD6w5",itemEmail:"itemEmail___q3ny0",itemTitle:"itemTitle___y3VCF",itemTime:"itemTime___xR91H"},y=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,O=(e,n)=>{var i={};for(var a in e)g.call(e,a)&&n.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&y)for(var a of y(e))n.indexOf(a)<0&&N.call(e,a)&&(i[a]=e[a]);return i},T=(e,n,i)=>new Promise((a,d)=>{var f=r=>{try{u(i.next(r))}catch(m){d(m)}},p=r=>{try{u(i.throw(r))}catch(m){d(m)}},u=r=>r.done?a(r.value):Promise.resolve(r.value).then(f,p);u((i=i.apply(e,n)).next())});const w=e=>{var n=e,{shixunsDetail:i,globalSetting:a,loading:d,user:f,dispatch:p}=n,u=O(n,["shixunsDetail","globalSetting","loading","user","dispatch"]);const r=(0,c.useParams)(),m=(0,t.useRef)(),[h,P]=(0,t.useState)([]);(0,t.useEffect)(()=>{R()},[]);const R=()=>T(void 0,null,function*(){var o,C;m.current=((C=(o=location.pathname)==null?void 0:o.split("/"))==null?void 0:C[3])==="repository";const b=yield p({type:"shixunsDetail/getRepositoryCommit",payload:{id:r.id,secret_repository:m.current?void 0:!0}});b&&P(b.commits||[])});return t.createElement("section",{className:l.bg},t.createElement("div",{className:l.wrap},t.createElement("div",{className:l.commitWrap},t.createElement("div",null,t.createElement("i",{className:"iconfont icon-tijiaojilu mr5"}),"\u63D0\u4EA4\u8BB0\u5F55"),t.createElement(c.Link,{to:`/shixuns/${r.id}/repository`,className:`${l.colorGray} font14`},"\u8FD4\u56DE")),t.createElement("div",{className:l.content},h==null?void 0:h.map(o=>t.createElement("div",{className:`${l.item} mb5`,key:o.id},t.createElement("div",{className:l.itemContent},o.email&&t.createElement("span",{className:l.itemEmail},o.email),t.createElement("span",{className:l.itemTitle},o.title)),t.createElement("span",{className:l.itemTime},o.time))))))};var D=(0,c.connect)(({shixunsDetail:e,loading:n,globalSetting:i,user:a})=>({shixunsDetail:e,globalSetting:i,user:a,loading:n.models.index}))(w);const x=({globalSetting:e})=>{var n;switch(Number((n=e==null?void 0:e.setting)==null?void 0:n.theme)){case _.Fy.THEMEONE:return t.createElement(D,null);case _.Fy.DEFAULT:default:return t.createElement(E,null)}};var E=(0,c.connect)(({globalSetting:e})=>({globalSetting:e}))(x)}}]);
|
||||
@ -0,0 +1 @@
|
||||
.bg___cGUIr{width:100%;margin:0 auto 80px;display:flex;justify-content:space-between}.wrap___WZkOd{width:100%}.commitWrap___SR6xn{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;margin-bottom:10px;font-size:16px}.colorGray___dqDJT{color:#999}.content___oHXYA{display:flex;flex-direction:column;margin-bottom:10px;background-color:#fff;padding:20px;font-size:16px}.item___QCiKl{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.itemContent___aD6w5{display:flex;flex-direction:row;align-items:center}.itemEmail___q3ny0{width:120px;margin-right:10px;color:#666}.itemTitle___y3VCF{display:block;margin-left:10px;max-width:640px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.itemTime___xR91H{color:#0152d9}.bg___GqpQF{width:1200px;margin:30px auto 80px;display:flex;justify-content:space-between}.wrap___DbTSK{width:65%}.commitWrap___amrYc{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;margin-bottom:10px;font-size:16px}.colorGray___Cz49B{color:#999}.content___AIRyv{display:flex;flex-direction:column;margin-bottom:10px;background-color:#fff;padding:20px;font-size:16px}.item___AxLEf{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.itemContent___zj1HZ{display:flex;flex-direction:row;align-items:center}.itemEmail___IqeJO{width:120px;margin-right:10px;color:#666}.itemTitle___lQYBA{display:block;margin-left:10px;max-width:640px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.itemTime___OFq07{color:#0152d9;margin-right:15px}.flex_box_center___PT9hL{justify-content:center;align-items:center;-webkit-justify-content:center;box-align:center}.flex_space_between___n2Hu5{justify-content:space-between;-webkit-box-pack:justify}.flex_box_vertical_center___dwn6D{align-items:center;box-align:center}.flex_box_center_end___TwHBO{justify-content:flex-end;align-items:center;-webkit-justify-content:flex-end;-webkit-align-items:center;-webkit-box-align:center;-webkit-box-pack:end;box-align:center;box-pack:end}.flex_box_column___eAUqU{flex-direction:column;box-orient:block-axis}.rightWrap___Y_2WO{width:35%;padding-left:20px}.learnWrap___mca1k{overflow:hidden;border-radius:4px;padding:25px 20px 15px;margin-bottom:20px;background-color:#fff}.learnTopWrap___cn6Tj{display:box;display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-bottom:14px}.courseWrap___N3Z6X{padding:20px;margin-bottom:20px;background-color:#fff;overflow:hidden;border-radius:4px}.pathWrap___QSdXs{display:box;display:flex;margin-bottom:20px}.pathImg___VjPqu{border-radius:4px;width:100px;height:60px}.pathContentItem___sxOSQ{display:flex;flex-direction:row;flex:1 1;margin-bottom:20px}.pathContentWrap___WttwX{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex:1 1;margin-left:10px;margin-bottom:-6px}.pathContentWrap___WttwX .pathContentName___evsEv{display:block;max-width:222px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px}.pathContent___fz4ds{color:#b4b4b4;font-size:12px;margin:0}.pathContentCount___Jlv3G{line-height:25px;margin-right:10px}.recommandTrainingWrap___F1gpg{padding:20px;margin-bottom:20px;background-color:#fff;overflow:hidden;border-radius:4px}.recommandContent___JZYAA{display:box;display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:5px}.recommandLevel___McDUw{color:#999;padding-right:10px}.color0152d9___JWNjt{color:#0152d9}.color999___npg2L{color:#999}.color888___l_1AP{color:#888}.color333___ec_mY{color:#333}.iconDeleteColor___aZjDG{color:#f55}.iconMoveColor___z4k0w{color:#33bd8c}.iconEditColor___wxNTY{color:#5091ff}.skillWrap___j6j3B{padding:25px 20px 15px;margin-bottom:10px;background-color:#fff}.skillTopWrap___kIJbE{display:box;display:flex;align-items:center;justify-content:space-between}.time___dTwAe{border-top:1px solid hsla(0,0%,93.3%,.93);margin-top:20px}.titleImg___I8kT9{vertical-align:sub;margin-right:4px}
|
||||
@ -1 +0,0 @@
|
||||
.bg___cGUIr{width:100%;margin:0 auto 80px;display:flex;justify-content:space-between}.wrap___WZkOd{width:100%}.commitWrap___SR6xn{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;margin-bottom:10px;font-size:16px}.colorGray___dqDJT{color:#999}.content___oHXYA{display:flex;flex-direction:column;margin-bottom:10px;background-color:#fff;padding:20px;font-size:16px}.item___QCiKl{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.itemContent___aD6w5{display:flex;flex-direction:row;align-items:center}.itemEmail___q3ny0{width:120px;margin-right:10px;color:#666}.itemTitle___y3VCF{display:block;margin-left:10px;max-width:640px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.itemTime___xR91H{color:#0152d9}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
.buttonFixed___vyq30{position:fixed;z-index:1000;bottom:0;left:0;width:100%;height:63px;background:#fff;box-shadow:0 -4px 4px #0000000d}.button___hxmYv{width:100px;height:38px!important;font-weight:400;padding:0;font-size:14px!important}.buttonWrap___uK8dl{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.wrap___MYP7J{padding:20px}.content___loAbf{display:flex;flex-direction:column;height:200px;overflow-y:auto;background:#f5f5f5;padding:10px;font-size:14px}.content___loAbf a{color:#05101a}.content___loAbf a:hover{color:#40a9ff}.mainPathWrap___gBcjO{display:flex;flex-direction:row}.colorBlue___qg6vv{color:#0152d9}.bg___fawnO{width:100%;margin:0 auto 140px}.wrap___xERm_{background-color:#fff;padding:20px 30px}.title____PPKm{font-size:20px}.path___MMxaX{display:inline-block;overflow:hidden;line-height:40px;white-space:nowrap;text-align:right;vertical-align:middle;color:#888;font-size:16px}.colorBlue___HwmTM{color:#0152d9}
|
||||
.buttonFixed___vyq30{position:fixed;z-index:1000;bottom:0;left:0;width:100%;height:63px;background:#fff;box-shadow:0 -4px 4px #0000000d}.button___hxmYv{width:100px;height:38px!important;font-weight:400;padding:0;font-size:14px!important}.buttonWrap___uK8dl{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.wrap___MYP7J{padding:20px}.content___loAbf{display:flex;flex-direction:column;height:200px;overflow-y:auto;background:#f5f5f5;padding:10px;font-size:14px}.content___loAbf a{color:#05101a}.content___loAbf a:hover{color:#40a9ff}.mainPathWrap___gBcjO{display:flex;flex-direction:row}.colorBlue___qg6vv{color:#0152d9}.bg___fawnO{width:100%;margin:0 auto 140px}.wrap___xERm_{background-color:#fff;padding:20px 30px}.title____PPKm{font-size:20px}.path___MMxaX{display:inline-block;overflow:hidden;line-height:40px;white-space:nowrap;text-align:right;vertical-align:middle;color:#888;font-size:16px}.colorBlue___HwmTM{color:#0152d9}.wrap___TwY3U{padding:20px}.content___Ks95W{display:flex;flex-direction:column;height:200px;overflow-y:auto;background:#f5f5f5;padding:10px;font-size:14px}.content___Ks95W a{color:#05101a}.content___Ks95W a:hover{color:#40a9ff}.mainPathWrap___CrMaa{display:flex;flex-direction:row}.colorBlue___dvWbP{color:#0152d9}.bg___B0fle{width:1200px;margin:30px auto 140px}.wrap___cLSqe{background-color:#fff;padding:20px 30px}.title___tslCB{font-size:20px}.path____iGdu{display:inline-block;overflow:hidden;line-height:40px;white-space:nowrap;text-align:right;vertical-align:middle;color:#888;font-size:16px}.colorBlue___Baazr{color:#0152d9}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue