From 9f15e93766adafa241f5a1f3ddb28f6652e65b6b Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Tue, 31 Dec 2024 18:30:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=80=BC=E6=9C=8D=E5=8A=A1=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 home.html                          | 100 ++++++++++++++++--
 style/css/index.css                | 202 +++++++++++++++++++++++++++++++++++--
 style/img/add_checked_icon.svg     |   1 +
 style/img/add_hot.svg              |   1 +
 style/img/continue_back.png        | Bin 0 -> 3808 bytes
 style/img/continue_footer_icon.svg |   1 +
 style/img/finish_lunwen.svg        |   1 +
 style/img/no_finish_lunwen.svg     |   1 +
 style/js/index.js                  |  69 ++++++++++++-
 9 files changed, 360 insertions(+), 16 deletions(-)
 create mode 100644 style/img/add_checked_icon.svg
 create mode 100644 style/img/add_hot.svg
 create mode 100644 style/img/continue_back.png
 create mode 100644 style/img/continue_footer_icon.svg
 create mode 100644 style/img/finish_lunwen.svg
 create mode 100644 style/img/no_finish_lunwen.svg

diff --git a/home.html b/home.html
index 9d586cf..cbb0ed9 100644
--- a/home.html
+++ b/home.html
@@ -80,7 +80,7 @@
                                 <span>生成千字大纲</span>
                             </dd>
                         </dl>
-                        <div class="step_line"></div>
+                        <div class="step_line "></div>
                         <dl class="normal_step normal_step2 step_two" stepNum="2">
                             <dt>
                                 <!-- <img src="./style/img/step_2.svg" alt=""> -->
@@ -90,7 +90,7 @@
                                 <span>生成论文初稿</span>
                             </dd> 
                         </dl>
-                        <div class="step_line step_two"></div>
+                        <div class="step_line  step_two"></div>
                         <dl class="normal_step normal_step3" stepNum="3">
                             <dt>
                                 <!-- <img src="./style/img/step_3.svg" step="3" alt=""> -->
@@ -458,18 +458,46 @@
                         我已阅读并同意：生成的论文范文仅用于参考，不作为毕业论文使用
                     </p> -->
                 </div>
-                <div class="backColorAdd ">
-                    <h4 style="width: 100%;">您将获得</h4>
+                <div class="backColor2 backColorAdd hide step_add_three">
+                    <h4>您将获得</h4>
                     <div class="addServiceds_show">
                         <div class="serviceds_top">
-
+                            <div class="top_left">
+                                <img src="./style/img/rsetgy.png" alt="">
+                                <div>
+                                    <h4>正文 ｜ <span id="mainText">haha]h哈哈哈哈哈</span>.doc</h4>
+                                    <p class="ft12 mainEduWords">本科·约2000字</p>
+                                </div>
+                                <span>X1</span>
+                            </div>
+                            <div class="top_left">
+                                <img src="./style/img/sthrseth.png" alt="">
+                                <div>
+                                    <h4><span class="notNormalBZ">赠送</span>查重报告</h4>
+                                    <p class="ft12">贴合学校主流查重系统结果</p>
+                                </div>
+                                <span>X1</span>
+                            </div>
                         </div>
                         <div class="serviceds_bottom flex">
                         </div>
                     </div>
                 </div>
+                <div class="backColor2 backColorAdd hide step_add_three">
+                    <h4>增值附加服务 <img src="./style/img/add_hot.svg" alt=""><span>HOT</span></h4>
+                    <div class="addListBox flex">
+                    </div>
+                </div>
+                <button class="btn_result_now2 point hide step_add_three" id="click_AI_moretext">点击生成正文</button>
+
                 {literal}
                 <script>
+                    var eduObj = {
+                        '1':'大专',
+                        '2':'本科',
+                        '3':'硕博'
+                    }
+                    // console.log(location.search);
                     // var service_domain = location.origin+'/'
                     var service_domain = 'https://aitest.chachongz.com/'
                     $(document).ready(function () {
@@ -823,14 +851,20 @@
                     }
                     function showCreateCatalogue() {
                         // $('.normal_step').removeClass('active_step')
+                        // $('.step_line').removeClass('suc_step_line')
+                        // $('.step_line').eq(0).addClass('suc_step_line')
+                        // $('.step_line').eq(1).addClass('suc_step_line')
                         // $('.normal_step').eq(0).addClass('success_step')
-                        // $('.normal_step').eq(1).addClass('active_step')
+                        // $('.normal_step').eq(1).addClass('success_step')
+                        // $('.normal_step').eq(2).addClass('active_step')
+                        // $('.step_add_three').removeClass('hide')
                         // return
                         geiAiUpgradeInfo(createCatalogue)
                     }
                     function showAdviseTitle(){
                         geiAiUpgradeInfo(adviseTitle)
                     }
+
                     function createCatalogue() {
                         if (!$('.agree-item').hasClass('active')) {
                             alert("请阅读并勾选同意《服务条款》");
@@ -909,9 +943,21 @@
                                 }
                                 if (major) url += '&major=' + major;
                                 if (edu) url += '&edu=' + edu;
+                                //修改步骤条状态
                                 $('.normal_step').removeClass('active_step')
-                                $('.normal_step').eq(1).addClass('active_step')
-                                window.open(url);
+                                $('.step_line').removeClass('suc_step_line')
+                                $('.step_line').eq(0).addClass('suc_step_line')
+                                $('.step_line').eq(1).addClass('suc_step_line')
+                                $('.normal_step').eq(0).addClass('success_step')
+                                $('.normal_step').eq(1).addClass('success_step')
+                                $('.normal_step').eq(2).addClass('active_step')
+                                $('.step_add_three').removeClass('hide')
+                                $('#mainText').html(title)
+                                $('.mainEduWords').html(eduObj[edu] + '·' + wordnums?wordnums :'')
+                                window.scrollTo({ top: 1000, behavior: 'smooth' })
+                                setTimeout(()=>{
+                                    window.open(url);
+                                },1500)
                             }
                         });
                     }
@@ -1296,6 +1342,44 @@
                 </div>
             </div>
         </div>
+
+        <!-- <div class="continue_pay_modal flex">
+            <div class="continue_title flex">
+                <h3>您的论文框架已准备就绪！</h3>
+                <img src="./style/img/modal_close.svg" alt="">
+            </div>
+            <div class="continue_lunwen">
+                <span>论文大纲</span>
+                <span>参考文献</span>
+                <span>正文内容</span>
+                <span class="pay_progess">已完成80%</span>
+            </div>
+            <div class="continue_dagang">
+                <div class="left"></div>
+                <div class="right"></div>
+            </div>
+            <div class="continue_payGift">
+                <h4>支付后将将为您提供：</h4>
+                <div class="gift_list">
+                    <div class="gift_item">
+                        <p>专业的万字AI论文</p>
+                        <p>符合学术规范的写作表达</p>
+                    </div>
+                    <div class="gift_item">
+                        <p>本次附赠查重报告</p>
+                        <p>不会照搬照抄</p>
+                    </div>
+                    <div class="gift_item">
+                        <p>真实的文献引用</p>
+                        <p>规范的引用格式与标注</p>
+                    </div>
+                </div>
+            </div>
+            <div class="continue_footer">
+                <p><img src="./style/img/continue_footer_icon.svg" alt=""> 离开后本次生成的论文框架将丢失哦！</p>
+            </div>
+        </div> -->
+
         <div class="kefu point">
             <div class="kefuCom flex">
                 <img class="linkIcon" src="./style/img/wx_kefu.svg" alt="">
diff --git a/style/css/index.css b/style/css/index.css
index ccca4a3..ab94128 100644
--- a/style/css/index.css
+++ b/style/css/index.css
@@ -731,6 +731,7 @@ header .right .activebtn{
     height: 0;
     margin-top: 27px;
     border: 0.5px solid #D8D8D8;
+    box-sizing: border-box;
 }
 
 .main_title{
@@ -802,6 +803,9 @@ header .right .activebtn{
 .normal_step2 dt{
 
 }
+.suc_step_line{
+    border-color: #5B6FF6 !important;
+}
 .success_step dt{
     background: url(../img/step_success.svg) !important;
     background-size: 28px 28px;
@@ -914,7 +918,7 @@ li .select_icon, .pay_every .pay_icon{
     opacity: 1;
     /* display: block; */
 }
-.backColor2,.backColorAdd{
+.backColor2{
     display: flex;
     justify-content: center;
     align-items: center;
@@ -929,7 +933,8 @@ li .select_icon, .pay_every .pay_icon{
     background: rgba(255, 255, 255, 0.9);
 }
 .backColorAdd{
-    padding: 30px 20px;
+    margin: 20px 0;
+    padding: 30px 130px;
 }
 .my_form{
     /* margin: 0 auto; */
@@ -1549,7 +1554,7 @@ li .select_icon, .pay_every .pay_icon{
 .tableChart_active div{
     background: url(../img/checked_icon.svg);
 }
-.btn_result,.btn_result_now,.downLoad{
+.btn_result,.btn_result_now,.downLoad,.btn_result_now2{
     width: 200px;
     height: 50px;
     font-size: 15px;
@@ -1562,12 +1567,12 @@ li .select_icon, .pay_every .pay_icon{
     transition: all .3s ease;
     background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
 }
-.btn_result:hover, .btn_result_now:hover,.downLoad:hover{
+.btn_result:hover, .btn_result_now:hover,.downLoad:hover,.btn_result_now2:hover{
     transition: all .3s ease;
     opacity: 0.8;
     background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
 }
-.btn_result:active,.btn_result_now:active,.downLoad:active{
+.btn_result:active,.btn_result_now:active,.downLoad:active,.btn_result_now2:active{
     transition: all .3s ease;
     opacity: 1;
     background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
@@ -2439,11 +2444,75 @@ span.normalPrice{
 /* orange end */
 /* 五彩斑斓支付框 end*/
 /* 首页附加增值服务start */
+.backColorAdd >h4{
+    margin-top: 0;
+    width: calc(100% + 220px);
+}
+.addServiceds_show{
+    width: calc(100% + 220px);
+}
+.top_left{
+    /* width: ; */
+    /* height: px; */
+    /* min-width: 498px;
+    max-width: 594px; */
+    width: calc(calc(100% / 2) - 57px);
+    padding: 13px 26px;
+    display: flex;
+    border-radius: 6px;
+    background: #F7FAFF;
+}
+.serviceds_top{
+    display: flex;
+    justify-content: space-between;
+}
+.top_left img{
+    width: 76px;
+    height: 76px;
+    margin-right: 26px;
+}
+.top_left > div h4{
+    margin: 14px 0 8px;
+    display: flex;
+    align-items: center;
+    line-height: 20px;
+}
+.top_left div + span:last-child{
+    color: #1F2225;
+    font-size: 12px;
+    margin-top: 14px;
+    font-weight: bold;
+}
+.top_left div{
+    flex: 1;
+}
+#mainText{
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 340px;
+}
+.top_left .notNormalBZ{
+    display: inline-block;
+    margin-right: 6px;
+    padding: 0px 8px;
+    color: #FFFFFF;
+    font-weight: 500;
+    font-size: 12px;
+    border-radius: 10px 10px 10px 0px;
+    font-family: Alibaba PuHuiTi 2.0;
+    background: linear-gradient(180deg, #725DFF 0%, #6785FF 100%);
+}
+.top_left div p{
+    color: #1F2225;
+}
 .serviceds_bottom{
+    margin-top: 12px;
     justify-content: space-between;
 }
 .serviceds_bot_item{
-    width: 195px;
+    min-width: calc(calc(100% - 50px) / 6);
     padding: 15px 0px;
     border-radius: 4px;
     background: #F7FAFF;
@@ -2459,5 +2528,126 @@ span.normalPrice{
     width: 22px;
     height: 22px;
     margin-right: 10px;
+    color: #5B6FF6;
+}
+.addListBox{
+    width: calc(100% + 220px);
+    justify-content: flex-start;
+    height: 90px;
 }
+.addListBox .add_item{
+    padding: 20px;
+    position: relative;
+    border-radius: 6px;
+    min-width: 234px;
+    opacity: 1;
+    margin-right: 12px;
+    background: #FFFFFF;
+    box-sizing: border-box;
+    border: 1px solid #FFE3DC;
+}
+.addListBox .pos_top{
+    padding: 3px 13px;
+    position: absolute;
+    top: -12px;
+    right: 0;
+    border-radius: 20px 30px 0px 20px;
+    background: linear-gradient(270deg, #ED8455 2%, #E95451 100%);
+    font-family: Microsoft YaHei UI;
+    font-size: 12px;
+    font-variation-settings: "opsz" auto;
+    color: #FFFFFF;
+    line-height: 15px;
+}
+.addListBox .add_item_left{
+    flex: 1;
+}
+.addListBox .add_active{
+    background: linear-gradient(270deg, #FBE5C7 0%, #FDF6CA 100%);
+    border: 1px solid #FFE4DC;
+}
+.addListBox .add_item_right{
+    color: #E65628;
+    font-size: 12px;
+    line-height: 20px;
+    margin-top: 30px;
+}
+.addListBox .title{
+    font-size: 16px;
+    color: #3D3D3D;
+    font-weight: bold;
+    margin-bottom: 6px;
+}
+
+.add_item .title::before{
+    content: '';
+    width: 18px;
+    height: 18px;
+    display: inline-block;
+    background: url(../img/no_checked_icon.svg) center center no-repeat !important;
+    vertical-align: middle;
+    margin-right: 4px;
+    position: relative;
+    top: -1px;
+    cursor: pointer;
+    margin-right: 12px;
+}
+.add_active .title::before{
+    content: '';
+    width: 18px;
+    height: 18px;
+    display: inline-block;
+    background: url(../img/add_checked_icon.svg) center center no-repeat !important;
+    vertical-align: middle;
+    margin-right: 4px;
+    position: relative;
+    top: -1px;
+    margin-right: 12px;
+
+}
+.addListBox .title+p{
+    margin-left: 30px;
+}
+.add_ppt_item{
+    width: 319px;
+    justify-content: space-between;
+}
+.add_ppt_item .add_item_left, .add_ppt_right{
+    width: 112px;
+    flex: none;
+}
+.add_ppt_right p{
+    font-size: 12px;
+    line-height: 20px;
+    color: #3D3D3D;
+}
+.add_ppt_right p:last-child{
+    color: #8C919D;
+    margin-top: 8px;
+}
+.add_ppt_item .dashedLine{
+    border: 0.5px dashed #B5B9BE;
+}
+
 /* 首页附加增值服务end */
+/* 中文论文 继续支付弹框 start */
+.continue_pay_modal{
+    width: 800px;
+    height: 703px;
+    border-radius: 30px;
+    /* background: rgba(255, 255, 255, 0.67); */
+    background: url(../img/continue_back.png) no-repeat;
+    position: fixed;
+    left: 50%;
+    top: 20%;
+    z-index: 999;
+    transform: translateX(-50%);
+    font-family: Microsoft YaHei UI;
+    flex-direction: column;
+}
+.continue_title{
+    padding: 24px;
+    justify-content: space-between;
+
+}
+/* 中文论文 继续支付弹框 end */
diff --git a/style/img/add_checked_icon.svg b/style/img/add_checked_icon.svg
new file mode 100644
index 0000000..a2814e9
--- /dev/null
+++ b/style/img/add_checked_icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_36_16276"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_36_16276)"><g><path d="M18,0L0,0L0,18L18,18L18,0Z" fill="#FFFFFF" fill-opacity="0.009999999776482582" style="mix-blend-mode:passthrough"/></g><g><path d="M14.85078125,1.75L3.15078125,1.75C2.40519925,1.75,1.80078125,2.354418,1.80078125,3.1L1.80078125,14.8C1.80078125,15.5456,2.40519925,16.15,3.15078125,16.15L14.85078125,16.15C15.59638125,16.15,16.20078125,15.5456,16.20078125,14.8L16.20078125,3.1C16.20078125,2.354418,15.59638125,1.75,14.85078125,1.75Z" fill="#E65628" fill-opacity="1"/><path d="M16.80078125,14.8L16.80078125,3.1Q16.80078125,2.292284,16.22968125,1.7211452Q15.65848125,1.15,14.85078125,1.15L3.15078125,1.15Q2.34306625,1.15,1.77192385,1.7211426Q1.20078125,2.292285,1.20078125,3.1L1.20078125,14.8Q1.20078125,15.6077,1.77192605,16.1789Q2.34306625,16.75,3.15078125,16.75L14.85078125,16.75Q15.65848125,16.75,16.22968125,16.1789Q16.80078125,15.6077,16.80078125,14.8ZM14.85078125,2.35Q15.60078125,2.35,15.60078125,3.1L15.60078125,14.8Q15.60078125,15.55,14.85078125,15.55L3.15078125,15.55Q2.40078125,15.55,2.40078125,14.8L2.40078125,3.1Q2.40078125,2.35,3.15078125,2.35L14.85078125,2.35Z" fill-rule="evenodd" fill="#E65628" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M13.2130075,6.762157Q13.3028675,6.654327,13.3506575,6.522346Q13.3984375,6.390365,13.3984375,6.25Q13.3984375,6.1712069,13.3830675,6.093928Q13.3676975,6.016649,13.3375375,5.943853Q13.3073875,5.871058,13.263617499999999,5.805544Q13.2198375,5.74003,13.1641275,5.684315Q13.1084075,5.628599,13.042897499999999,5.584824Q12.9773775,5.541049,12.9045875,5.510896Q12.8317875,5.480744,12.754507499999999,5.465372Q12.6772275,5.45,12.5984375,5.45Q12.5104775,5.45,12.4246275,5.46911Q12.3387675,5.488219,12.2591175,5.525526Q12.179467500000001,5.562832,12.1098175,5.616553Q12.0401775,5.670274,11.983867499999999,5.737843L8.0649775,10.440380000000001L5.9838715,8.20579Q5.8703735,8.083919999999999,5.7176725,8.01746Q5.5649725,7.95101,5.3984375,7.95101Q5.3196444,7.95101,5.2423655,7.96638Q5.1650865,7.98175,5.0922905,8.01191Q5.0194955,8.04206,4.9539815,8.08583Q4.8884675,8.12961,4.8327525,8.18532Q4.7770365,8.24104,4.7332615,8.30655Q4.6894865,8.37207,4.6593335,8.44486Q4.6291815,8.51766,4.6138095,8.59494Q4.5984375,8.67222,4.5984375,8.75101Q4.5984375,8.90276,4.6540095,9.04397Q4.7095804999999995,9.185179999999999,4.8130035,9.29623L4.8131065,9.29634L7.5128675000000005,12.195219999999999Q7.5473175,12.23221,7.5861475,12.264569999999999Q7.708387500000001,12.36644,7.8603175,12.41378Q8.0122475,12.461120000000001,8.1707175,12.44672Q8.3291975,12.432310000000001,8.4700975,12.358360000000001Q8.6109975,12.2844,8.7128675,12.16216L13.2123375,6.76296L13.2130075,6.762157L13.2130075,6.762157Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/style/img/add_hot.svg b/style/img/add_hot.svg
new file mode 100644
index 0000000..99627b1
--- /dev/null
+++ b/style/img/add_hot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_36_16042"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg1_15_5503"><stop offset="3.57142873108387%" stop-color="#ED8834" stop-opacity="1"/><stop offset="100%" stop-color="#EA5952" stop-opacity="1"/></linearGradient></defs><g clip-path="url(#master_svg0_36_16042)"><g><path d="M3.5233350000000003,16.8806703125C3.704955,16.688070312500003,4.0111349999999995,16.688070312500003,4.192765,16.8806703125C4.380155,17.057070312500002,4.380155,17.3632703125,4.192765,17.5616703125L3.007775,18.7413703125C2.8204149999999997,18.9339703125,2.508435,18.9339703125,2.3273580000000003,18.7413703125C2.1394450000000003,18.5539703125,2.1394450000000003,18.2535703125,2.3273580000000003,18.0609703125L3.5233350000000003,16.8806703125ZM18.432075,8.5674103125C18.432075,10.2119503125,17.099474999999998,11.5393003125,15.454875,11.5393003125C13.810375,11.5393003125,12.471975,10.2119503125,12.471975,8.5674103125C12.471975,6.9348803125,13.810375,5.5960403125,15.454875,5.5960403125C17.099474999999998,5.5960403125,18.432075,6.9228703125,18.432075,8.5674103125ZM15.454875,6.5486203125C14.337975,6.5486203125,13.436675,7.4447003125,13.436675,8.5674103125C13.436675,9.6791303125,14.337975,10.5752003125,15.454875,10.5752003125C16.566575,10.5752003125,17.474175000000002,9.6791203125,17.474175000000002,8.5674103125C17.474175000000002,7.4446803125,16.566575,6.5486203125,15.454875,6.5486203125ZM4.4649350000000005,15.1397703125C4.4649350000000005,14.5221703125,4.498965,13.9150703125,4.5785149999999994,13.2974703125C4.612025,13.0812703125,4.635045,12.8661703125,4.674835,12.6504703125L4.5047250000000005,12.7184703125C4.1132349999999995,12.8776703125,3.750485,13.1100703125,3.427035,13.4104703125C3.104095,13.7056703125,2.598997,13.6883703125,2.298577,13.3712703125C2.242047,13.2974703125,2.190746,13.2345703125,2.162493,13.1608703125C1.6637031,12.1684703125,1.505099,11.0515003125,1.6751913,9.9800703125C1.845308,8.913900312500001,2.332586,7.9094903125,3.149615,7.0934903125C3.886565,6.3387403125,4.810895,5.8687103125,5.768735,5.6583003125C6.585765,5.4881803125,7.425315,5.5107003125,8.241845,5.7211103125L8.388915,5.5735203124999995L8.400955,5.5510203125L8.388915,5.5510203125C10.113005,3.8379103125,12.200375,2.6759503125,14.400275,2.0860653125C16.679675,1.4674053125,19.084175,1.4674053125,21.364175,2.0860653125C21.653575,2.1598633124999997,21.862975,2.3807543125,21.936775,2.6529203125L21.936775,2.6644303125L21.936775,2.6701903125C22.543375,4.9438703125,22.543375,7.3431303125,21.930975,9.616840312499999C21.341675,11.8114703125,20.179175,13.9092703125,18.460875,15.6218703125L18.409575,15.6789703125L18.296475,15.7809703125C18.517375,16.586470312499998,18.534675,17.436570312500002,18.358775,18.2535703125C18.154675,19.2061703125,17.677775,20.1247703125,16.929375,20.8679703125L16.884375,20.9135703125C16.078775,21.6955703125,15.081175,22.1780703125,14.042775,22.3476703125C12.959775,22.5125703125,11.837075,22.3534703125,10.827455,21.8488703125C10.441705,21.6562703125,10.283125,21.1684703125,10.476265,20.7769703125C10.509765,20.7146703125,10.555815,20.6466703125,10.611815,20.5895703125C10.907035,20.2723703125,11.145175,19.9038703125,11.304275,19.5175703125L11.372315,19.3422703125C11.156685,19.3820703125,10.929505,19.4160703125,10.714395,19.4442703125C10.078975,19.5296703125,9.444095,19.5579703125,8.808675000000001,19.5521703125C8.593565,19.5521703125,8.400945,19.4673703125,8.253354999999999,19.3307703125L4.6858249999999995,15.7694703125C4.521485,15.5941703125,4.441905,15.3727703125,4.4649350000000005,15.1397703125ZM6.154515,13.5067703125C6.098485,13.9605703125,6.063955,14.4201703125,6.052965,14.8681703125L9.149435,17.9698703125C9.602705,17.9588703125,10.056505,17.9190703125,10.509775,17.8620703125C11.060385,17.7887703125,11.616275,17.6861703125,12.154275,17.5275703125C12.233875,17.5050703125,12.324475,17.493570312499997,12.409775,17.499370312499998C12.846775,17.510270312499998,13.197975,17.8850703125,13.174975,18.3273703125C13.152475,18.9454703125,13.016875,19.5521703125,12.778775,20.1362703125C12.687675,20.3346703125,12.585575,20.5445703125,12.472075,20.7428703125C12.903275,20.8396703125,13.351375,20.8507703125,13.793575,20.7658703125C14.513875,20.6465703125,15.205275,20.3230703125,15.772575,19.7735703125L15.800875,19.7389703125C16.328474999999997,19.2234703125,16.651975,18.5764703125,16.793775,17.9133703125C16.951875,17.2213703125,16.890075,16.4954703125,16.634675,15.8265703125C16.521075,15.5428703125,16.600675000000003,15.1858703125,16.849775,14.9644703125L17.099474999999998,14.7258703125L17.298375,14.5222703125L17.326575,14.4934703125C18.857575,12.9739703125,19.878275,11.1311003125,20.388575,9.2086103125C20.887875,7.3541903125,20.933375,5.3867003125,20.502075,3.5092303124999997C18.630975,3.0894703125,16.679675,3.1349703125,14.819975,3.6280503125C12.880275,4.1503903125,11.043125,5.176250312500001,9.523125,6.6962603125L9.301735,6.9113703125L9.296505,6.9113703125L9.081395,7.1500403125C8.865235,7.4049403125,8.514015,7.5132703125,8.190565,7.3824403125C7.521635,7.1275403125,6.789915,7.0814403125,6.109495,7.2290903125C5.440595,7.3657003125,4.799415,7.7001503125,4.277575000000001,8.2214603125L4.277575000000001,8.216230312499999C3.704985,8.7888403125,3.364775,9.486530312500001,3.2511650000000003,10.2350203125C3.177365,10.6605403125,3.183125,11.1138003125,3.2741949999999997,11.5508603125C3.4783150000000003,11.4367403125,3.682445,11.3294703125,3.886565,11.2441303125C4.4649350000000005,11.0059703125,5.065825,10.8813803125,5.678195,10.8416403125C5.763515,10.8416403125,5.860335,10.8473903125,5.939355,10.8813803125C6.370635,10.9834803125,6.608795,11.4367403125,6.494705,11.8564703125C6.347635,12.4013703125,6.234045,12.9571703125,6.154515,13.5067703125ZM6.472205,19.8242703125C6.653835,19.6374703125,6.954255,19.6374703125,7.141635,19.8242703125C7.334775,20.0116703125,7.334775,20.3120703125,7.141635,20.4989703125L5.950895,21.6902703125C5.763505,21.8713703125,5.4630849999999995,21.8713703125,5.281985000000001,21.6902703125C5.088845,21.5085703125,5.088845,21.1908703125,5.281985000000001,21.0155703125L6.472205,19.8242703125ZM4.997775,18.3440703125C5.179385,18.1624703125,5.479825,18.1624703125,5.667215,18.3440703125C5.860355,18.5372703125,5.860355,18.8376703125,5.667215,19.0250703125L2.967455,21.7294703125C2.780605,21.9168703125,2.480182,21.9168703125,2.298553,21.7294703125C2.100183,21.5368703125,2.100183,21.2359703125,2.298553,21.0490703125L4.997775,18.3440703125Z" fill="url(#master_svg1_15_5503)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/style/img/continue_back.png b/style/img/continue_back.png
new file mode 100644
index 0000000000000000000000000000000000000000..77056eeac4ffcb2761da583c61d6c55b58cd3ef6
GIT binary patch
literal 3808
zcmeAS@N?(olHy`uVBq!ia0y~yU{+vYVA{{Y1{9fSzS0XwF%}28J29*~C-V}>VJUX<
z4B-HR8jh3>1_r(^PZ!6KiaBqu8!{eH5IArk=)a%9&mA1h<y@Q6&Yt-P)WP)sEs%U5
z%f`aMa6&?Wfk7eJfq|i+hmnzi!Dv))G(biZ!)QhrEg42j#nBpJv^E^A4M%Ik(b{md
jHXN-DM{7e8YeSiMTTZnLrp_(E-X?>mtDnm{r-UW|zD6&D

literal 0
HcmV?d00001

diff --git a/style/img/continue_footer_icon.svg b/style/img/continue_footer_icon.svg
new file mode 100644
index 0000000..2d0b2b7
--- /dev/null
+++ b/style/img/continue_footer_icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_38_03496"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_38_03496)"><g transform="matrix(1,0,0,-1,0,28.4375)"><g><path d="M12.6875,21.21875Q12.6875,19.66016,11.9219,18.375Q11.1836,17.08984,9.84375,16.29687Q8.50391,15.53125,7,15.53125Q5.49609,15.53125,4.15625,16.29687Q2.81641,17.08984,2.07812,18.375Q1.3125,19.66016,1.3125,21.21875Q1.3125,22.777340000000002,2.07812,24.0625Q2.81641,25.34765,4.15625,26.14065Q5.49609,26.90625,7,26.90625Q8.50391,26.90625,9.84375,26.14065Q11.1836,25.34765,11.9219,24.0625Q12.6875,22.777340000000002,12.6875,21.21875ZM0,21.21875Q0.0273438,19.30469,0.929688,17.71875Q1.85938,16.13281,3.5,15.148438Q5.16797,14.21875,7,14.21875Q8.83203,14.21875,10.5,15.148438Q12.1406,16.13281,13.0703,17.71875Q13.9727,19.30469,14,21.21875Q13.9727,23.13281,13.0703,24.71875Q12.1406,26.304650000000002,10.5,27.28905Q8.83203,28.21875,7,28.21875Q5.16797,28.21875,3.5,27.28905Q1.85938,26.304650000000002,0.929688,24.71875Q0.0273438,23.13281,0,21.21875ZM6.34375,24.93755L6.34375,21.21875L6.34375,24.93755L6.34375,21.21875Q6.34375,20.86328,6.64453,20.67187L9.26953,18.92187Q9.78906,18.62109,10.1719,19.11328Q10.4727,19.63281,9.98047,20.01563L7.65625,21.57422L7.65625,24.93755Q7.60156,25.53905,7,25.59375Q6.39844,25.53905,6.34375,24.93755Z" fill="#6B7280" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/style/img/finish_lunwen.svg b/style/img/finish_lunwen.svg
new file mode 100644
index 0000000..a8a5d52
--- /dev/null
+++ b/style/img/finish_lunwen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="30" height="30" viewBox="0 0 30 30"><g><g><rect x="0" y="0" width="30" height="30" rx="15" fill="#67C23A" fill-opacity="1"/><rect x="1.0714285373687744" y="1.0714285373687744" width="27.85714292526245" height="27.85714292526245" rx="13.928571462631226" fill-opacity="0" stroke-opacity="1" stroke="#67C23A" fill="none" stroke-width="2.142857074737549"/></g><g><path d="M23.7411,10.82642659790039Q23.8542,10.70789659790039,23.9427,10.57012759790039Q24.0313,10.432353597900391,24.0921,10.28031059790039Q24.153,10.12826759790039,24.184,9.96745059790039Q24.215,9.80663359790039,24.215,9.64285659790039Q24.215,9.55860409790039,24.2067,9.47475759790039Q24.1985,9.39091059790039,24.182,9.30827659790039Q24.1656,9.22564359790039,24.1412,9.14501859790039Q24.1167,9.064393597900391,24.0845,8.98655459790039Q24.0522,8.908715597900391,24.0125,8.83441159790039Q23.9728,8.76010759790039,23.926,8.690053597900391Q23.8792,8.619996597900391,23.8257,8.55487659790039Q23.7723,8.48974659790039,23.7127,8.43016659790039Q23.6531,8.370596597900391,23.588,8.31714659790039Q23.5229,8.26369659790039,23.4528,8.216886597900391Q23.3827,8.17007659790039,23.3084,8.130366597900391Q23.234099999999998,8.09064659790039,23.1563,8.05840659790039Q23.0785,8.02615659790039,22.997799999999998,8.001706597900391Q22.9172,7.977246597900391,22.834600000000002,7.96080659790039Q22.7519,7.944376597900391,22.668100000000003,7.936116597900391Q22.5843,7.927856597900391,22.5,7.927856597900391Q22.3134,7.927856597900391,22.1312,7.967966597900391Q21.9491,8.008086597900391,21.7797,8.08642659790039Q21.6104,8.16477659790039,21.4619,8.277696597900391Q21.3134,8.39061659790039,21.192700000000002,8.53282659790039L12.79167,17.867296597900392L8.74718,13.822816597900392Q8.62695,13.69543659790039,8.483449,13.594986597900391Q8.339947,13.49454659790039,8.179101,13.42518659790039Q8.018256000000001,13.355826597900391,7.846709,13.32040659790039Q7.675163,13.28499659790039,7.5,13.28499659790039Q7.4157475,13.28499659790039,7.331901,13.29325659790039Q7.248054,13.30151659790039,7.16542,13.317956597900391Q7.082787,13.33438659790039,7.002162,13.35884659790039Q6.921537,13.38330659790039,6.843698,13.415546597900391Q6.765859,13.447786597900391,6.691555,13.48750659790039Q6.6172509999999996,13.527216597900392,6.547197,13.57402659790039Q6.47714,13.620836597900391,6.41202,13.674286597900391Q6.34689,13.72773659790039,6.28731,13.78730659790039Q6.22774,13.84688659790039,6.17429,13.91201659790039Q6.12084,13.97714659790039,6.0740300000000005,14.047196597900392Q6.02722,14.11724659790039,5.98751,14.19155659790039Q5.9477899999999995,14.265856597900392,5.91555,14.34369659790039Q5.8833,14.42153659790039,5.85885,14.502156597900392Q5.83439,14.582786597900391,5.81795,14.665416597900391Q5.80152,14.74805659790039,5.79326,14.831896597900391Q5.785,14.915746597900391,5.785,14.999996597900392Q5.785,15.17516659790039,5.82041,15.34670659790039Q5.85582,15.51825659790039,5.92518,15.67909659790039Q5.99454,15.83994659790039,6.09499,15.98344659790039Q6.19544,16.126946597900393,6.32282,16.24718659790039L11.644960000000001,21.56935659790039Q11.67684,21.601156597900392,11.71035,21.631356597900393Q11.835840000000001,21.744356597900392,11.98097,21.83055659790039Q12.12609,21.91685659790039,12.285260000000001,21.973256597900388Q12.44443,22.02955659790039,12.61153,22.05375659790039Q12.77863,22.07795659790039,12.94724,22.069056597900392Q13.11585,22.060156597900388,13.27949,22.018556597900393Q13.44313,21.97695659790039,13.59551,21.904256597900392Q13.74788,21.83155659790039,13.88315,21.730456597900393Q14.01841,21.62945659790039,14.13136,21.50395659790039L23.7411,10.82642659790039Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/style/img/no_finish_lunwen.svg b/style/img/no_finish_lunwen.svg
new file mode 100644
index 0000000..8eb7e61
--- /dev/null
+++ b/style/img/no_finish_lunwen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="30" height="30" viewBox="0 0 30 30"><g><g><rect x="0" y="0" width="30" height="30" rx="15" fill="#E5E7EB" fill-opacity="1"/><rect x="1.0714285373687744" y="1.0714285373687744" width="27.85714292526245" height="27.85714292526245" rx="13.928571462631226" fill-opacity="0" stroke-opacity="1" stroke="#E5E7EB" fill="none" stroke-width="2.142857074737549"/></g><g transform="matrix(1,0,0,-1,0,46)"><g><path d="M11,39Q10.15625,38.9688,9.59375,38.4062Q9.03125,37.8438,9,37L9,25Q9.03125,24.15625,9.59375,23.59375Q10.15625,23.03125,11,23L19,23Q19.8438,23.03125,20.4062,23.59375Q20.9688,24.15625,21,25L21,34L17,34Q16.5625,34,16.28125,34.2812Q16,34.5625,16,35L16,39L11,39ZM17,39L17,35L17,39L17,35L21,35L17,39ZM12.5,31L17.5,31L12.5,31L17.5,31Q17.96875,30.96875,18,30.5Q17.96875,30.03125,17.5,30L12.5,30Q12.03125,30.03125,12,30.5Q12.03125,30.96875,12.5,31ZM12.5,29L17.5,29L12.5,29L17.5,29Q17.96875,28.96875,18,28.5Q17.96875,28.03125,17.5,28L12.5,28Q12.03125,28.03125,12,28.5Q12.03125,28.96875,12.5,29ZM12.5,27L17.5,27L12.5,27L17.5,27Q17.96875,26.96875,18,26.5Q17.96875,26.03125,17.5,26L12.5,26Q12.03125,26.03125,12,26.5Q12.03125,26.96875,12.5,27Z" fill="#9CA3AF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/style/js/index.js b/style/js/index.js
index 49bbca8..c1361e6 100644
--- a/style/js/index.js
+++ b/style/js/index.js
@@ -13,6 +13,7 @@ $(document).ready(function() {
     var child_ppt = 0;
     var child_src = ''
     var value_added_servicesList = null;
+    value_added_select = null;//已选择的增值服务
     // var cssurl= '{$priv_style}/img/'
     var cssurl= './style/img/'//dev
     var pptUrlList = [
@@ -78,7 +79,9 @@ $(document).ready(function() {
         '论文摘要',
         '论文致谢',
         '参考文献',
+        '查重报告',
     ]
+    //首页增值服务相关展示
     let servicedsHtml = ''
     addservicedsDescList.forEach(item=>{
         servicedsHtml += `<div class="serviceds_bot_item flex">
@@ -177,17 +180,77 @@ $(document).ready(function() {
     //     // 请求失败时的回调函数
     //     console.log(error);
     // });
+// 首页增值服务相关
+    var add_item_valueText = {
+        '62':'选题正文一步到位',
+        '63':'导师看了都说好',
+        '96':'可自定义风格，答辩最靓的仔',
+    }
     $.ajax({
         type: "post",
         dataType:'json',
-        url: service_domain +'/ajax_get_value_added_services',
+        url: service_domain +'ajax_get_value_added_services',
         data: {
             type:'94'
         }, 
         success:function(res){
-            value_added_servicesList = res.data.value_added_services;
+            if(res.status){
+                let addListBoxHtml = ''
+                value_added_servicesList = Object.values(res.data.value_added_services);
+                value_added_servicesList.forEach(item=>{
+                    if(item.type != '96'){
+                        addListBoxHtml+= ` <div class="add_item flex " type=`+item.type+`>
+                                <div class="pos_top">`+add_item_valueText[item.type]+`</div>
+                                <div class="add_item_left">
+                                    <p class="title">`+item.name +`</p>
+                                    <p>
+                                        <span class="curPrice">`+item.price_desc.slice(0,-3)+`</span>
+                                        <span class="normalPrice hide">12.00元</span>
+                                    </p>
+                                </div>
+                                <span class="add_item_right">预览</span>
+                            </div>`
+                    }else{
+                        addListBoxHtml+= `<div class="add_item add_ppt_item flex" type=`+item.type+`>
+                                <div class="pos_top">`+add_item_valueText[item.type]+`</div>
+                                <div class="add_item_left">
+                                    <p class="title">`+item.name +`</p>
+                                    <p>
+                                        <span class="curPrice">`+item.price_desc.slice(0,-3)+`</span>
+                                        <span class="normalPrice hide">12.00元</span>
+                                    </p>
+                                </div>
+                                <div class="dashedLine"></div>
+                                <div class="add_ppt_right">
+                                    <p>当前模板</p>
+                                    <p>
+                                        <span id="cur_ppt_selectName">清新绿意通用模板</span>
+                                        <img src="./style/img/lookAllPPT.svg" alt="">
+                                    </p>
+                                </div>
+                            </div>`
+                    }
+                })
+                $('.addListBox').html(addListBoxHtml)
+                // $('.addListBox')
+            }else{
+                alert(res.info)
+            }
+
+        },
+        error:function(){
+            alert('网络错误1');
+        }
+    })
+    // 增值服务 选择
+    $('.addListBox').on('click','.title',function(){
+        if ($(this).parent().parent().hasClass('add_active')) {
+            $(this).parent().parent().removeClass('add_active');
+            return;
         }
+        $(this).parent().parent().addClass('add_active')
     })
+
     //step监听滚动位置
     $('.pay_complete_main').html(payhtml)
     // $('.payModal_main').html(payhtml)
@@ -1087,4 +1150,6 @@ $(document).ready(function() {
         $('.findtid-wrap').find('img').addClass('hide');
         $('.findtid-wrap').find('img').eq($(this).index()).removeClass('hide');
     });
+
+
 });
\ No newline at end of file