增值服务样式

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 ">
+                <div class="backColor2 backColorAdd hide step_add_three">
-                    <h4 style="width: 100%;">您将获得</h4>
+                    <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')
+                                $('.step_line').removeClass('suc_step_line')
-                                window.open(url);
+                                $('.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="">

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 */

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>

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>

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>

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>

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');
     });
+
+
 });