drts添加连接
This commit is contained in:
fan
parent
07686019f4
commit
07c6d997e0
@ -130,7 +130,9 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="project === 'drts'" style="position: absolute; bottom: 50px; font-size: 20px;left: 20px;color:#3D3D3D;width: 200px;height: 150px;background: #FFF;padding: 10px;border: 5px solid #CCC;border-radius: 8px;cursor: pointer;">
|
<div v-if="project === 'drts'" style="position: absolute; bottom: 50px; font-size: 20px;left: 20px;color:#3D3D3D;width: 200px;height: 150px;background: #FFF;padding: 10px;border: 5px solid #CCC;border-radius: 8px;cursor: pointer;">
|
||||||
<div class="news-box" @click="goCompetitionRules"><img :src="handRight" width="14" height="14" style="margin-right: 15px">“新誉杯”竞赛规程</div>
|
<div class="news-box" @click="goCompetitionRules('3')"><img :src="handRight" width="14" height="14" style="margin-right: 15px">“新誉杯”官方网站</div>
|
||||||
|
<div class="news-box" @click="goCompetitionRules('2')"><img :src="handRight" width="14" height="14" style="margin-right: 15px">“新誉杯”决赛事项通知</div>
|
||||||
|
<div class="news-box" @click="goCompetitionRules('1')"><img :src="handRight" width="14" height="14" style="margin-right: 15px">“新誉杯”竞赛规程</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -583,16 +585,22 @@ export default {
|
|||||||
this.days.push(Math.floor((day % 100) / 10));
|
this.days.push(Math.floor((day % 100) / 10));
|
||||||
this.days.push(day % 10);
|
this.days.push(day % 10);
|
||||||
},
|
},
|
||||||
goCompetitionRules() {
|
goCompetitionRules(val) {
|
||||||
window.open('https://mp.weixin.qq.com/s?__biz=MzI3NzMwODY3OQ==&mid=2247506304&idx=1&sn=77708ca228404cee2b28e131cdfb9735&chksm=eb6aade8dc1d24fe6eb9f1334aadda239f47dafc79de7d522e0f3f00e2d3ba1dd213dda6764c&xtrack=1&scene=90&subscene=93&sessionid=1598522875&clicktime=1598523062&enterid=1598523062&ascene=56&devicetype=android-29&version=3.0.27.2701&nettype=WIFI&abtest_cookie=AAACAA%3D%3D&lang=zh_CN&exportkey=AQZ2cTPSob%2B5kBDiWnKw0Js%3D&pass_ticket=12Xyhe%2BbZsC9Vuzfs0iYUUn0i%2Br5JlZiOGCxWoExuthBhnIrpkmUyjVRi6bjyA1I&wx_header=1&platform=win', '_blank');
|
if (val === '1') {
|
||||||
|
window.open('https://mp.weixin.qq.com/s?__biz=MzI3NzMwODY3OQ==&mid=2247506304&idx=1&sn=77708ca228404cee2b28e131cdfb9735&chksm=eb6aade8dc1d24fe6eb9f1334aadda239f47dafc79de7d522e0f3f00e2d3ba1dd213dda6764c&xtrack=1&scene=90&subscene=93&sessionid=1598522875&clicktime=1598523062&enterid=1598523062&ascene=56&devicetype=android-29&version=3.0.27.2701&nettype=WIFI&abtest_cookie=AAACAA%3D%3D&lang=zh_CN&exportkey=AQZ2cTPSob%2B5kBDiWnKw0Js%3D&pass_ticket=12Xyhe%2BbZsC9Vuzfs0iYUUn0i%2Br5JlZiOGCxWoExuthBhnIrpkmUyjVRi6bjyA1I&wx_header=1&platform=win', '_blank');
|
||||||
|
} else if (val === '2') {
|
||||||
|
window.open('https://mp.weixin.qq.com/s?__biz=MzI3NzMwODY3OQ==&mid=2247506789&idx=1&sn=5b5c1e6e0ca7dc54a935f57cee4eb1a2&chksm=eb6aaf0ddc1d261ba2ba7b9bed810b12b3317d45b1a484095d13b3d7e075b091d92fc7b9afb8&mpshare=1&scene=1&srcid=0910Yd3PVFs0WjWZyumLN9Jo&sharer_sharetime=1599740490862&sharer_shareid=98d62529ea7e8d0f6fb2281f854f3ea1&version=3.0.30.2006&platform=win&rd2werd=1#wechat_redirect', '_blank');
|
||||||
|
} else if (val === '3') {
|
||||||
|
window.open('http://metroskills.camet.org.cn', '_blank');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style rel="stylesheet/scss" lang="scss">
|
<style rel="stylesheet/scss" lang="scss">
|
||||||
$bg:#fff;
|
$bg:#fff;
|
||||||
$light_gray:#eee;
|
$light_gray:#eee;
|
||||||
.drts_title{
|
.drts_title{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10%;
|
top: 10%;
|
||||||
@ -655,49 +663,49 @@ export default {
|
|||||||
bottom: 200px;
|
bottom: 200px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.login-container {
|
.login-container {
|
||||||
background: #E4EAEA;
|
background: #E4EAEA;
|
||||||
.el-form-item{
|
.el-form-item{
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.1) !important;
|
border: 1px solid rgba(0, 0, 0, 0.1) !important;
|
||||||
.el-input {
|
.el-input {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
width: 85%;
|
width: 85%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
input {
|
input {
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
padding: 8px 9px 7px 5px;
|
padding: 8px 9px 7px 5px;
|
||||||
color: #000;
|
color: #000;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
&:-webkit-autofill {
|
&:-webkit-autofill {
|
||||||
box-shadow: 0 0 0px 1000px $bg inset !important;
|
box-shadow: 0 0 0px 1000px $bg inset !important;
|
||||||
-webkit-text-fill-color: #000 !important;
|
-webkit-text-fill-color: #000 !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.item_form_box {
|
.item_form_box {
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
color: #454545;
|
color: #454545;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item_form_password{
|
.item_form_password{
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-message {
|
.tip-message {
|
||||||
color: #F56C61;
|
color: #F56C61;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
height: 23px;
|
height: 23px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
.el-loading-spinner i {
|
.el-loading-spinner i {
|
||||||
font-size: 100px;
|
font-size: 100px;
|
||||||
}
|
}
|
||||||
@ -712,23 +720,23 @@ export default {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
$bg:#f0f0f0;
|
$bg:#f0f0f0;
|
||||||
$qrbg:#fff;
|
$qrbg:#fff;
|
||||||
$dark_gray:#889aa4;
|
$dark_gray:#889aa4;
|
||||||
$light_gray:#eee;
|
$light_gray:#eee;
|
||||||
$qrcodeSize: 270px;
|
$qrcodeSize: 270px;
|
||||||
.popover_box {
|
.popover_box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 80px;
|
right: 80px;
|
||||||
bottom: 106px;
|
bottom: 106px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #225592;
|
color: #225592;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.countdown_box {
|
.countdown_box {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
@ -749,118 +757,118 @@ export default {
|
|||||||
.news-box:hover {
|
.news-box:hover {
|
||||||
color: #3943CB;
|
color: #3943CB;
|
||||||
}
|
}
|
||||||
.login-container {
|
.login-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-origin: border-box;
|
background-origin: border-box;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
.content-box{
|
.content-box{
|
||||||
width: 740px;
|
width: 740px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 30px 30px 30px;
|
padding: 30px 30px 30px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.text-box{
|
.text-box{
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
top: 150px;
|
top: 150px;
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
.left-logo-box{
|
.left-logo-box{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 2%;
|
top: 2%;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
left: 2%;
|
left: 2%;
|
||||||
|
}
|
||||||
|
.logo{
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.language_box{
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
right: 40px;
|
||||||
|
.language_btn{
|
||||||
|
/*font-weight: bold;*/
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.login-form {
|
||||||
|
width: 440px;
|
||||||
|
padding: 0 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.svg-container {
|
||||||
|
padding-left: 14px;
|
||||||
|
color: $dark_gray;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 30px;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
&_login {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title_box {
|
||||||
|
font-size: 20px;
|
||||||
|
color: #000;
|
||||||
|
margin: 0px auto 30px auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.show-pwd {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 3px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: $dark_gray;
|
||||||
|
cursor: pointer;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.logo{
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.language_box{
|
|
||||||
position: absolute;
|
|
||||||
top: 20px;
|
|
||||||
right: 40px;
|
|
||||||
.language_btn{
|
|
||||||
/*font-weight: bold;*/
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.login-form {
|
|
||||||
width: 440px;
|
|
||||||
padding: 0 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.svg-container {
|
.qrcode-main{
|
||||||
padding-left: 14px;
|
width: 300px;
|
||||||
color: $dark_gray;
|
background-color: $qrbg;
|
||||||
vertical-align: middle;
|
text-align: center;
|
||||||
width: 30px;
|
border-right: 1px solid #ececec;
|
||||||
display: inline-block;
|
.tip-info {
|
||||||
|
text-align: left;
|
||||||
|
display: inline-block;
|
||||||
|
color: green;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
&_login {
|
.login-code-box{
|
||||||
font-size: 16px;
|
width: 150px;
|
||||||
}
|
margin: 0 auto;
|
||||||
}
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.title_box {
|
.system-type {
|
||||||
font-size: 20px;
|
margin: 5px 0;
|
||||||
color: #000;
|
display: block;
|
||||||
margin: 0px auto 30px auto;
|
}
|
||||||
text-align: center;
|
.sub-title {
|
||||||
}
|
font-size: 16px;
|
||||||
|
text-align: center;
|
||||||
.show-pwd {
|
color: #353535;
|
||||||
position: absolute;
|
line-height: 30px;
|
||||||
right: 10px;
|
}
|
||||||
top: 3px;
|
}
|
||||||
font-size: 16px;
|
|
||||||
color: $dark_gray;
|
|
||||||
cursor: pointer;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.qrcode-main{
|
|
||||||
width: 300px;
|
|
||||||
background-color: $qrbg;
|
|
||||||
text-align: center;
|
|
||||||
border-right: 1px solid #ececec;
|
|
||||||
.tip-info {
|
|
||||||
text-align: left;
|
|
||||||
display: inline-block;
|
|
||||||
color: green;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-code-box{
|
|
||||||
width: 150px;
|
|
||||||
margin: 0 auto;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.system-type {
|
|
||||||
margin: 5px 0;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.sub-title {
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: center;
|
|
||||||
color: #353535;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user