diff --git a/style/css/index.css b/style/css/index.css index aa52d05..719c90e 100644 --- a/style/css/index.css +++ b/style/css/index.css @@ -8,6 +8,17 @@ body,p,div{ /* right: calc((100% - 1680px) / 2); */ } } + +#loading-animation { + width: 50px; + height: 50px; + background-color: #333; + border-radius: 50%; + position: relative; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } .point{ cursor: pointer; } @@ -831,6 +842,9 @@ header .right .activebtn{ .normal_step3.step_three dt{ background: url(../img/step_2.svg); } +.normal_step3.step_three.active_step dt{ + background: url(../img/step_active2.svg); +} .step_line{ flex: 1; @@ -1064,6 +1078,67 @@ li .select_icon, .pay_every .pay_icon{ #advise-area{ width: calc(100% - 28px); } + +.custom-dropdown { + position: relative; + display: inline-block; + margin-right: 22px; + } + +.dropdown-input { + font-size: 14px; + height: 46px; + font-family: Microsoft YaHei UI; + width: 176px; + border-radius: 6px; + height: 44px; + color: #3D3D3D; + cursor: pointer; + padding: 0 0 0 10px; + background: #FFFFFF; + border: 1px solid #E8E8E8; +} +.dropdown-input:hover, .textAreaForWordCount:hover,.coreWordCount:hover{ + transition: all .3s; + border: 1px solid #5B6FF6 !important; +} +.dropdown-input:focus-visible,.textAreaForWordCount:focus-visible,.coreWordCount:focus-visible{ + transition: all .3s; + border: 1px solid #5B6FF6 !important; + outline: none; +} +.empty-err{ + border: 1px solid #FF4D4F; +} + .dropdown-content { + display: none; + position: absolute; + background-color: #fff; + border-radius: 8px; + box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08); + /* min-width: 160px; */ + z-index: 1; + width: 170px; + max-height: 205px; + overflow-y: auto; + padding: 10px 8px; + } + + .dropdown-content p{ + color: black; + display: block; + padding: 8px 10px; + cursor: pointer; + line-height: 20px; + } + .dropdown-content p:hover{ + background: #F1F4FF; + } + .dropdown-content .selected_back{ + background: #F1F4FF; + } + + .opt-area{ display: none; position: absolute; @@ -1085,7 +1160,7 @@ li .select_icon, .pay_every .pay_icon{ justify-content: center; width: 100%; height: 84px; - background: linear-gradient( 180deg, #F1FBFF 0%, #ECF3FF 100%); + background: linear-gradient(180deg, #EDF1FE 0%, #FCFDFF 119%); border-radius: 8px; font-weight: 400; font-size: 12px; @@ -1117,7 +1192,8 @@ li .select_icon, .pay_every .pay_icon{ /* margin-top: -22px; */ } .opt-block .step-icon-active+.step-text{ - color: #1675FF; + /* color: #1675FF; */ + color: #5B6FF6; } .loading-area img{ margin: 0 8px; @@ -1233,6 +1309,7 @@ li .select_icon, .pay_every .pay_icon{ font-variation-settings: "opsz" auto; color: #282828; line-height: 20px; + font-weight: bold; /* margin-bottom: 14px; */ } .posHead img{ @@ -1697,11 +1774,11 @@ li .select_icon, .pay_every .pay_icon{ right: 10px; /* 根据需要调整距离右侧的位置 */ font-size: 12px; /* 根据需要调整字体大小 */ } -.custom-select { +/* .custom-select { position: relative; display: inline-block; margin-right: 22px; - } + } */ #project_select { -webkit-appearance: none; @@ -1745,10 +1822,14 @@ border: 1px solid #E8E8E8; select:focus { border-color: #4A90E2; /* 聚焦时边框颜色 */ } + .coreContent .formLeft{ + padding-top: 7px; + } #side_textarea, #coreTextarea{ flex: 1; /* width: 100%; */ padding: 14px 12px; + font-size: 14px; /* width: 664px; */ height: 65px; border-radius: 6px; @@ -1916,9 +1997,11 @@ footer a{ 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; @@ -2590,6 +2673,33 @@ span.normalPrice{ background: #FFFFFF; box-sizing: border-box; border: 1px solid #FFE3DC; + position: relative; +} + +.addListBox .add_item .img{ + display: none; + opacity: 0; + position: absolute; + left: 0; + top: -290px; + border-radius: 12px; + z-index: 100; + background: #F2F3FE; + box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); +} +.addListBox .add_item_right:hover .img{ + display: block !important; + opacity: 1; +} +.addListBox .add_item img{ +} +.addListBox .add_item .img .preview{ + height: 306px; +} +.addListBox .add_item .img .preview_icon{ + position: absolute; + left: 185px; + bottom: -15px; } .addListBox .pos_top{ padding: 3px 13px; @@ -2616,6 +2726,7 @@ span.normalPrice{ font-size: 12px; line-height: 20px; margin-top: 30px; + cursor: pointer; } .addListBox .title{ font-size: 16px; diff --git a/style/img/add_lookppt_icon.svg b/style/img/add_lookppt_icon.svg new file mode 100644 index 0000000..7d36453 --- /dev/null +++ b/style/img/add_lookppt_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/step_active2.svg b/style/img/step_active2.svg new file mode 100644 index 0000000..93cd799 --- /dev/null +++ b/style/img/step_active2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/js/index.js b/style/js/index.js index 65a03f5..b53b9b0 100644 --- a/style/js/index.js +++ b/style/js/index.js @@ -182,20 +182,18 @@ $(document).ready(function() { // // 请求失败时的回调函数 // console.log(error); // }); - // $.ajax(service_domain +'/ajax_get_value_added_services', - // function(response) { - // // 请求成功时的回调函数 - // console.log(response); - // }).fail(function(xhr, status, error) { - // // 请求失败时的回调函数 - // console.log(error); - // }); + // 首页增值服务相关 var add_item_valueText = { '62':'选题正文一步到位', '63':'导师看了都说好', '96':'可自定义风格,答辩最靓的仔', } + var add_item_valueUrl = { + '62':'./style/img/kaiti_preview.png', + '63':'./style/img/renwushu_preview.png', + '96':'', + } getadd_Value('94') function getadd_Value(type){ $.ajax({ @@ -205,13 +203,14 @@ $(document).ready(function() { data: { type }, + success:function(res){ 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+= `
+ addListBoxHtml+= `
`+add_item_valueText[item.type]+`

`+item.name +`

@@ -220,10 +219,15 @@ $(document).ready(function() { 12.00元

- 预览 + 预览 +
+ + +
+
` }else{ - addListBoxHtml+= `
+ addListBoxHtml+= `
`+add_item_valueText[item.type]+`

`+item.name +`

@@ -237,7 +241,7 @@ $(document).ready(function() {

当前模板

清新绿意通用模板 - +

` @@ -567,8 +571,8 @@ $(document).ready(function() { } postData.title = title } - if(!$('.custom-select').hasClass('disNone')){ - var major = parseInt($('#project_select').find('option:selected').val()); + if(!$('.custom-dropdown').hasClass('disNone')){ + var major= parseInt($('.dropdown-input').attr('selected_val')) if (major <= 0 || !major) { alert("请选择您的专业"); return; @@ -582,6 +586,10 @@ $(document).ready(function() { } } if(check_type == '96'){ + if (!old_parent_ppt) { + alert("请选择ppt模板"); + return; + } var pptid = pptUrlList[old_parent_ppt]['ppt_id']; var upload_file_md5 = $("#upload_file_md5").val(); var upload_file_name = $("#upload_file_name").val(); @@ -595,7 +603,6 @@ $(document).ready(function() { alert("请选择ppt模板"); return; } - postData.ppt_tpl = pptid; postData.upload_file_md5 = upload_file_md5; postData.upload_file_name = upload_file_name; @@ -613,6 +620,11 @@ $(document).ready(function() { } console.log(postData,'======0000'); allPostData = {...allPostData,check_flag,recharge_goods_id:'0',...postData} + $('.normal_step').removeClass('active_step') + $('.step_line').removeClass('suc_step_line') + $('.step_line').eq(0).addClass('suc_step_line') + $('.normal_step').eq(0).addClass('success_step') + $('.normal_step').eq(2).addClass('active_step') //检验信息 getPayQrcode(postData) } @@ -632,6 +644,7 @@ $(document).ready(function() { // location.href = '/'; } $('#formInputSumbtn').on('click',function(e){ + payAction() }) function getPayQrcode(postData){ @@ -680,7 +693,7 @@ $(document).ready(function() { }); } function getRechargePayUrl(){ - var core_content = $('.coreWordCount').val(); + // var core_content = $('.coreWordCount').val(); var postData1 = new Object(); postData1.type = allPostData.check_type; postData1.pay_type = allPostData.pay_type; @@ -688,12 +701,8 @@ $(document).ready(function() { // if(configData.ppt_tpl != '') postData1.ppt_tpl = configData.ppt_tpl;//ppt // postData1.recharge_goods_id = '0'; postData1.title = allPostData.title; - // postData1.core_content = core_content; - // if(postData1.type == '63'){ - // postData1.major = parseInt($('#project_select').find('option:selected').val()); - // } - if(!$('.custom-select').hasClass('disNone')){ - var major = parseInt($('#project_select').find('option:selected').val()); + if(!$('.custom-dropdown').hasClass('disNone')){ + var major= parseInt($('.dropdown-input').attr('selected_val')) postData1.aiessay_major = major } if(!$('.formItem_pro').hasClass('disNone')){ @@ -705,7 +714,7 @@ $(document).ready(function() { postData1.aiessay_wordnum = wordnums } if(postData1.type == '81' || postData1.type == '85'){ - postData1.core_content = $('.core_content').val().trim()//核心内容 + postData1.core_content = $('.core_content').val()//核心内容 } if(postData1.type == '96'){ var pptid = pptUrlList[old_parent_ppt]['ppt_id']; @@ -737,7 +746,6 @@ $(document).ready(function() { type:'post', dataType:'json', data:{...postData1}, - success:function(res){ if(res.status){ $('#qrcode').html(''); @@ -841,31 +849,18 @@ $(document).ready(function() { } $('.step_main').on('click','.normal_step1',function(){ - console.log('====000'); window.scrollTo({ top: 200, behavior: 'smooth' }) - }) - $('.step_main').on('click','.ormal_step2.success_step',function(){ - console.log('====02222200'); + $('.step_main').on('click','.normal_step2.success_step',function(){ window.scrollTo({ top: 500, behavior: 'smooth' }) - }) $('.step_main').on('click','.normal_step3.active_step',function(){ - console.log('====03333300'); - window.scrollTo({ top: 1000, behavior: 'smooth' }) - + if(check_type == '94'){ + window.scrollTo({ top: 1000, behavior: 'smooth' }) + }else{ + window.scrollTo({ top: 800, behavior: 'smooth' }) + } }) - // $('.normal_step1.active_step').click(function(){ - - // }) - // $('.normal_step2.success_step').click(function(){ - - // console.log('=444444====009989'); - // }) - // $('.normal_step3.active_step').click(function(){ - // console.log('=====009989'); - // window.scrollTo({ top: 1000, behavior: 'smooth' }) - // }) function goLoadDown(tid,dom){ $('.right_btn').removeClass('activebtn') $('.right_btn').eq(1).addClass('activebtn') @@ -878,16 +873,13 @@ $(document).ready(function() { searchOrder() } - $('li').click(function(e) { + $('.main_select li').click(function(e) { if ($('li').hasClass('active_select')) { $('li').removeClass('active_select') } $(this).addClass('active_select') var element = $('.step_back'); var element2 = $('.footer'); - // $('.main_page').animate({ - // scrollTop: 500 - // }, 1000); element.removeClass('stickyStep') element2.removeClass('footer2') // getWordCountList(); @@ -898,17 +890,29 @@ $(document).ready(function() { // location.href = location.origin+'/aippt' // return // } + //重置步骤条状态 + $('.normal_step').removeClass('success_step') + $('.normal_step').removeClass('active_step') + $('.step_line').removeClass('suc_step_line') + $('.normal_step').eq(0).addClass('active_step') + //重置ppt模板选择 + old_parent_ppt = null;//首页选择的 + new_parent_ppt = 0;//弹框内选择的 + $('.form_pptItem .ppt_tem_item').removeClass('ppt_item_active') + + if(!$('.step_add_three').hasClass('hide')){ + $('.step_add_three').addClass('hide') + } if(t =='94'){//字数 $('.form_essayWords').show(); $('.side_info').show(); $('.step_two').show() - $('.normal_step3').removeClass('step_three') $('.key_words').addClass('hide') $('.checkbox_wrap').show() + getadd_Value('94') } else{ $('.checkbox_wrap').hide() $('.step_two').hide() - $('.normal_step3').addClass('step_three') $('.form_essayWords').hide(); $('.side_info').hide(); $('.key_words').removeClass('hide') @@ -931,6 +935,7 @@ $(document).ready(function() { $('[step="3"]').hide() $('.payModal_main').html(payhtml) $('.pay_complete_main').html('') + } if(t == '64'){ $('.key_words').show() @@ -981,10 +986,10 @@ $(document).ready(function() { } } changeLiActive(t,'support_titleMore','.normal_recommend_title')// 标题优化 - changeLiActive(t,'support_pro','.custom-select')// 专业优化 + changeLiActive(t,'support_pro','.custom-dropdown')// 专业优化 changeLiActive(t,'support_edu','.formItem_pro')// 学历优化 window.scrollTo({ top: 200, behavior: 'smooth' }) - // if($('.custom-select').hasClass('disNone') && $('.opt-advise').hasClass('disNone')){} + // if($('.custom-dropdown').hasClass('disNone') && $('.opt-advise').hasClass('disNone')){} }); function changeLiActive(t,attr_type,ele){ @@ -1173,7 +1178,7 @@ $(document).ready(function() { xhr.upload.addEventListener('progress', function (e) { if (e.lengthComputable) { var progress = Math.ceil((e.loaded / e.total) * 100); - console.log('progress', progress) + // console.log('progress', progress) $('.uploadMes').html('上传中......' + progress + '%'); } }, false);