Merge pull request '修改论文下载页样式及逻辑' (#18) from zq-1224-ppt into master

Reviewed-on: #18

home.html

@@ -9,7 +9,7 @@
     <title>{if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if}</title>
     {if $site_ico}
     <link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if}
-    <link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=1012">
+    <link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=1134">
     <script src="{$priv_style}/js/jquery-3.6.0.min.js"></script>
     <script src="{$priv_style}/js/clipboard.min.js"></script>
     <script src="{$priv_style}/js/qrcode.min.js"></script>
@@ -453,6 +453,8 @@
                         '3': '硕博'
                     }
                     var service_domain = location.origin+'/';
+                    // var service_domain = 'https://zq.pengda.checkcopy.com/'
+
                     // var service_domain = 'https://www.90616.com/'
                     
                     $(document).ready(function () {
@@ -1055,6 +1057,10 @@
         </div>
 
         <div id="report_page" class="hide">
+            <div class="report_mes center ft12">
+                <img src="{$priv_style}/img/mes.svg" alt="">
+                系统仅保留7天以内的论文范文，超过7天则被删除，来确保您的论文安全。请尽早下载您的论文范文。
+            </div>
             <div class="report_box center">
                 <div class="report_content ">
                     <h3>论文下载</h3>
@@ -1093,16 +1099,14 @@
                             <p>咦~ 还没有订单号呢？</p>
                         </div>
                         <div class="report_main" style="display: none;">
-                            <div class="main_top">
+                            <div class="main_top "style="display: none;">
+                            </div>
+                            <div class="main_top2 "style="display: none;">
                             </div>
                             <div class="downLoad point" style="display: none;">下载</div>
                         </div>
                     </div>
                 </div>
-                <div class="report_mes center ft12">
-                    <img src="{$priv_style}/img/mes.svg" alt="">
-                    系统仅保留7天以内的论文范文，超过7天会被删除，请尽早下载您的论文范文。
-                </div>
             </div>
         </div>
 
@@ -1187,7 +1191,7 @@
     </div>
 
     {$access_stats_code}
-    <script src="{$priv_style}/js/index.js?v=1010"></script>
+    <script src="{$priv_style}/js/index.js?v=1133"></script>
 </body>
 
 </html>

style/css/index.css

@@ -2039,7 +2039,7 @@ footer a{
     flex-direction: column;
 }
 .report_content{
-    width: 600px;
+    width: 956px;
     text-align: center;
     /* display: flex;
     flex-direction: column;
@@ -2243,7 +2243,7 @@ footer a{
     position: absolute;
     border-radius: 4px;
     top: 35px;
-    left: -81px;
+    left: 90px;
     box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
 }
 .report_content .findtid-wrap::before{
@@ -2259,8 +2259,8 @@ footer a{
     border-bottom: 15px solid white;
 }
 .report_content .report_detail{
-    width: 600px;
-    height: 360px;
+    width: 956px;
+    min-height: 360px;
     border-radius: 6px;
     opacity: 1;
     background: rgba(255, 255, 255, 0.8);
@@ -2275,17 +2275,18 @@ footer a{
    flex-direction: column;
     color: #1D2837;
     height: 100%;
+    padding-top: 100px;
 }
-.report_box .report_mes{
+.report_mes{
     color: #EE7000;
     border-radius: 6px;
     background: rgba(236, 133, 51, 0.12);
     padding: 8px 16px;
 }
 .report_main{
-    width: calc(100% - 52px);
+    width: calc(100%);
     height: calc(100% - 52px);
-    padding: 26px;
+    /* padding: 26px; */
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -2314,13 +2315,86 @@ footer a{
 .main_item p.report_finish{
     color: #3BB551;
 }
+button:disabled {
+    background: #94A3B7;
+    color: #fff;
+    user-select: none;
+    cursor: not-allowed !important;
+}
+.primary_btn {
+    border: none;
+    font-weight: 600;
+    background: #1675FF;
+    color: #fff;
+}
 .report_main .main_top{
     flex: 1;
+    width: 543px;
+    padding-top: 26px;
+}
+.main_top2 {
     width: 100%;
 }
 .report_main .waiting{
     color:#EE7000;
 }
+
+.main_orderList{
+    display: flex;
+    justify-content: space-between;
+    color: #2C394B;
+    padding: 20px 24px;
+    background: rgba(243, 243, 243, 0.6);
+}
+.main_orderList b{
+    font-weight: 500;
+}
+.main_orderList div{
+    font-size: 16px;
+    color: #2C394B;
+}
+.reportlist-item{
+    padding: 20px 24px;
+}
+.reportlist-item-desc{
+    padding: 24px 0;
+    justify-content: space-between;
+}
+.reportlist-item .primary_btn{
+    width: 100px;
+    height: 31px;
+    padding: 6px 36px;
+    float: right;
+    border-radius: 4px;
+}
+button:disabled{
+    background: #94A3B7;
+    color: #fff;
+}
+.reportlist-item, .reportlist-item p{
+    color: #333333;
+    text-align: left;
+    font-weight: 500;
+}
+.reportlist-item div{
+    display: flex;
+}
+ .reportlist-item span{
+    color: #5C6E86;
+    font-weight: normal;
+}
+ .reportlist-item b{
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    margin-left: 12px;
+}
+.reportlist-item b img{
+    margin-right: 4px;
+}
+.main_top1 {
+    width: 543px;
+}
 .report_main .downLoad{
     width: 130px;
     padding: 11px 0;