Browse Source

增值服务逻辑联动

pull/3/head
zq 5 months ago
parent
commit
05b5bc81ba
  1. 72
      home.html
  2. 63
      style/css/index.css
  3. 287
      style/js/index.js

72
home.html

@ -103,7 +103,8 @@
</dl>
</div>
</div>
<div class="backColor2">
<div class="backColor2 user_default">
<div class="user_none hide"></div>
<ul class="main_select">
<li class="active_select" type="94" check_flag='aiessayzx'>
<img src="./style/img/ch_templete.svg" alt="" class="li_icon">
@ -125,7 +126,7 @@
<span>职称论文</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li type="62" check_flag="aiktbg">
<li type="62" check_flag="aiktbg" >
<img src="./style/img/zhichenglunwen.png" alt="" class="li_icon">
<span>开题报告</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
@ -458,7 +459,7 @@
我已阅读并同意:生成的论文范文仅用于参考,不作为毕业论文使用
</p> -->
</div>
<div class="backColor2 backColorAdd hide step_add_three">
<div class="backColor2 backColorAdd step_add_three hide ">
<h4>您将获得</h4>
<div class="addServiceds_show">
<div class="serviceds_top">
@ -483,12 +484,12 @@
</div>
</div>
</div>
<div class="backColor2 backColorAdd hide step_add_three">
<div class="backColor2 backColorAdd step_add_three hide ">
<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>
<button class="btn_result_now2 point step_add_three hide " id="click_AI_moretext">点击生成正文</button>
{literal}
<script>
@ -953,8 +954,16 @@
$('.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' })
// $('.user_none').removeClass('hide')//禁用
// console.log(eduObj[edu],'eduObj[edu]');
if(chkType != '82'){
let mainEduWords = eduObj[edu] + '·约' + wordnums + '字'
$('.step_add_three .mainEduWords').html(mainEduWords)
// console.log(mainEduWords,wordnums,'=====wordnums');
}else{
$('.step_add_three .mainEduWords').html(eduObj[edu])
}
window.scrollTo({ top: 800, behavior: 'smooth' })
setTimeout(()=>{
window.open(url);
},1500)
@ -1192,7 +1201,7 @@
</div>
</div>
<div class="pay_complete_modal blueColor hide">
<div class="pay_complete_modal purpleColor hide">
<div class="pay_com_left">
<div class="left_logo">AI 写作大师</div>
<div class="left_ai">写作大师对您做出以下承诺<br/>写作安心有保障:<div class="left_ai_img"></div></div>
@ -1219,51 +1228,10 @@
</div>
<div class="right_main">
<h4>订单详情</h4>
<div class="pay_completeDetailMes">
<div class="detailMesItem flex">
<span class="lable">写作题目:</span>
<span class="content">君子食sdfsdfsdfsd无求饱,居无求安…</span>
</div>
<div class="detailMesItem flex">
<span class="lable">写作类型:</span>
<span class="content">毕业论文</span>
</div>
<div class="detailMesItem flex">
<span class="lable">正文包含:</span>
<span class="content">表格、代码、图片</span>
</div>
<div class="detailMesItem flex">
<span class="lable">字数:</span>
<span class="content">约20000字</span>
</div>
<div class="detailMesItem flex">
<span class="lable">论文金额:</span>
<span class="content textPrice">255.4元</span>
</div>
</div>
<div class="addServices_box">
<p>您选择了4项增值服务</p>
<div class="pay_completeDetailMes"></div>
<div class="addServices_box hide">
<p class="add_length">您选择了3项增值服务</p>
<div class="services_List flex">
<div class="services_List_item">
<span>开题报告</span>
<span class="curPrice">9.9</span>
<span class="normalPrice hide">12.00元</span>
</div>
<div class="services_List_item">
<span>开题报告</span>
<span class="curPrice">9.9</span>
<span class="normalPrice hide">12.00元</span>
</div>
<div class="services_List_item">
<span>开题报告</span>
<span class="curPrice">9.9</span>
<span class="normalPrice hide">12.00元</span>
</div>
<div class="services_List_item">
<span>开题报告</span>
<span class="curPrice">9.9</span>
<span class="normalPrice hide">12.00元</span>
</div>
</div>
</div>
<div class="pay_complete_main"></div>

63
style/css/index.css

@ -1608,11 +1608,24 @@ li .select_icon, .pay_every .pay_icon{
position: relative;
top: -1px;
}
.user_default{
position: relative;
}
.user_none{
width: 100%;
position: absolute;
height: 100%;
user-select: none;
z-index: 100;
cursor: not-allowed;
background: rgba(255,255,255,0.4);
}
.no-click {
pointer-events: none;
/* pointer-events: none; */
/* 其他样式,比如透明度调整等 */
user-select: none;
opacity: 0.5;
cursor: not-allowed !important;
}
.upgrade-modal{
display: none;
@ -2246,7 +2259,7 @@ footer a{
.pay_com_right .right_title{
display: flex;
align-items: center;
padding: 26px 36px;
padding: 25px 36px;
justify-content: flex-end;
font-size: 15px;
font-weight: bold;
@ -2262,7 +2275,7 @@ footer a{
border-radius: 0 0 16px 0;
}
.right_main h4{
margin: 0 0 22px;
margin: 0 0 20px;
}
.addServices_box{
font-family: Microsoft YaHei UI;
@ -2273,13 +2286,24 @@ footer a{
margin-bottom: 20px;
}
.pay_completeDetailMes {
display: grid;
display: flex;
flex-wrap: wrap;
/* display: grid;
gap: 22px 39px;
grid-template-columns: repeat(auto-fill,minmax(166px,1fr));
margin-bottom: 20px;
grid-template-columns: repeat(auto-fill,minmax(166px,1fr)); */
/* margin-bottom: 20px; */
/* flex-wrap: wrap; */
}
.detailMesItem{
min-width: 30%;
margin-bottom: 20px;
/* margin: 0 40px 22px 0; */
}
.detailMesItem:first-child{
/* flex: 1; */
}
.detailMesItem span{
min-width: 80px;
display: inline-block;
max-width: 177px;
text-overflow: ellipsis;
@ -2287,11 +2311,12 @@ footer a{
overflow: hidden;
}
.addServices_box .services_List{
justify-content: space-between;
justify-content: flex-start;
}
.services_List .services_List_item{
padding: 14px 20px;
padding: 12px 20px;
border-radius: 6px;
margin-right: 8px;
line-height: 20px;
background: linear-gradient(270deg, #FBE5C7 0%, #FDF6CA 100%);
box-sizing: border-box;
@ -2303,6 +2328,7 @@ footer a{
span.curPrice{
color: #E65628;
font-size: 16px;
font-weight: bold;
}
span.curPrice::after{
content: '元';
@ -2447,6 +2473,25 @@ span.normalPrice{
.backColorAdd >h4{
margin-top: 0;
width: calc(100% + 220px);
font-size: 16px;
display: flex;
align-items: center;
}
.backColorAdd >h4 img{
margin-left: 8px;
}
.backColorAdd >h4 span{
font-family: Microsoft YaHei UI;
font-size: 16px;
font-weight: bold;
line-height: 20px;
letter-spacing: 0px;
font-variation-settings: "opsz" auto;
background: linear-gradient(247deg, #EC8734 10%, #EA5852 96%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.addServiceds_show{
width: calc(100% + 220px);

287
style/js/index.js

@ -8,12 +8,16 @@ $(document).ready(function() {
var service_domain = 'https://aitest.chachongz.com/'
var isPayDialog = false
var allPostData=new Object()
var old_parent_ppt = null;
var new_parent_ppt = 0;
var old_parent_ppt = null;//首页选择的
var new_parent_ppt = 0;//弹框内选择的
var add_ppt = 0;//增值服务的ppt
var child_ppt = 0;
var check_type = '94'
var child_src = ''
var value_added_servicesList = null;
value_added_select = null;//已选择的增值服务
var value_added_select = [];//已选择的增值服务
var table_and_formulas = '';
// var cssurl= '{$priv_style}/img/'
var cssurl= './style/img/'//dev
var pptUrlList = [
@ -73,6 +77,12 @@ $(document).ready(function() {
'63':'任务书',
'82':'英文论文',
}
var tableType={
'1':'图片',
'2':'表格',
'3':'公式',
'4':'代码',
}
var addservicedsDescList = [
'论文封面',
'论文提纲',
@ -186,12 +196,14 @@ $(document).ready(function() {
'63':'导师看了都说好',
'96':'可自定义风格,答辩最靓的仔',
}
getadd_Value('94')
function getadd_Value(type){
$.ajax({
type: "post",
dataType:'json',
url: service_domain +'ajax_get_value_added_services',
data: {
type:'94'
type
},
success:function(res){
if(res.status){
@ -223,7 +235,7 @@ $(document).ready(function() {
<div class="dashedLine"></div>
<div class="add_ppt_right">
<p>当前模板</p>
<p>
<p class="add_lookPPT">
<span id="cur_ppt_selectName">清新绿意通用模板</span>
<img src="./style/img/lookAllPPT.svg" alt="">
</p>
@ -242,6 +254,18 @@ $(document).ready(function() {
alert('网络错误1');
}
})
}
$('.addListBox').on('click','.add_lookPPT',function(){
$('.look_PPT_modal').removeClass('hide')
if (!$('.look_PPT_modal').hasClass('hide')) {
if(add_ppt !== null){
setLookPPT_active(add_ppt)
}else{
setLookPPT_active(0)
}
setLeftShow(add_ppt != null ? add_ppt : 0)
}
})
// 增值服务 选择
$('.addListBox').on('click','.title',function(){
if ($(this).parent().parent().hasClass('add_active')) {
@ -250,19 +274,99 @@ $(document).ready(function() {
}
$(this).parent().parent().addClass('add_active')
})
//点击生成
$('#click_AI_moretext').click(function(){
let add_num = $('.addListBox .add_active').length;
$('.add_length').html(`您选择了`+add_num+`项增值服务`)
let add_selected = []
$('.addListBox .add_active').each(function() {
let value = $(this).attr('type');
let this_item = value_added_servicesList.filter(item=> item.type == value)
add_selected.push(...this_item)
});
// value_added_servicesList
if(add_num > 0 ){
$('.addServices_box').removeClass('hide')
}else{
$('.addServices_box').addClass('hide')
}
let html = '';
value_added_select=[];//重置
if(add_selected.length > 0){
add_selected.forEach(item=>{
value_added_select.push(item.type);
html += `<div class="services_List_item">
<span>`+item.name+`</span>
<span class="curPrice">`+item.price_desc.slice(0,-3)+`</span>
<span class="normalPrice hide">12.00</span>
</div>`
})
}else{
value_added_select=[];
}
$('.services_List').html(html)
// if($('.pay_complete_modal').hasClass('hide')){
// $('.pay_complete_modal').removeClass('hide')
// }
var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
console.log(wordnums,'wordnums====');
let title = $('.inputChange').val();
// pay_completeDetailMes
let html1 = ''
html1 += `<div class="detailMesItem flex">
<span class="lable">写作题目</span>
<span class="content">`+title+`</span>
</div>`
html1 +=`<div class="detailMesItem flex">
<span class="lable">写作类型</span>
<span class="content">`+checkTypeList[check_type]+`</span>
</div>`
//step监听滚动位置
html1 +=` <div class="detailMesItem flex">
<span class="lable">论文金额</span>
<span class="content textPrice">255.4</span>
</div>`
if(check_type == '94'){
html1 +=`<div class="detailMesItem flex">
<span class="lable">&emsp;&emsp;</span>
<span class="content">`+wordnums+`</span>
</div>`
var table_and_formulas_obj = $('#paper-table_and_formulas-wrapper').find('input:checked');
if(table_and_formulas_obj.length >0){
var table_and_formulas_text = [];
for (var index = 0; index < table_and_formulas_obj.length; index++) {
var table_and_formulasval = table_and_formulas_obj.eq(index).val();
if (table_and_formulas == '') {
// table_and_formulas_text = tableType[table_and_formulasval];
table_and_formulas = table_and_formulasval;
continue;
}
table_and_formulas += '' + table_and_formulasval;
table_and_formulas_text.push(tableType[table_and_formulasval])
}
html1 += ` <div class="detailMesItem flex">
<span class="lable">正文包含</span>
<span class="content">`+table_and_formulas_text.join('、')+`</span>
</div>`
}
}
$('.pay_completeDetailMes').html(html1)
$('.pay_complete_main').html(payhtml)
payAction()
})
//step监听滚动位置
// $('.pay_complete_main').html(payhtml)
// $('.payModal_main').html(payhtml)
new QRCode(document.getElementById("qrcode"), {
text: 'weixin://wxpay/bizpayurl?pr=BbrGBgBz3',
width: 135,
height: 135,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
// new QRCode(document.getElementById("qrcode"), {
// text: 'weixin://wxpay/bizpayurl?pr=BbrGBgBz3',
// width: 135,
// height: 135,
// colorDark : "#000000",
// colorLight : "#ffffff",
// correctLevel : QRCode.CorrectLevel.H
// });
scrollView()
function scrollView(){
$(window).scroll(function() {
@ -348,23 +452,34 @@ $(document).ready(function() {
}
}
}
$('.pay_every').click(function(e){
if ($('.pay_every').hasClass('pay_active')) {
$('.pay_every').removeClass('pay_active')
$('.payModal_main').on('click','.pay_every',function(){
if ($('.payModal_main .pay_every').hasClass('pay_active')) {
$('.payModal_main .pay_every').removeClass('pay_active')
}
$(this).addClass('pay_active')
let pay_type = $('.pay_active').attr('pay_type');
allPostData = {...allPostData,pay_type}
payAction()
})
$('.pay_complete_main').on('click','.pay_every',function(){
if ($('.pay_complete_main .pay_every').hasClass('pay_active')) {
$('.pay_complete_main .pay_every').removeClass('pay_active')
}
$(this).addClass('pay_active')
let pay_type = $('.pay_active').attr('pay_type');
allPostData = {...allPostData,pay_type}
// $('#totalMoney').text('')
payAction()
// getPayQrcode(postData,check_flag)
})
$('.close_modal').on('click',function(e){
$('.pageMask').addClass('hide');
if(!$('.pay_complete_modal').hasClass('hide')){
$('.pay_complete_modal').addClass('hide');
if($('.pay_complete_modal .modal_mes').hasClass('hide')){
$('.pay_complete_modal .modal_mes').removeClass('hide')
}
if($('.pay_complete_modal .pay_content').hasClass('hide')){
$('.pay_complete_modal .pay_content').removeClass('hide')
}
}else{
$('.payModal').addClass('hide');
if(!$('.payModal .pay_detail').hasClass('hide')){
@ -374,17 +489,19 @@ $(document).ready(function() {
$('.payModal .modal_mes').removeClass('hide')
}
if($('.payModal .pay_content').hasClass('hide')){
$('.payModal.pay_content').removeClass('hide')
$('.payModal .pay_content').removeClass('hide')
}
}
clearTimeout(payResultTimer);
})
function getPayType() {
var paytype = $('.pay_active').attr('pay_type');
console.log(paytype,'===000000');
return paytype;
}
function payAction(){
let check_type = $('li.active_select').attr('type');
let check_type1 = $('li.active_select').attr('type');
check_type = check_type1
let check_flag = $('li.active_select').attr('check_flag');
let pay_type = getPayType();
let title = $('.inputChange').val().trim();
@ -484,8 +601,18 @@ $(document).ready(function() {
postData.upload_file_name = upload_file_name;
postData.upload_file_tmpname = upload_file_tmpname;
}
if(check_type == '94'){
if(value_added_select.indexOf('96') > -1){
postData.ppt_tpl = pptUrlList[add_ppt]['ppt_id'];
}
var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
postData.aiessay_wordnum = wordnums;
}
if(check_type == '94' || check_type == '82'){
postData.value_added_services = value_added_select.join(',')
}
console.log(postData,'======0000');
allPostData = {...allPostData,check_flag,recharge_goods_id:'0',...postData}
//检验信息
getPayQrcode(postData)
}
@ -515,7 +642,8 @@ $(document).ready(function() {
success: function(jsondata2) {
}
});
// let pay_type = getPayType();
// postData.pay_type = pay_type
$.ajax({
type: "post",
dataType:'json',
@ -525,6 +653,7 @@ $(document).ready(function() {
},
success: function (res) {
if(res.data.user_not_enough_money) {
if(check_type !== '94' && check_type !== '82'){
if(isPayDialog){
$('.pageMask').addClass('hide');
$('.payModal').addClass('hide');
@ -534,10 +663,14 @@ $(document).ready(function() {
$('.pay_message').html(`<span>写作题目:</span><p>`+ postData.title+`</p>
<span>写作类型</span><p>`+ checkTypeList[postData.check_type]+`</p>
<span>订单金额</span><p style="color: #E65628;" class="pay_money"> </p>`)
// $('.payCode').removeClass('hide');
// $('.pay_content').html = $('#payCode').html
isPayDialog = true
}else{
$('.pageMask').removeClass('hide')
$('.pay_complete_modal').removeClass('hide')
$('.textPrice').html(res.data.user_not_enough_money+'元')
}
if(postData.pay_type == 2 || postData.pay_type == 3){
getRechargePayUrl()
// getRechargeGoods(payInfo, configData);
@ -571,7 +704,7 @@ $(document).ready(function() {
var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
postData1.aiessay_wordnum = wordnums
}
if(postData1.type == '94'){
if(postData1.type == '81' || postData1.type == '85'){
postData1.core_content = $('.core_content').val().trim()//核心内容
}
if(postData1.type == '96'){
@ -585,22 +718,26 @@ $(document).ready(function() {
postData1.upload_file_name = upload_file_name;
postData1.upload_file_tmpname = upload_file_tmpname;
}
if(postData1.type == '94'){
if(value_added_select.indexOf('96') > -1){
postData1.ppt_tpl = pptUrlList[add_ppt]['ppt_id'];
}
// table_and_formulas
if(table_and_formulas !== ''){
postData1.table_and_formulas = table_and_formulas;
}
var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
postData1.aiessay_wordnum = wordnums;
}
if(postData1.type == '82' || postData1.type == '94'){
postData1.value_added_services = value_added_select.join(',')
}
$.ajax({
url:service_domain+allPostData.check_flag+'/ajax_get_ai_pay_url',
type:'post',
dataType:'json',
data:{...postData1},
// data:{
// type: '94',
// pay_type: postData1.pay_type,
// value_added_services: '',
// recharge_goods_id: '0',
// title: '123',
// fuid: '',
// aiessay_wordnum: '3000',
// aiessay_edu: '2',
// aiessay_major: '1'
// },
success:function(res){
if(res.status){
$('#qrcode').html('');
@ -608,8 +745,7 @@ $(document).ready(function() {
$('#qrcode').attr('paytype', postData1.pay_type);
$('#totalMoney').text(res.data.total_fee)
$('.pay_money').text(res.data.total_fee + '元')
var qrcode = new QRCode(document.getElementById("qrcode"), {
new QRCode(document.getElementById('qrcode'), {
text: res.data.qrcode_url,
width: 135,
height: 135,
@ -650,12 +786,12 @@ $(document).ready(function() {
}, 2000);
return;
}else if(res.data.pay_status == 'SUCCESS'){
if(isPayDialog){
// if(isPayDialog){
// $('.pageMask').addClass('hide');
$('.pay_content').addClass('hide');
$('.modal_mes').addClass('hide');
$('.pay_detail').removeClass('hide');
}
// }
payresultAction(res)
}
clearTimeout(payResultTimer);
@ -678,14 +814,20 @@ $(document).ready(function() {
$('#pay_succ_tid').text(data.tid)
$('#qrcode1').attr('src', data.wechat_qrcode_url);
}
$('.payresultBtn2').click(function(){
location.href = `${service_domain}report2?oid=${data.tid}`;
});
// $('.pay_complete_modal')
$('.pay_complete_modal').on('click','.payresultBtn2',function(){
goLoadDown(data.tid,'.pay_complete_modal')
// $('.user_none').addClass('hide')//取消禁用
$('.step_add_three').addClass('hide')//恢复进度
})
$('.payModal').on('click','.payresultBtn2',function(){
goLoadDown(data.tid,'.payModal')
})
$('.payresultBtn1').click(function(){
if(isPayDialog) {
// if(isPayDialog) {
location.reload();
return;
}
// }
});
$('#copy_tid').unbind('click');
var clipboard2 = new ClipboardJS('#copy_tid', {
@ -698,7 +840,43 @@ $(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');
window.scrollTo({ top: 500, behavior: 'smooth' })
})
$('.step_main').on('click','.normal_step3.active_step',function(){
console.log('====03333300');
window.scrollTo({ top: 1000, 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')
$('.pageMask').addClass('hide');
$(dom).addClass('hide');
$('.main_page_top').addClass('hide')
$('.main_page').addClass('hide')
$('#report_page').removeClass('hide')
$('.report_input').val(tid)//22383694321962804
searchOrder()
}
$('li').click(function(e) {
if ($('li').hasClass('active_select')) {
@ -715,6 +893,7 @@ $(document).ready(function() {
// getWordCountList();
clearhisText()//清空记录
var t = $('li.active_select').attr('type');
check_type = t;
// if(t =='96'){
// location.href = location.origin+'/aippt'
// return
@ -741,7 +920,8 @@ $(document).ready(function() {
$('.btn_result_now').hide()
$('.step_two').show()
$('.normal_step3').removeClass('step_three')
$('.payModal_main').html('')
$('.pay_complete_main').html(payhtml)
}else{
$('.btn_result').hide()
$('.btn_result_now').show()
@ -749,6 +929,8 @@ $(document).ready(function() {
$('[step="2"]').show()
$('.normal_step3').addClass('step_three')
$('[step="3"]').hide()
$('.payModal_main').html(payhtml)
$('.pay_complete_main').html('')
}
if(t == '64'){
$('.key_words').show()
@ -774,6 +956,7 @@ $(document).ready(function() {
}else if(t=='82'){
$('.inputText').attr('max','200')
$('.inputText').text('0/200')
getadd_Value('82')
}else{
$('.inputText').attr('max','100')
$('.inputText').text('0/100')
@ -930,8 +1113,14 @@ $(document).ready(function() {
$('.look_PPT_modal').addClass('hide')
})
$('.ppt_submit').click(function(e){
if ($('.form_pptItem').css('display') == 'none') {
add_ppt=new_parent_ppt;
// console.log(pptUrlList,add_ppt);
$('#cur_ppt_selectName').html(pptUrlList[add_ppt]['name'])
}else{
old_parent_ppt = new_parent_ppt;
setPagePPT_active(old_parent_ppt)
setPagePPT_active(new_parent_ppt)
}
$('.look_PPT_modal').addClass('hide')
})

Loading…
Cancel
Save