You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
531 lines
16 KiB
531 lines
16 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<style>
|
|
.center {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
#report_page {
|
|
width: 100%;
|
|
height: calc(100% - 64px);
|
|
/* position: absolute; */
|
|
margin: 0 auto;
|
|
min-width: 1200px;
|
|
/* z-index: 66; */
|
|
/* top: 64px; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
/* background: #EDF5FF; */
|
|
font-family: Microsoft YaHei UI;
|
|
}
|
|
|
|
.report_box {
|
|
width: 100%;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.report_content {
|
|
width: 956px;
|
|
text-align: center;
|
|
}
|
|
|
|
.report_content h3 {
|
|
margin: 36px 0 30px;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
line-height: normal;
|
|
letter-spacing: 1.04px;
|
|
font-variation-settings: "opsz" auto;
|
|
color: #3D3D3D;
|
|
}
|
|
|
|
.report_content .search_report {
|
|
font-size: 14px;
|
|
color: #3D3D3D;
|
|
border-radius: 6px;
|
|
background: #FFFFFF;
|
|
border: 1.5px solid #E8E8E8;
|
|
padding: 16px 20px;
|
|
display: flex;
|
|
line-height: 20px;
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
.report_content .search_report .report_input {
|
|
color: #3D3D3D;
|
|
margin-right: 10px;
|
|
flex: 1;
|
|
border: none;
|
|
}
|
|
|
|
.report_content .search_report .report_input+span {
|
|
color: #CBD5E2;
|
|
}
|
|
|
|
.report_content .search_report .report_input::placeholder {
|
|
color: #8C919D;
|
|
}
|
|
|
|
.report_content .search_report .report_input:focus-visible {
|
|
outline: none;
|
|
}
|
|
|
|
.report_content #searchReport {
|
|
color: #5B6FF6;
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.report_content .report_ques {
|
|
color: #5B6FF6;
|
|
margin: 16px 0 30px;
|
|
}
|
|
|
|
.findtid-wrap ul {
|
|
width: 100%;
|
|
display: block;
|
|
height: auto;
|
|
overflow: hidden;
|
|
display: flex;
|
|
margin: 0;
|
|
}
|
|
|
|
.findtid-wrap ul>li {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
justify-content: flex-start;
|
|
margin-right: 39px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
list-style-type: none;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.findtid-wrap ul>li p {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #C0C4C7;
|
|
margin: 0;
|
|
}
|
|
|
|
.findtid-wrap ul>li:first-child::before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
background: url(/images/aiNew/wx_img_normal.svg) no-repeat;
|
|
}
|
|
|
|
.findtid-wrap ul>li:nth-child(2)::before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
background: url(/images/aiNew/zfb_img_normal.svg) no-repeat;
|
|
background-size: 16px;
|
|
}
|
|
|
|
.findtid-wrap ul>li:last-child::before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
background: url(/images/aiNew/taobao_img_normal.svg) no-repeat;
|
|
background-size: 16px;
|
|
}
|
|
|
|
.findtid-wrap ul>li:first-child.select p {
|
|
color: #29C445 !important;
|
|
font-weight: bold;
|
|
transition: all .3s;
|
|
}
|
|
|
|
.findtid-wrap ul>li:nth-child(2).select p {
|
|
color: #1675FF !important;
|
|
font-weight: bold;
|
|
transition: all .3s;
|
|
}
|
|
|
|
.findtid-wrap ul>li:last-child.select p {
|
|
color: #FF7800 !important;
|
|
font-weight: bold;
|
|
transition: all .3s;
|
|
}
|
|
|
|
.findtid-wrap ul>li:first-child.select::before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
background: url(/images/aiNew/wx_img_light.svg) no-repeat !important;
|
|
}
|
|
|
|
.findtid-wrap ul>li:first-child.select::after {
|
|
content: '';
|
|
width: 100%;
|
|
height: 2px;
|
|
background: #29C445;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 3px;
|
|
}
|
|
|
|
.findtid-wrap ul>li:nth-child(2).select::before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
background: url(/images/aiNew/zfb_img_light.svg) no-repeat !important;
|
|
background-size: 16px;
|
|
}
|
|
|
|
.findtid-wrap ul>li:nth-child(2).select::after {
|
|
content: '';
|
|
width: 80px;
|
|
height: 2px;
|
|
background: #03B4FD;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0px;
|
|
bottom: 3px;
|
|
}
|
|
|
|
.findtid-wrap ul>li:last-child.select::before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
background: url(/images/aiNew/taobao_img_light.svg) no-repeat !important;
|
|
background-size: 16px;
|
|
}
|
|
|
|
.findtid-wrap ul>li:last-child.select::after {
|
|
content: '';
|
|
width: 68px;
|
|
height: 2px;
|
|
background: #FF6413;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0px;
|
|
bottom: 3px;
|
|
}
|
|
|
|
.findtid-wrap>img {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.findtid-wrap-tip {
|
|
width: 100%;
|
|
height: 10px;
|
|
/* background: #F9F9FB; */
|
|
opacity: 0;
|
|
position: relative;
|
|
top: -10px;
|
|
}
|
|
|
|
|
|
.report_content .report_list {
|
|
position: relative;
|
|
}
|
|
|
|
.report_content .findtid-wrap {
|
|
width: 567px;
|
|
height: 231px;
|
|
background: url(/images/aiNew/report_pay_back.png);
|
|
background-size: 567px 231px;
|
|
position: absolute;
|
|
top: 22px;
|
|
left: calc(50% - 70px);
|
|
}
|
|
|
|
.report_content .report_detail {
|
|
width: 956px;
|
|
height: 360px;
|
|
border-radius: 6px;
|
|
opacity: 1;
|
|
/* background: rgba(255, 255, 255, 0.8); */
|
|
background: linear-gradient(180deg, rgba(255, 255, 255, 0.768) 0%, rgba(255, 255, 255, 0.48) 100%);
|
|
margin-bottom: 19px;
|
|
}
|
|
|
|
.empty img {
|
|
width: 60px;
|
|
height: 60px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.report_content .report_detail .empty {
|
|
flex-direction: column;
|
|
color: #1D2837;
|
|
height: 100%;
|
|
}
|
|
|
|
.report_box .report_mes {
|
|
color: #EE7000;
|
|
border-radius: 6px;
|
|
background: rgba(236, 133, 51, 0.12);
|
|
padding: 8px 16px;
|
|
}
|
|
|
|
.report_main {
|
|
width: calc(100% - 52px);
|
|
height: calc(100% - 52px);
|
|
padding: 26px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.report_main .main_item {
|
|
display: flex;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
letter-spacing: 0px;
|
|
color: #2C394B;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.main_item label {
|
|
width: 70px;
|
|
margin-right: 20px;
|
|
color: #5C6E86;
|
|
}
|
|
|
|
.main_item p {
|
|
flex: 1;
|
|
line-height: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.main_item p.report_finish {
|
|
color: #3BB551;
|
|
}
|
|
|
|
.report_main .main_top {
|
|
flex: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
.report_main .waiting {
|
|
color: #EE7000;
|
|
}
|
|
|
|
.report_main .downLoad {
|
|
width: 130px;
|
|
padding: 11px 0;
|
|
border-radius: 8px;
|
|
line-height: 18px;
|
|
color: #FFFFFF;
|
|
margin: 0;
|
|
height: auto;
|
|
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
|
|
}
|
|
|
|
.report_input:active .search_report {
|
|
transition: all .3s ease;
|
|
box-sizing: border-box;
|
|
border: 1.5px solid #3473F4 !important;
|
|
box-shadow: 0px 2px 16px 0px rgba(44, 57, 75, 0.2);
|
|
}
|
|
|
|
.search_report_hover {
|
|
transition: all .3s ease;
|
|
box-sizing: border-box;
|
|
border: 1.5px solid #3473F4 !important;
|
|
box-shadow: 0px 2px 16px 0px rgba(44, 57, 75, 0.2);
|
|
}
|
|
|
|
.point {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.report_wrap {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background: #EDF5FF;
|
|
}
|
|
|
|
.main {
|
|
min-width: 1280px;
|
|
width: 100%;
|
|
height: auto;
|
|
overflow: hidden;
|
|
color: #282828;
|
|
position: relative;
|
|
z-index: 88;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.reportMain #report_page {
|
|
width: 100%;
|
|
min-height: 839px;
|
|
margin: 0 auto;
|
|
background: #EDF5FF;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.report_mes{
|
|
color: #EE7000;
|
|
border-radius: 6px;
|
|
background: rgba(236, 133, 51, 0.12);
|
|
padding: 8px 16px;
|
|
}
|
|
|
|
/* 报告下载end */
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="main reportMain">
|
|
<!-- header 开始-->
|
|
{include file="include/ai2/header.html"}
|
|
|
|
{if $smarty.get.oid|@trim}
|
|
<div id="query-tidhide" class="hide">{$smarty.get.oid|@trim}</div>
|
|
{elseif $smarty.cookies.tid}
|
|
<div id="query-tidhide" class="hide">{$smarty.cookies.tid}</div>
|
|
{/if}
|
|
<div id="report_page" class="">
|
|
<div class="report_mes center ft12">
|
|
<img src="{$smarty.const.CSS_URL}/images/aiNew/mes.svg" alt="">
|
|
系统保留7天以内的检测报告，超过7天则被删除，确保您的论文不会被泄露和盗窃，检测完成后请尽快下载您的检测报告。
|
|
</div>
|
|
<div class="report_box center">
|
|
<div class="report_content ">
|
|
<h3>下载论文排版</h3>
|
|
<div class="search_report">
|
|
<span>订单编号：</span>
|
|
<input class="report_input" type="text" placeholder="请输入您的订单号来查找报告">
|
|
<span>｜</span>
|
|
<span id="searchReport" class="point">查找报告</span>
|
|
</div>
|
|
<div class="report_list">
|
|
<p class="report_ques center"><img src="{$smarty.const.CSS_URL}/images/aiNew/question.svg" alt="">找不到订单编号？</p>
|
|
<div class="findtid-wrap hide">
|
|
<div class="findtid-wrap-tip">
|
|
<div class="findtid-wrap-tip-trigger"></div>
|
|
</div>
|
|
<ul>
|
|
<li class="select" style="border:none !important;;width: auto;padding:none;border-radius:0">
|
|
<p>微信支付</p>
|
|
</li>
|
|
<li>
|
|
<p>支付宝支付</p>
|
|
</li>
|
|
<li>
|
|
<p>淘宝订单</p>
|
|
</li>
|
|
<li>
|
|
<p>检测卡订单</p>
|
|
</li>
|
|
</ul>
|
|
<img src="{$smarty.const.CSS_URL}/images/aiNew/wx_pay_mes.png" alt="" style="height:168px">
|
|
<img class="hide" src="{$smarty.const.CSS_URL}/images/aiNew/zfb_pay_mes.png" alt="" style="height:168px">
|
|
<img class="hide" src="{$smarty.const.CSS_URL}/images/aiNew/tb_pay_mes.png" alt="" style="height:168px">
|
|
</div>
|
|
</div>
|
|
<div class="report_detail">
|
|
<div class="empty center" >
|
|
<img src="{$smarty.const.CSS_URL}/images/aiNew/report_null1.svg" alt="">
|
|
<p>咦~ 还没有订单号呢？</p>
|
|
</div>
|
|
<div class="report_main" style="display: none;">
|
|
<div class="main_top">
|
|
</div>
|
|
<div class="downLoad point" style="display: none;">下载</div>
|
|
<!-- 支付完跳转过来的，都展示“再次下载”。自己搜的，只展示“下载” -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- {include file="include/ai2/footer_index.html"} -->
|
|
</div>
|
|
</body>
|
|
<script>
|
|
$('.report_input').hover(function () {
|
|
$('.search_report').addClass('search_report_hover')
|
|
}, function () {
|
|
if ($(this).val().trim().length > 0) return
|
|
$('.search_report').removeClass('search_report_hover')
|
|
})
|
|
// $('.report_input').focus(function(){
|
|
// console.log('=====');
|
|
// $(this).addClass('search_report_hover')
|
|
// },function(){
|
|
// $(this).removeClass('search_report_hover')
|
|
// })
|
|
$('.report_input').on('input', function () {
|
|
if ($(this).val().trim().length > 0) {
|
|
if (!$('.search_report').hasClass('search_report_hover')) {
|
|
$('.search_report').addClass('search_report_hover');
|
|
}
|
|
} else {
|
|
$('.search_report').removeClass('search_report_hover');
|
|
}
|
|
});
|
|
|
|
$('.downLoad').click(function () {
|
|
let href = $('.downLoad').attr('herf');
|
|
location.href = href
|
|
})
|
|
$('.report_ques').hover(function () {
|
|
$('.findtid-wrap').removeClass('hide');
|
|
}, function () {
|
|
$('.findtid-wrap').addClass('hide');
|
|
$('.findtid-wrap').find('li').removeClass('select');
|
|
$('.findtid-wrap').find('li').eq(0).addClass('select');
|
|
$('.findtid-wrap').find('img').addClass('hide');
|
|
$('.findtid-wrap').find('img').eq(0).removeClass('hide');
|
|
});
|
|
$('.findtid-wrap').hover(function () {
|
|
$('.findtid-wrap').removeClass('hide');
|
|
}, function () {
|
|
$('.findtid-wrap').addClass('hide');
|
|
$('.findtid-wrap').find('li').removeClass('select');
|
|
$('.findtid-wrap').find('li').eq(0).addClass('select');
|
|
$('.findtid-wrap').find('img').addClass('hide');
|
|
$('.findtid-wrap').find('img').eq(0).removeClass('hide');
|
|
});
|
|
$('.findtid-wrap').find('li').hover(function () {
|
|
$('.findtid-wrap').find('li').removeClass('select');
|
|
$('.findtid-wrap').find('li').eq($(this).index()).addClass('select');
|
|
$('.findtid-wrap').find('img').addClass('hide');
|
|
$('.findtid-wrap').find('img').eq($(this).index()).removeClass('hide');
|
|
});
|
|
</script>
|
|
</html>
|