zhangqi
/
client-typeSetting
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

项目首次提交

master
zq 4 weeks ago
commit
9786cd2cc1
5 changed files with 566 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 0
      clientCommon/footer.html
  2. 33
      clientCommon/header.html
  3. 0
      clientCommon/kefu.html
  4. 11
      index.html
  5. 522
      report.html

0
clientCommon/footer.html
View File

33
clientCommon/header.html
View File

@ -0,0 +1,33 @@
<!--header公共组件-->
<header class="header-wrapper flex-between-center">
<div class="hleft flex-left-center">
<img src="./assets_v2/images/newai/logo.png" id="hlogo" alt="noimg"/>
<img src="./assets_v2/images/newai/leftmenu.png" id="hmenu-btn" alt="noimg"/>
</div>
<div class="hright">
<ul class="flex-between-center">
<li class="active" tab="index">
<span>
首页
<div></div>
</span>
</li>
<li class="esout"><span>
写作神器
<div></div>
</span></li>
<li class="esout"><span>
论文查重
<div></div>
</span></li>
<li class="esout"><span>
我的报告
<div></div>
</span></li>
</ul>
</div>
<div class="hide" id="headertab">index</div>
<div class="hide content_wrapper"></div>
</header>
<div class="header-hcon"></div>
<!--header公共组件-->

0
clientCommon/kefu.html
View File

11
index.html
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>首页</div>
</body>
</html>

522
report.html
View File

@ -0,0 +1,522 @@
<!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: 600px;
text-align: center;
/* display: flex;
flex-direction: column;
justify-content: 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: 600px;
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;
}
/* 报告下载end */
</style>
</head>
<body>
<div class="main reportMain">
<!-- header 开始-->
{include file="include/ai2/header.html"}
<!-- {include file="view/templates/ai_new/ppt_preview.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_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>
</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 class="report_mes center ft12">
<img src="{$smarty.const.CSS_URL}/images/aiNew/mes.svg" alt="">
系统保留7天以内的检测报告，超过7天则被删除，确保您的论文不会被泄露和盗窃，检测完成后请尽快下载您的检测报告。
</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>
Write Preview
Loading…
Cancel
Save