From 9786cd2cc126d9559c93ce71cc51b80ad8334d85 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Tue, 18 Nov 2025 17:44:16 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E9=A6=96=E6=AC=A1=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 clientCommon/footer.html |   0
 clientCommon/header.html |  33 +++
 clientCommon/kefu.html   |   0
 index.html               |  11 +
 report.html              | 522 +++++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 566 insertions(+)
 create mode 100644 clientCommon/footer.html
 create mode 100644 clientCommon/header.html
 create mode 100644 clientCommon/kefu.html
 create mode 100644 index.html
 create mode 100644 report.html
diff --git a/clientCommon/footer.html b/clientCommon/footer.html
new file mode 100644
index 0000000..e69de29
diff --git a/clientCommon/header.html b/clientCommon/header.html
new file mode 100644
index 0000000..9c950b7
--- /dev/null
+++ b/clientCommon/header.html
@@ -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公共组件-->
\ No newline at end of file
diff --git a/clientCommon/kefu.html b/clientCommon/kefu.html
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b0bcf17
--- /dev/null
+++ b/index.html
@@ -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>
\ No newline at end of file
diff --git a/report.html b/report.html
new file mode 100644
index 0000000..1e9a79e
--- /dev/null
+++ b/report.html
@@ -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>
\ No newline at end of file
