支付流程修改 #5

Merged
zhangqi merged 1 commits from zq-1224-ppt into master 4 months ago
  1. 229
      home.html
  2. 180
      style/css/index.css
  3. 1
      style/img/gift1.svg
  4. 1
      style/img/gift2.svg
  5. 1
      style/img/gift3.svg
  6. 1
      style/img/gift4.svg
  7. 1
      style/img/gift5.svg
  8. 1
      style/img/gift6.svg
  9. BIN
      style/img/kaiti_preview.png
  10. BIN
      style/img/renwushu_preview.png
  11. 356
      style/js/index.js

229
home.html

@ -9,12 +9,12 @@
<title>{if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if}</title>
{if $site_ico}
<link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if}
<link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=1994">
<link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=101">
<script src="{$priv_style}/js/jquery-3.6.0.min.js"></script>
<script src="{$priv_style}/js/clipboard.min.js"></script>
<script src="{$priv_style}/js/qrcode.min.js"></script>
<script src="{$priv_style}/js/lottie.min.js"></script>
<script src="{$priv_style}/js/index.js?v=19989"></script>
<script src="{$priv_style}/js/index.js?v=110"></script>
</head>
<body>
@ -115,7 +115,7 @@
<span>职称论文</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
</li>
<li type="62" check_flag="aiktbg" >
<li type="62" check_flag="aiktbg">
<img src="{$priv_style}/img/zhichenglunwen.png" alt="" class="li_icon">
<span>开题报告</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
@ -162,7 +162,8 @@
<input type="hidden" id="cur_request" value="0">
<div class="custom-dropdown">
<div class="custom-icon"></div>
<input type="text" class="dropdown-input" placeholder="选择您的论文专业" selected_val="0" id="myInput" onclick="showDropdown()" readonly>
<input type="text" class="dropdown-input" placeholder="选择您的论文专业" selected_val="0"
id="myInput" onclick="showDropdown()" readonly>
<div id="myDropdown" class="dropdown-content">
<p value="1">经济</p>
<p value="2">教育</p>
@ -183,7 +184,7 @@
</div>
<div class="normal_recommend_title">
<span onclick="showAdviseTitle()">标题推荐</span>
<div class="aititlePos opt-area" id="not-title" >
<div class="aititlePos opt-area" id="not-title">
<div class="posBack">
<div class="posHead flex">
<img src="{$priv_style}/img/posStart.svg" alt="">
@ -228,10 +229,12 @@
<div id="advise-area" class="opt-area opt-click-hide">
<div id="title-change" class="title-change">
<div class="change-text">检测到您的标题内容已修改,是否重新推荐标题</div>
<div class="change-yes" onclick="hideTitleChange();adviseTitle(true)"></div>
<div class="change-yes" onclick="hideTitleChange();adviseTitle(true)">
</div>
<div class="change-no" onclick="hideTitleChange();"></div>
</div>
<div class="advise-header"><img src="{$priv_style}/img/AI_title_icon.svg" alt="">智能优化标题</div>
<div class="advise-header"><img src="{$priv_style}/img/AI_title_icon.svg"
alt="">智能优化标题</div>
<div id="advise-ul"></div>
<div class="advise-refresh">
<span style="width: 120px;" onclick="adviseTitle(true)">
@ -249,20 +252,19 @@
</div>
<div class="formRight educationRight" id="educationRight">
<div class="education">
<input value="1" type="radio" name="edu" id="edu1"
onclick="getEducation('edu','1','.education','edu_active_select')">
<input value="1" type="radio" name="edu" id="edu1">
<div></div>
<label for="edu1">大专</label>
</div>
<div class="education edu_active_select">
<input value="2" type="radio" name="edu" id="edu2"
onclick="getEducation('edu','2','.education','edu_active_select')">
<input value="2" type="radio" name="edu" id="edu2">
<div></div>
<label for="edu2">本科</label>
</div>
<div class="education">
<input value="3" type="radio" name="edu" id="edu3"
onclick="getEducation('edu','3','.education','edu_active_select')">
onclick="getEducation('edu','3','.education','edu_active_select')"
>
<div></div>
<label for="edu3">硕博</label>
</div>
@ -271,7 +273,8 @@
<div class="formItem key_words hide">
<div class="formLeft">关键词</div>
<div class="formRight textAreaRight">
<input type="text" name="title" placeholder="请输入选题关键词,例如:广告设计(2-50字内)" class="key_words_input" maxlength="50" minlength="2">
<input type="text" name="title" placeholder="请输入选题关键词,例如:广告设计(2-50字内)"
class="key_words_input" maxlength="50" minlength="2">
</div>
</div>
@ -292,7 +295,7 @@
<!-- {literal} -->
<script>
const maxLength = 200; // 设置最大字数限制
$('#coreTextarea').on('input', function() {
$('#coreTextarea').on('input', function () {
const currentLength = $('#coreTextarea').val().length;
$('#charCount').text(`${currentLength}/${maxLength}`);
if (currentLength > maxLength) {
@ -308,55 +311,7 @@
论文字数
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="textLength">
<div class="essayWords">
<input value="3000" type="radio" name="wordnums" id="wordnums3000"
onclick="getEducation('wordnums','3000','.essayWords','essayWords_active')">
<div></div>
<label for="wordnums3000">约3000字</label>
</div>
<div class="essayWords">
<input value="5000" type="radio" name="wordnums" id="wordnums5000"
onclick="getEducation('wordnums','5000','.essayWords','essayWords_active')">
<div></div>
<label for="wordnums5000">约5000字</label>
</div>
<div class="essayWords">
<input value="8000" type="radio" name="wordnums" id="wordnums8000"
onclick="getEducation('wordnums','8000','.essayWords','essayWords_active')">
<div></div>
<label for="wordnums8000">约8000字</label>
</div>
<div class="essayWords">
<input value="10000" type="radio" name="wordnums" id="wordnums10000"
onclick="getEducation('edu','10000','.essayWords','essayWords_active')">
<div></div>
<label for="wordnums10000">约10000字</label>
</div>
<div class="essayWords">
<input value="15000" type="radio" name="wordnums" id="wordnums15000"
onclick="getEducation('edu','15000','.essayWords','essayWords_active')">
<div></div>
<label for="wordnums15000">约15000字</label>
</div>
<div class="essayWords">
<input value="20000" type="radio" name="wordnums" id="wordnums20000"
onclick="getEducation('edu','20000','.essayWords','essayWords_active')">
<div></div>
<label for="wordnums20000">约20000字</label>
</div>
<div class="essayWords">
<input value="30000" type="radio" name="wordnums" id="wordnums30000"
onclick="getEducation('edu','30000','.essayWords','essayWords_active')">
<div></div>
<label for="wordnums30000">约30000字</label>
</div>
<div class="essayWords">
<input value="50000" type="radio" name="wordnums" id="wordnums50000"
onclick="getEducation('edu','50000','.essayWords','essayWords_active')">
<div></div>
<label for="wordnums50000">约50000字</label>
</div>
<div class="formRight educationRight words_content" id="textLength">
</div>
</div>
<div class="formItem">
@ -424,7 +379,7 @@
</div>
<div class="form_pptItem " style="display: none;">
<div class="flex ppt_labelTwo">
<div >选择标签
<div>选择标签
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
</div>
<div class="lookAll point">
@ -437,7 +392,7 @@
</div>
</form>
<div class="flex btnWrap">
<button class="btn_mast point" onclick="showNextFunc()">立即生成正文</button>
<button class="btn_mast point" >立即生成正文</button>
<button class="btn_result point" onclick="showCreateCatalogue()">先生成论文大纲</button>
<button class="btn_result_now point" id="formInputSumbtn">立即生成</button>
@ -453,7 +408,7 @@
</div>
</div>
</div>
<div class="backColor2 backColorAdd step_add_three hide ">
<div class="backColor2 backColorAdd step_add_three hide">
<h4>您将获得</h4>
<div class="addServiceds_show">
<div class="serviceds_top">
@ -478,23 +433,24 @@
</div>
</div>
</div>
<div class="backColor2 backColorAdd step_add_three hide ">
<!-- <div class="backColor2 backColorAdd step_add_three hide">
<h4>增值附加服务 <img src="{$priv_style}/img/add_hot.svg" alt=""><span>HOT</span></h4>
<div class="addListBox flex">
</div>
</div>
<button class="btn_result_now2 point step_add_three hide " id="click_AI_moretext">点击生成正文</button>
</div> -->
<button class="btn_result_now2 point step_add_three hide" id="click_AI_moretext">点击生成正文</button>
{literal}
<script>
var stepFlag = false;
var eduObj = {
'1':'大专',
'2':'本科',
'3':'硕博'
'1': '大专',
'2': '本科',
'3': '硕博'
}
var service_domain = location.origin+'/';
// var service_domain = 'https://aitest.chachongz.com/'
// var service_domain = 'https://www.90616.com/'
$(document).ready(function () {
// 等待页面加载完毕
$(window).on('load', function () {
@ -514,20 +470,20 @@
}
// 当用户点击其他地方时隐藏下拉框
window.onclick = function(event) {
window.onclick = function (event) {
if (!event.target.matches('.dropdown-input')) {
var dropdownContent = document.getElementById("myDropdown");
if (dropdownContent.style.display === "block") {
dropdownContent.style.display = "none";
}
}else{
} else {
}
}
function showNextFunc(){
function showNextFunc() {
stepFlag = true;
geiAiUpgradeInfo(createCatalogue)
}
function showNextStep(title,chkType,wordnums,eduObj,edu){
function showNextStep(title, chkType, wordnums, eduObj, edu) {
//修改步骤条状态
$('.normal_step').removeClass('active_step')
$('.step_line').removeClass('suc_step_line')
@ -536,27 +492,27 @@
$('.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)
// $('.step_add_three').removeClass('hide')
// $('#mainText').html(title)
// $('.user_none').removeClass('hide')//禁用
if(chkType != '82'){
let mainEduWords = eduObj[edu] + '·约' + wordnums + '字'
$('.step_add_three .mainEduWords').html(mainEduWords)
}else{
$('.step_add_three .mainEduWords').html(eduObj[edu])
}
if(chkType == '94'){
window.scrollTo({ top: 1000, behavior: 'smooth' })
}else{
window.scrollTo({ top: 800, behavior: 'smooth' })
}
// if (chkType != '82') {
// let mainEduWords = eduObj[edu] + '·约' + wordnums + '字'
// $('.step_add_three .mainEduWords').html(mainEduWords)
// } else {
// $('.step_add_three .mainEduWords').html(eduObj[edu])
// }
// if (chkType == '94') {
// window.scrollTo({ top: 1000, behavior: 'smooth' })
// } else {
// window.scrollTo({ top: 800, behavior: 'smooth' })
// }
}
$('.dropdown-content p').click(function(){
$('.dropdown-content p').click(function () {
$('.dropdown-content p').removeClass('selected_back')
$(this).addClass('selected_back')
let value = parseInt($(this).attr('value'));
$('.dropdown-input').val($(this).text())
$('.dropdown-input').attr('selected_val',value)
$('.dropdown-input').attr('selected_val', value)
})
function hideUpgradeMoadl() {
@ -564,9 +520,9 @@
}
function showTitleChange() {
$('#title-change').addClass('fade')
setTimeout(function (){
setTimeout(function () {
$('#title-change').removeClass('fade')
},5000)
}, 5000)
}
function hideTitleChange() {
@ -670,17 +626,17 @@
});
}
function stepDone(step, ani){
let obj = document.getElementById('loading-step'+step);
function stepDone(step, ani) {
let obj = document.getElementById('loading-step' + step);
obj.innerHTML = '';
obj.classList.remove('step-icon-active');
obj.classList.add('step-icon-done');
ani.destroy();
}
function showAdviseList(){
function showAdviseList() {
// if(!$('#loading').hasClass('disNone')){
if($('#loading').css('display') == 'block'){
var intervalId = setInterval(function() {
if ($('#loading').css('display') == 'block') {
var intervalId = setInterval(function () {
var adviseTitle = $('#advise-ul').html();
if (adviseTitle) {
clearInterval(intervalId)
@ -690,7 +646,7 @@
}, 500);
}
$('.opt-advise input').on('input', function() {
$('.opt-advise input').on('input', function () {
if ($(this).val() !== window.title) {
showTitleChange()
}
@ -762,8 +718,8 @@
}
});
}
function confirmTitle(obj){
console.log(obj.innerText.length,'obj.innerText.length');
function confirmTitle(obj) {
console.log(obj.innerText.length, 'obj.innerText.length');
$('.inputChange').val(obj.innerHTML);
$('.inputText').text(obj.innerText.length + '/100');
hideOptArea();
@ -888,7 +844,7 @@
stepFlag = false;
geiAiUpgradeInfo(createCatalogue)
}
function showAdviseTitle(){
function showAdviseTitle() {
geiAiUpgradeInfo(adviseTitle)
}
@ -913,8 +869,8 @@
return;
}
let pathType = {
'94':'aiessayzx',
'82':'aiessayen'
'94': 'aiessayzx',
'82': 'aiessayen'
}
var title = $(".inputChange").val();
var r = checkTitle(title);
@ -949,7 +905,7 @@
table_and_formulas += ',' + table_and_formulasval;
}
//固定外部链接
var url = service_domain+ pathType[chkType] + "/catalogue?title=" + encodeURIComponent(title);
var url = service_domain + pathType[chkType] + "/catalogue?title=" + encodeURIComponent(title);
// var url = data.data.agent_domain + "/catalogue?title=" + encodeURIComponent(title);
var content_min_limit = $("#htmlconfig").attr('content_min_limit');
if ($('.coreContent').css('display') !== 'none') {
@ -966,13 +922,13 @@
}
if (major) url += '&major=' + major;
if (edu) url += '&edu=' + edu;
if(stepFlag){
showNextStep(title,chkType,wordnums,eduObj,edu)
if (stepFlag) {
showNextStep(title, chkType, wordnums, eduObj, edu)
return
}
setTimeout(()=>{
setTimeout(() => {
window.open(url);
},1500)
}, 1500)
}
});
}
@ -1015,10 +971,22 @@
</div>
<div class="look_PPT_modal hide">
<div class="lookPPT flex">
<img src="{$priv_style}/img/ppt_2.png" class="look_backImg" alt="">
<div class="look_backImgBox">
<img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
<img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
<img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
<img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
</div>
<img src="{$priv_style}/img/exitLook.svg" class="exitLook point" alt="">
<div class="look_content">
<div class="look_left">
<!-- <div class="look_backImgBox">
<img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
<img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
<img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
<img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
</div> -->
<!-- <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt=""> -->
<div class="look_left_top">
<img src="{$priv_style}/img/ppt_2.png" alt="" class="topimg">
<div class="gallery-box flex">
@ -1036,23 +1004,23 @@
const leftButton = document.getElementById('prev');
const rightButton = document.getElementById('next');
let currentIndex = 0;
leftButton.addEventListener('click', function() {
leftButton.addEventListener('click', function () {
moveLeft();
});
rightButton.addEventListener('click', function() {
rightButton.addEventListener('click', function () {
moveRight();
});
function moveLeft() {
if (currentIndex > 0) {
currentIndex--;
gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex)*16}px)`;
gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex) * 16}px)`;
}
}
function moveRight() {
const images = document.querySelectorAll('.gallery_img');
if (currentIndex < images.length-4) { // 四张固定展示
if (currentIndex < images.length - 4) { // 四张固定展示
currentIndex++;
gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex)*16}px)`;
gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex) * 16}px)`;
}
}
</script>
@ -1099,7 +1067,8 @@
<div class="findtid-wrap-tip-trigger"></div>
</div>
<ul>
<li class="select" style="border:none !important;;width: auto;padding:none;border-radius:0">
<li class="select"
style="border:none !important;;width: auto;padding:none;border-radius:0">
<p>微信支付</p>
</li>
<li>
@ -1115,7 +1084,7 @@
</div>
</div>
<div class="report_detail">
<div class="empty center" >
<div class="empty center">
<img src="{$priv_style}/img/report_null.svg" alt="">
<p>咦~ 还没有订单号呢?</p>
</div>
@ -1136,21 +1105,10 @@
<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>
<div class="left_ai">写作大师即将为您生成正文<br />支付后您将获赠:<div class="left_ai_img"></div>
</div>
<div class="left_line"></div>
<div class="left_ai_listMes">
<div class="listMes_item">
<b>超低查重率</b>
<p>知网查重率普遍小于30%,若超过,可联系客服免费降重</p>
</div>
<div class="listMes_item">
<b>真实参考文献</b>
<p>知网查重率普遍小于30%,若超过,可联系客服免费降重</p>
</div>
<div class="listMes_item">
<b>超低查重率</b>
<p>查重报告、论文封面、提纲、摘要、致谢、参考文献,通通赠送,免去自己添加</p>
</div>
</div>
</div>
<div class="pay_com_right">
@ -1159,17 +1117,20 @@
<img src="{$priv_style}/img/modal_close.svg" class="close_modal point" alt="">
</div>
<div class="right_main">
<div class="right_main_content">
<h4>订单详情</h4>
<div class="pay_completeDetailMes"></div>
<div class="addServices_box hide">
<p class="add_length">您选择了3项增值服务</p>
<div class="services_List flex">
<div class="addServices_box ">
<h4>增值服务</h4>
<!-- <p class="add_length">您选择了3项增值服务</p> -->
<div class="addListBox flex">
</div>
</div>
<div class="pay_complete_main"></div>
</div>
</div>
</div>
</div>
<!-- <div class="continue_pay_modal flex">
<div class="continue_title flex">

180
style/css/index.css

@ -113,7 +113,7 @@ body,p,div{
width: 100%;
min-width: 1200px;
height: 100%;
z-index: 100;
z-index: 1000;
/* position: relative; */
}
.lookPPT{
@ -121,12 +121,78 @@ body,p,div{
height: 100%;
position: relative;
}
.lookPPT .look_backImg,.lookPPT .look_content{
.look_backImgBox{
/* width: 100%;
height: auto;
object-fit: contain;
position: absolute;
top: 0;
bottom: 0; */
/* width: auto;
min-width: 100%;
min-height: 100%;
object-fit: contain;
position: absolute;
top: 0;
bottom: 0;
display: flex;
flex-wrap: wrap; */
/* background-attachment: fixed;
background-size: 100% 200%;
display: flex;
flex-wrap: wrap; */
/* background: url(../img/pptbg_6.png) */
/* background: url(../img/pptbg_6.png) top center / cover repeat; */
/* background-repeat: repeat; */
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
/* min-height: 856px; */
/* min-width: 1280px; */
/* background-size: cover; */
/* background-position: center center; */
}
.look_backImgBox img{
width: 50%;
height: auto;
min-width: 600px;
min-height: 347px;
/* max-width: 100%;
height: 50%; */
}
/* @media (height: 900px) {
.look_backImgBox {
height: 100vh;
width: auto;
}
} */
@media screen and (min-width: 1000px) and (max-width: 2700px) {
.look_backImgBox{
width: 100%;
height: auto;
object-fit: contain;
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
}
}
/* .lookPPT .look_backImg, */
.lookPPT .look_content{
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
}
.exitLook{
position: absolute;
@ -1509,6 +1575,7 @@ li .select_icon, .pay_every .pay_icon{
gap: 24px; */
display: grid;
grid-template-columns: repeat(auto-fill,minmax(166px,1fr));
justify-items: center;
gap: 12px;
}
.ppt_temList .ppt_tem_item{
@ -2254,22 +2321,22 @@ footer a{
/* 五彩斑斓支付框 start*/
.pay_complete_modal{
position: fixed;
width: 1058px;
height: 640px;
min-width: 1058px;
min-height: 640px;
left: 50%;
top: 20%;
z-index: 999;
transform: translateX(-50%);
border-radius: 16px;
border-radius: 30px;
font-family: Microsoft YaHei UI;
display: flex;
/* padding: 28px 36px 36px; */
}
.pay_complete_modal .pay_com_left{
width: 268px;
height: 640px;
min-height: 640px;
background: rgba(255, 255, 255, 0.7);
border-radius: 16px 0 0 16px;
border-radius: 30px 0 0 30px;
display: flex;
flex-direction: column;
align-items: center;
@ -2278,6 +2345,8 @@ footer a{
flex: 1;
display: flex;
flex-direction: column;
border-radius: 0 30px 30px 0;
background: rgba(255, 255, 255, 0.7);
}
.pay_com_left .left_logo{
font-size: 22px;
@ -2321,29 +2390,46 @@ footer a{
.left_ai_listMes{
}
.left_ai_listMes .listMes_item{
margin-bottom: 32px;
margin-bottom: 20px;
}
.listMes_item b{
display: block;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 15px;
color: #323232;
}
.listMes_item b img{
width: 18px;
height: 16px;
margin-right: 8px;
}
.listMes_item b span{
display: inline-block;
margin-left: 8px;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: rgba(50, 50, 50, 0.7);
}
.listMes_item p{
font-size: 12px;
color: #323232;
width: 203px;
line-height: 17px;
margin-top: 9px;
line-height: 15px;
margin-top: 4px;
padding-left: 26px;
font-weight: normal;
line-height: normal;
color: rgba(50, 50, 50, 0.7);
}
.listMes_item b::before{
content: '';
/* content: '';
width:18px;
height:18px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
background-size:18px;
margin-right: 12px;
margin-right: 12px; */
}
.pay_com_right .right_title{
display: flex;
@ -2359,12 +2445,22 @@ footer a{
}
.pay_com_right .right_main{
flex: 1;
padding: 36px 36px 36px;
background-color: #fff;
display: flex;
padding: 0 20px 20px 0;
border-radius: 0 0 16px 0;
}
.right_main_content{
padding: 16px 26px 26px;
background-color: #fff;
border-radius: 10px;
flex: 1;
}
.right_main_content .pay_content{
/* padding: 24px 0 12px;
margin-top: 24px; */
}
.right_main h4{
margin: 0 0 20px;
margin: 0 0 12px;
}
.addServices_box{
font-family: Microsoft YaHei UI;
@ -2372,7 +2468,7 @@ footer a{
}
.addServices_box p{
color: #8C919D;
margin-bottom: 20px;
/* margin-bottom: 20px; */
}
.pay_completeDetailMes {
display: flex;
@ -2415,7 +2511,7 @@ footer a{
span.curPrice{
color: #E65628;
font-size: 16px;
font-weight: bold;
/* font-weight: bold; */
}
span.curPrice::after{
content: '元';
@ -2458,7 +2554,7 @@ span.normalPrice{
background: url(../img/purple_line.svg) no-repeat !important;
}
.purpleColor .listMes_item b::before{
background: url(../img/purple_left.svg) no-repeat !important;
/* background: url(../img/purple_left.svg) no-repeat !important; */
}
.purpleColor .right_title{
color: #131A6A;
@ -2662,13 +2758,14 @@ span.normalPrice{
.addListBox{
width: calc(100% + 220px);
justify-content: flex-start;
height: 90px;
height: auto;
}
.addListBox .add_item{
padding: 20px;
padding: 10px 16px;
position: relative;
border-radius: 6px;
min-width: 234px;
min-width: 231px;
height: 62px;
opacity: 1;
margin-right: 12px;
background: #FFFFFF;
@ -2677,20 +2774,34 @@ span.normalPrice{
position: relative;
}
.addListBox .add_item .img{
.addListBox .add_item62 .img{
display: none;
opacity: 0;
position: absolute;
left: 0;
top: -275px;
left: -80px;
top: 0px;
border-radius: 12px;
z-index: 100;
}
.addListBox .add_item_right:hover .img{
.add_item b{
display: inline-block;
}
.add_item b:hover + .img{
display: block !important;
opacity: 1;
}
.addListBox .add_item img{
/* .add_item b:hover + .img{
display: block !important;
opacity: 1;
} */
.addListBox .add_item63 .img{
display: none;
opacity: 0;
position: absolute;
left: -330px;
top: 0px;
border-radius: 12px;
z-index: 100;
}
.addListBox .add_item .img .preview{
height: 320px;
@ -2724,14 +2835,15 @@ span.normalPrice{
color: #E65628;
font-size: 12px;
line-height: 20px;
margin-top: 30px;
margin-top: 23px;
cursor: pointer;
position: relative;
}
.addListBox .title{
font-size: 16px;
font-size: 14px;
color: #3D3D3D;
font-weight: bold;
margin-bottom: 6px;
/* font-weight: bold; */
margin-bottom: 4px;
}
.add_item .title::before{
@ -2778,7 +2890,7 @@ span.normalPrice{
}
.add_ppt_right p:last-child{
color: #8C919D;
margin-top: 8px;
margin-top: 4px;
}
.add_ppt_item .dashedLine{
border: 0.5px dashed #B5B9BE;

1
style/img/gift1.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="13.5" height="18" viewBox="0 0 13.5 18"><g transform="matrix(1,0,0,-1,0,36)"><g><path d="M2.25,36Q1.30078,35.9648,0.667969,35.332Q0.0351562,34.699200000000005,0,33.75L0,20.25Q0.0351562,19.30078,0.667969,18.667969Q1.30078,18.0351562,2.25,18L11.25,18Q12.1992,18.0351562,12.832,18.667969Q13.4648,19.30078,13.5,20.25L13.5,30.375L9,30.375Q8.50781,30.375,8.19141,30.6914Q7.875,31.0078,7.875,31.5L7.875,36L2.25,36ZM9,36L9,31.5L9,36L9,31.5L13.5,31.5L9,36ZM3.9375,27L9.5625,27L3.9375,27L9.5625,27Q10.0898,26.964840000000002,10.125,26.4375Q10.0898,25.91016,9.5625,25.875L3.9375,25.875Q3.41016,25.91016,3.375,26.4375Q3.41016,26.964840000000002,3.9375,27ZM3.9375,24.75L9.5625,24.75L3.9375,24.75L9.5625,24.75Q10.0898,24.71484,10.125,24.1875Q10.0898,23.66016,9.5625,23.625L3.9375,23.625Q3.41016,23.66016,3.375,24.1875Q3.41016,24.71484,3.9375,24.75ZM3.9375,22.5L9.5625,22.5L3.9375,22.5L9.5625,22.5Q10.0898,22.46484,10.125,21.9375Q10.0898,21.41016,9.5625,21.375L3.9375,21.375Q3.41016,21.41016,3.375,21.9375Q3.41016,22.46484,3.9375,22.5Z" fill="#9A63F6" fill-opacity="0.38999998569488525" style="mix-blend-mode:passthrough"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

1
style/img/gift2.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="16" viewBox="0 0 18 16"><defs><clipPath id="master_svg0_81_60439"><rect x="0" y="0" width="18" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_81_60439)"><g transform="matrix(1,0,0,-1,0,30.2232666015625)"><g><path d="M7.8125,15.12949040078125Q8.0625,15.06699040078125,8.28125,15.22324030078125Q8.5,15.34824030078125,8.5,15.62949030078125L8.5,27.41073330078125Q8.5,27.629533300781247,8.34375,27.754533300781247Q7.875,28.16073330078125,6.875,28.504533300781247Q5.875,28.84823330078125,4.5,28.879533300781247Q3.3125,28.879533300781247,2.28125,28.629533300781247Q1.25,28.379533300781247,0.5625,28.129533300781247Q0.03125,27.879533300781247,0,27.254533300781247L0,15.69199030078125Q0,15.41074030078125,0.25,15.25449030078125Q0.46875,15.09824040078125,0.75,15.16074040078125Q1.53125,15.44199030078125,2.53125,15.66074030078125Q3.5625,15.87949030078125,4.5,15.87949030078125Q5.3125,15.84824030078125,6.25,15.62949030078125Q7.15625,15.37949030078125,7.8125,15.12949040078125ZM10.1875,15.12949040078125Q10.8438,15.37949030078125,11.75,15.62949030078125Q12.6875,15.84824030078125,13.5,15.87949030078125Q14.4375,15.87949030078125,15.4688,15.66074030078125Q16.4688,15.44199030078125,17.25,15.16074040078125Q17.5312,15.09824040078125,17.75,15.25449030078125Q18,15.41074030078125,18,15.69199030078125L18,27.254533300781247Q17.9688,27.879533300781247,17.4375,28.129533300781247Q16.75,28.379533300781247,15.7188,28.629533300781247Q14.6875,28.879533300781247,13.5,28.879533300781247Q12.125,28.84823330078125,11.125,28.504533300781247Q10.125,28.16073330078125,9.65625,27.754533300781247Q9.5,27.629533300781247,9.5,27.41073330078125L9.5,15.62949030078125Q9.5,15.34824030078125,9.71875,15.22324030078125Q9.9375,15.06699040078125,10.1875,15.12949040078125Z" fill="#9A63F6" fill-opacity="0.38999998569488525" style="mix-blend-mode:passthrough"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

1
style/img/gift3.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="15.096774101257324" viewBox="0 0 18 15.096774101257324"><g transform="matrix(1,0,0,-1,0,30.19354820251465)"><path d="M0.870968,30.193574101257326Q0.0725806,30.120974101257325,0,29.322574101257324L0,27.580674101257323Q0.0725806,26.78227410125732,0.870968,26.709674101257324L2.6129,26.709674101257324Q3.41129,26.78227410125732,3.48387,27.580674101257323L3.48387,29.322574101257324Q3.41129,30.120974101257325,2.6129,30.193574101257326L0.870968,30.193574101257326ZM6.3871,29.612874101257326Q5.87903,29.612874101257326,5.55242,29.286274101257327Q5.22581,28.959674101257324,5.22581,28.45157410125732Q5.22581,27.943574101257326,5.55242,27.616974101257327Q5.87903,27.290274101257324,6.3871,27.290274101257324L16.8387,27.290274101257324Q17.3468,27.290274101257324,17.6734,27.616974101257327Q18,27.943574101257326,18,28.45157410125732Q18,28.959674101257324,17.6734,29.286274101257327Q17.3468,29.612874101257326,16.8387,29.612874101257326L6.3871,29.612874101257326ZM6.3871,23.806454101257323Q5.87903,23.806454101257323,5.55242,23.479834101257325Q5.22581,23.153224101257322,5.22581,22.645164101257325Q5.22581,22.137094101257325,5.55242,21.810484101257323Q5.87903,21.483874101257324,6.3871,21.483874101257324L16.8387,21.483874101257324Q17.3468,21.483874101257324,17.6734,21.810484101257323Q18,22.137094101257325,18,22.645164101257325Q18,23.153224101257322,17.6734,23.479834101257325Q17.3468,23.806454101257323,16.8387,23.806454101257323L6.3871,23.806454101257323ZM6.3871,18.000004101257325Q5.87903,18.000004101257325,5.55242,17.673384101257323Q5.22581,17.346774101257324,5.22581,16.838714101257324Q5.22581,16.330644101257324,5.55242,16.004032101257323Q5.87903,15.677419101257325,6.3871,15.677419101257325L16.8387,15.677419101257325Q17.3468,15.677419101257325,17.6734,16.004032101257323Q18,16.330644101257324,18,16.838714101257324Q18,17.346774101257324,17.6734,17.673384101257323Q17.3468,18.000004101257325,16.8387,18.000004101257325L6.3871,18.000004101257325ZM0,23.516124101257326L0,21.774194101257322L0,23.516124101257326L0,21.774194101257322Q0.0725806,20.975804101257324,0.870968,20.903224101257322L2.6129,20.903224101257322Q3.41129,20.975804101257324,3.48387,21.774194101257322L3.48387,23.516124101257326Q3.41129,24.314514101257323,2.6129,24.387094101257325L0.870968,24.387094101257325Q0.0725806,24.314514101257323,0,23.516124101257326ZM0.870968,18.580644101257324Q0.0725806,18.508064101257325,0,17.709674101257324L0,15.967742101257324Q0.0725806,15.169354701257324,0.870968,15.096774101257324L2.6129,15.096774101257324Q3.41129,15.169354701257324,3.48387,15.967742101257324L3.48387,17.709674101257324Q3.41129,18.508064101257325,2.6129,18.580644101257324L0.870968,18.580644101257324Z" fill="#9A63F6" fill-opacity="0.38999998569488525" style="mix-blend-mode:passthrough"/></g></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

1
style/img/gift4.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="15.75" height="18" viewBox="0 0 15.75 18"><defs><clipPath id="master_svg0_81_60479"><rect x="0" y="0" width="15.75" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_81_60479)"><g transform="matrix(1,0,0,-1,0,30.0234375)"><g><path d="M15.75,19.23046875Q15.7148,17.43749875,14.5195,16.24218875Q13.3242,15.04687495,11.5312,15.01171875L11.25,15.01171875Q10.7578,15.01171875,10.4414,15.32812475Q10.125,15.64453075,10.125,16.13671875Q10.125,16.62890875,10.4414,16.94530875Q10.7578,17.26171875,11.25,17.26171875L11.5312,17.26171875Q12.375,17.29687875,12.9375,17.82421875Q13.4648,18.38671875,13.5,19.23046875L13.5,19.51171875L11.25,19.51171875Q10.3008,19.54687875,9.66797,20.17968875Q9.03516,20.81249875,9,21.76171875L9,24.01171875Q9.03516,24.96093875,9.66797,25.59371875Q10.3008,26.22651875,11.25,26.26171875L13.5,26.26171875Q14.4492,26.22651875,15.082,25.59371875Q15.7148,24.96093875,15.75,24.01171875L15.75,22.88671875L15.75,21.76171875L15.75,19.23046875ZM6.75,19.23046875Q6.71484,17.43749875,5.51953,16.24218875Q4.32422,15.04687495,2.53125,15.01171875L2.25,15.01171875Q1.75781,15.01171875,1.44141,15.32812475Q1.125,15.64453075,1.125,16.13671875Q1.125,16.62890875,1.44141,16.94530875Q1.75781,17.26171875,2.25,17.26171875L2.53125,17.26171875Q3.375,17.29687875,3.9375,17.82421875Q4.46484,18.38671875,4.5,19.23046875L4.5,19.51171875L2.25,19.51171875Q1.30078,19.54687875,0.667969,20.17968875Q0.0351562,20.81249875,0,21.76171875L0,24.01171875Q0.0351562,24.96093875,0.667969,25.59371875Q1.30078,26.22651875,2.25,26.26171875L4.5,26.26171875Q5.44922,26.22651875,6.08203,25.59371875Q6.71484,24.96093875,6.75,24.01171875L6.75,22.88671875L6.75,21.76171875L6.75,19.23046875Z" fill="#9A63F6" fill-opacity="0.1899999976158142" style="mix-blend-mode:passthrough"/><path d="M15.75,19.23046875Q15.7148,17.43749875,14.5195,16.24218875Q13.3242,15.04687495,11.5312,15.01171875L11.25,15.01171875Q10.7578,15.01171875,10.4414,15.32812475Q10.125,15.64453075,10.125,16.13671875Q10.125,16.62890875,10.4414,16.94530875Q10.7578,17.26171875,11.25,17.26171875L11.5312,17.26171875Q12.375,17.29687875,12.9375,17.82421875Q13.4648,18.38671875,13.5,19.23046875L13.5,19.51171875L11.25,19.51171875Q10.3008,19.54687875,9.66797,20.17968875Q9.03516,20.81249875,9,21.76171875L9,24.01171875Q9.03516,24.96093875,9.66797,25.59371875Q10.3008,26.22651875,11.25,26.26171875L13.5,26.26171875Q14.4492,26.22651875,15.082,25.59371875Q15.7148,24.96093875,15.75,24.01171875L15.75,22.88671875L15.75,21.76171875L15.75,19.23046875ZM6.75,19.23046875Q6.71484,17.43749875,5.51953,16.24218875Q4.32422,15.04687495,2.53125,15.01171875L2.25,15.01171875Q1.75781,15.01171875,1.44141,15.32812475Q1.125,15.64453075,1.125,16.13671875Q1.125,16.62890875,1.44141,16.94530875Q1.75781,17.26171875,2.25,17.26171875L2.53125,17.26171875Q3.375,17.29687875,3.9375,17.82421875Q4.46484,18.38671875,4.5,19.23046875L4.5,19.51171875L2.25,19.51171875Q1.30078,19.54687875,0.667969,20.17968875Q0.0351562,20.81249875,0,21.76171875L0,24.01171875Q0.0351562,24.96093875,0.667969,25.59371875Q1.30078,26.22651875,2.25,26.26171875L4.5,26.26171875Q5.44922,26.22651875,6.08203,25.59371875Q6.71484,24.96093875,6.75,24.01171875L6.75,22.88671875L6.75,21.76171875L6.75,19.23046875Z" fill="#9A63F6" fill-opacity="0.1899999976158142" style="mix-blend-mode:passthrough"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

1
style/img/gift5.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="15.38671875" viewBox="0 0 18 15.38671875"><g transform="matrix(1,0,0,-1,0,30.7734375)"><g><path d="M1.6875,21.71483875L8.01562,15.77343775L1.6875,21.71483875L8.01562,15.77343775Q8.4375,15.38671875,9,15.38671875Q9.5625,15.38671875,9.98438,15.77343775L16.3125,21.71483875Q17.9648,23.26171875,18,25.54691875L18,25.75781875Q17.9648,27.65621875,16.8047,28.99221875Q15.6445,30.363318749999998,13.8164,30.71481875Q12.5859,30.89061875,11.4258,30.53901875Q10.3008,30.187518750000002,9.42188,29.30861875L9,28.88671875L8.57812,29.30861875Q7.69922,30.187518750000002,6.57422,30.53901875Q5.41406,30.89061875,4.18359,30.71481875Q2.35547,30.363318749999998,1.19531,28.99221875Q0.0351562,27.65621875,0,25.75781875L0,25.54691875Q0.0351562,23.26171875,1.6875,21.71483875Z" fill="#9A63F6" fill-opacity="0.1899999976158142" style="mix-blend-mode:passthrough"/><path d="M1.6875,21.71483875L8.01562,15.77343775L1.6875,21.71483875L8.01562,15.77343775Q8.4375,15.38671875,9,15.38671875Q9.5625,15.38671875,9.98438,15.77343775L16.3125,21.71483875Q17.9648,23.26171875,18,25.54691875L18,25.75781875Q17.9648,27.65621875,16.8047,28.99221875Q15.6445,30.363318749999998,13.8164,30.71481875Q12.5859,30.89061875,11.4258,30.53901875Q10.3008,30.187518750000002,9.42188,29.30861875L9,28.88671875L8.57812,29.30861875Q7.69922,30.187518750000002,6.57422,30.53901875Q5.41406,30.89061875,4.18359,30.71481875Q2.35547,30.363318749999998,1.19531,28.99221875Q0.0351562,27.65621875,0,25.75781875L0,25.54691875Q0.0351562,23.26171875,1.6875,21.71483875Z" fill="#9A63F6" fill-opacity="0.1899999976158142" style="mix-blend-mode:passthrough"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

1
style/img/gift6.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="13.5" height="18" viewBox="0 0 13.5 18"><defs><clipPath id="master_svg0_81_60494"><rect x="0" y="0" width="13.5" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_81_60494)"><g transform="matrix(1,0,0,-1,0,36.7734375)"><g><path d="M0,34.69921875L0,19.23046875L0,34.69921875L0,19.23046875Q0.0703125,18.45703125,0.84375,18.38671875Q1.125,18.38671875,1.33594,18.52734375L6.75,22.32421875L12.1641,18.52734375Q12.375,18.38671875,12.6562,18.38671875Q13.4297,18.45703125,13.5,19.23046875L13.5,34.69921875Q13.4648,35.40231875,13.0078,35.89451875Q12.5156,36.35151875,11.8125,36.38671875L1.6875,36.38671875Q0.984375,36.35151875,0.492188,35.89451875Q0.0351562,35.40231875,0,34.69921875Z" fill="#9A63F6" fill-opacity="0.1899999976158142" style="mix-blend-mode:passthrough"/><path d="M0,34.69921875L0,19.23046875L0,34.69921875L0,19.23046875Q0.0703125,18.45703125,0.84375,18.38671875Q1.125,18.38671875,1.33594,18.52734375L6.75,22.32421875L12.1641,18.52734375Q12.375,18.38671875,12.6562,18.38671875Q13.4297,18.45703125,13.5,19.23046875L13.5,34.69921875Q13.4648,35.40231875,13.0078,35.89451875Q12.5156,36.35151875,11.8125,36.38671875L1.6875,36.38671875Q0.984375,36.35151875,0.492188,35.89451875Q0.0351562,35.40231875,0,34.69921875Z" fill="#9A63F6" fill-opacity="0.1899999976158142" style="mix-blend-mode:passthrough"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
style/img/kaiti_preview.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 50 KiB

BIN
style/img/renwushu_preview.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 38 KiB

356
style/js/index.js

@ -5,6 +5,7 @@ $(document).ready(function() {
var checked = '';
var payResultTimer = null;
var service_domain = location.origin+'/';
// var service_domain = 'https://www.90616.com/'
// var service_domain = 'https://aitest.chachongz.com/'
var isPayDialog = false
var allPostData=new Object()
@ -14,8 +15,11 @@ $(document).ready(function() {
var child_ppt = 0;
var check_type = '94'
var child_src = ''
var curTypeWordsData = {}
var allAiServicesData = {}
var value_added_servicesList = null;
var value_added_select = [];//已选择的增值服务
var stepFlag = false;
var table_and_formulas = '';
var cssurl = $('#styleUrl').attr('url');
// var cssurl= './style/img/'//dev
@ -83,23 +87,103 @@ $(document).ready(function() {
'4':'代码',
}
var addservicedsDescList = [
'论文封面',
'论文提纲',
'论文摘要',
'论文致谢',
'参考文献',
'查重报告',
{
title:'论文封面',
desc:'贴合学校查重结果,原创力MAX'
},
{
title:'论文封面',
desc:'规范整洁的第一页很重要哦'
},
{
title:'论文提纲',
desc:'对应正文内容,赠送提纲'
},
{
title:'论文摘要',
desc:'精炼总结,一眼抓住研究核心'
},
{
title:'论文致谢',
desc:'感恩有“你”,温馨致谢'
},
{
title:'参考文献',
desc:'权威引用,规范格式,真实可查'
}
]
// window.addEventListener('resize', function(event) {
// console.log('页面大小变化了!');
// console.log('宽度:', window.innerWidth);
// console.log('高度:', window.innerHeight);
// // if(window.innerHeight> 347*2){
// // $('.look_backImg').css('width',347*(740/428))
// // }
// });
$(function(){
bindFileUpload();
initFun()
});
function initFun(){
getadd_Value('94')
getWordsCount()
scrollView()
}
// 渲染字数数据
function getWordsCount(){
$.ajax({
type: "post",
dataType:'json',
url: service_domain +'ajax_get_ai_services',
data: {
// type
},
success:function(res){
if(res.status){
allAiServicesData = res.data.ai_input_config;
getCurWordsCount()
}
},
error:function(err){
}
})
}
function getCurWordsCount(){
var wordsData = allAiServicesData[check_type]['major2wordcount'];
if(wordsData){
var edu = parseInt($('#educationRight').find('input[type="radio"]:checked').val());
var html1 = ''
wordsData[edu].forEach(item=>{
html1 += ` <div class="essayWords">
<input value="`+ item +`" type="radio" name="wordnums" >
<div></div>
<label>`+ item+`</label>
</div>`
})
$('.words_content').html(html1)
}
}
$('.words_content').on('click', '.essayWords input', function () {
$('.words_content .essayWords').removeClass('essayWords_active');
$(this).parent().addClass('essayWords_active');
})
$('#educationRight').on('click', '.education input', function () {
$('#educationRight .education').removeClass('edu_active_select');
$(this).parent().addClass('edu_active_select');
getCurWordsCount()
})
//首页增值服务相关展示
let servicedsHtml = ''
addservicedsDescList.forEach(item=>{
servicedsHtml += `<div class="serviceds_bot_item flex">
<span></span>
<span>`+item+`</span>
<b>X</b>1
addservicedsDescList.forEach((item,i)=>{
var url = `${cssurl}/img/gift${i+1}.svg`
servicedsHtml += ` <div class="listMes_item">
<b><img src="`+ url +`" alt=""> `+item.title+` <span>X1</span></b>
<p>`+item.desc+` </p>
</div>`
})
$('.serviceds_bottom').html(servicedsHtml)
$('.left_ai_listMes').html(servicedsHtml)
var payhtml = `<div class="pay_content flex" include-html="pay.html" mes="网站已通过备案请放心使用,如支付宝提示风险属于系统正常提示,按提示继续操作就可以,有任何疑问都可联系右侧在线客服">
<div id="qrcode" class="qrcode"></div>
<div class="pay_type">
@ -172,7 +256,6 @@ $(document).ready(function() {
'96':'',
'AIGC': cssurl +'/img/AIGC_preview.png'
}
getadd_Value('94')
function getadd_Value(type){
$.ajax({
type: "post",
@ -186,10 +269,9 @@ $(document).ready(function() {
if(res.status){
let addListBoxHtml = ''
value_added_servicesList = Object.values(res.data.value_added_services);
value_added_servicesList.forEach(item=>{
value_added_servicesList.forEach((item,i)=>{
if(item.type != '96'){
addListBoxHtml+= `<div class="add_item flex add_active" type=`+item.type+`>
<div class="pos_top">`+add_item_valueText[item.type]+`</div>
addListBoxHtml+= `<div class="add_item flex add_active add_item`+item.type+`" type=`+item.type+`>
<div class="add_item_left">
<p class="title">`+item.name +`</p>
<p>
@ -197,15 +279,15 @@ $(document).ready(function() {
<span class="normalPrice hide">12.00</span>
</p>
</div>
<span class="add_item_right">预览
<div class="img">
<span class="add_item_right">
<b>预览</b>
<div class="img ">
<img class="preview" src=`+add_item_valueUrl[item.type]+` alt="">
</div>
</span>
</div>`
}else{
addListBoxHtml+= `<div class="add_item add_ppt_item add_active 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>
@ -236,6 +318,136 @@ $(document).ready(function() {
}
})
}
$('.btn_mast').click(function(){
stepFlag = true;
geiAiUpgradeInfo(createCatalogue)
})
function createCatalogue() {
if (!$('.agree-item').hasClass('active')) {
alert("请阅读并勾选同意《服务条款》");
return;
}
var chkType = $('li.active_select').attr('type');
$.ajax({
type: "post",
url: service_domain + 'ajax_get_config',
async: false,
data: {
type: chkType,
is_pc_webpage: 1
},
success: function (jsondata) {
var data = JSON.parse(jsondata);
if (!data.status) {
alert(data.info);
return;
}
let pathType = {
'94': 'aiessayzx',
'82': 'aiessayen'
}
var title = $(".inputChange").val();
var r = checkTitle(title);
if (!r) return;
var edu = parseInt($('#educationRight').find('input[type="radio"]:checked').val());
if (edu <= 0 || !edu) {
alert("请选择您的学历");
return;
}
if (chkType != '82' && $('.form_essayWords').css('display') !== 'none') {
var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
if (wordnums <= 0 || isNaN(wordnums)) {
alert("请选择您的字数");
return;
}
}
var major = parseInt($('.dropdown-input').attr('selected_val'));
if (major <= 0 || !major) {
alert("请选择您的专业");
return;
}
var table_and_formulas_obj = $('#paper-table_and_formulas-wrapper').find('input:checked');
var table_and_formulas = '';
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 = table_and_formulasval;
continue;
}
table_and_formulas += ',' + table_and_formulasval;
}
//固定外部链接
var url = service_domain + pathType[chkType] + "/catalogue?title=" + encodeURIComponent(title);
// var url = data.data.agent_domain + "/catalogue?title=" + encodeURIComponent(title);
var content_min_limit = $("#htmlconfig").attr('content_min_limit');
if ($('.coreContent').css('display') !== 'none') {
var core_content = $('.textAreaForWordCount').val();
if (core_content.trim().length == 0 && content_min_limit > 0) {
alert("论文核心内容不能为空");
return;
}
url += '&core=' + encodeURIComponent(core_content.trim());
}
if (table_and_formulas != '' && table_formula_types.indexOf(chkType) !== -1) url += '&table_and_formulas=' + table_and_formulas;
if ($('.form_essayWords').css('display') !== 'none') {
url += '&aiessay_wordnum=' + wordnums;
}
if (major) url += '&major=' + major;
if (edu) url += '&edu=' + edu;
if (stepFlag) {
showNextStep(title, chkType, wordnums, eduObj, edu)
return
}
setTimeout(() => {
window.open(url);
}, 1500)
}
});
}
function showNextStep(title, chkType, wordnums, eduObj, edu) {
//修改步骤条状态
$('.step_line').removeClass('suc_step_line')
$('.normal_step').removeClass('active_step')
$('.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)
// $('.user_none').removeClass('hide')//禁用
// if (chkType != '82') {
// let mainEduWords = eduObj[edu] + '·约' + wordnums + '字'
// $('.step_add_three .mainEduWords').html(mainEduWords)
// } else {
// $('.step_add_three .mainEduWords').html(eduObj[edu])
// }
// if (chkType == '94') {
// window.scrollTo({ top: 1000, behavior: 'smooth' })
// } else {
// window.scrollTo({ top: 800, behavior: 'smooth' })
// }
showPayModal()
}
function geiAiUpgradeInfo(callback, param) {
$.ajax({
type: "post",
url: service_domain + 'ajax_ai_upgrade_info',
data: {},
success: function (jsondata) {
var res = JSON.parse(jsondata);
if (res.status && res.data) {
$('#upgrade_time').html(res.data)
$('#upgrade-modal').show()
return true;
}
callback(param);
}
});
}
$('.addListBox').on('click','.add_lookPPT',function(){
$('.look_PPT_modal').removeClass('hide')
if (!$('.look_PPT_modal').hasClass('hide')) {
@ -251,46 +463,16 @@ $(document).ready(function() {
$('.addListBox').on('click','.title',function(){
if ($(this).parent().parent().hasClass('add_active')) {
$(this).parent().parent().removeClass('add_active');
payAction()
return;
}
$(this).parent().parent().addClass('add_active')
payAction()
})
//点击生成
$('#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')
// }
// $('#click_AI_moretext').click(function(){
function showPayModal(){
var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
console.log(wordnums,'wordnums====');
let title = $('.inputChange').val();
// pay_completeDetailMes
let html1 = ''
@ -334,7 +516,7 @@ $(document).ready(function() {
$('.pay_completeDetailMes').html(html1)
$('.pay_complete_main').html(payhtml)
payAction()
})
}
//step监听滚动位置
// new QRCode(document.getElementById("qrcode"), {
@ -345,7 +527,6 @@ $(document).ready(function() {
// colorLight : "#ffffff",
// correctLevel : QRCode.CorrectLevel.H
// });
scrollView()
function scrollView(){
$(window).scroll(function() {
var element = $('.step_back');
@ -401,35 +582,6 @@ $(document).ready(function() {
// $('.inputText').removeClass('recommend_title')
}
});
// $('.inputChange').on('blur', function() {
// console.log('blur----');
// getAiTitleList()
// });
// $('.right_btn').click(function(e) {
// if ($('.right_btn').hasClass('activebtn')) {
// $('.right_btn').removeClass('activebtn')
// }
// $(this).addClass('activebtn')
// });
function showOptArea(area){
$('.opt-area').css('display','none');
$('#'+area).css('display','block');
}
function hideOptArea(){
$('.opt-area').css('display','none');
}
function getWordCountList(){
var chkType = $('li.active_select').attr('type');
var word_list_str = $("#word_list_str"+chkType).val();
$('.form_essayWords').addClass('disNone');
if(word_list_str){
var word_list = word_list_str.split(",");
if(word_list.length>0){
$('.form_essayWords').removeClass('disNone');
}
}
}
$('.payModal_main').on('click','.pay_every',function(){
if ($('.payModal_main .pay_every').hasClass('pay_active')) {
$('.payModal_main .pay_every').removeClass('pay_active')
@ -477,11 +629,23 @@ $(document).ready(function() {
return paytype;
}
function payAction(){
value_added_select = [];
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();
// let add_selected = []
$('.addListBox .add_active').each(function() {
let value = $(this).attr('type');
let this_item = value_added_servicesList.forEach(item=> {
if(item.type == value){
value_added_select.push(item.type)
}
return item.type == value
})
// add_selected.push(...this_item)
});
if(check_type == '') {
alert('提交类型不合法');
errorJump();
@ -787,7 +951,7 @@ $(document).ready(function() {
$('.pay_complete_modal').on('click','.payresultBtn2',function(){
goLoadDown(data.tid,'.pay_complete_modal')
// $('.user_none').addClass('hide')//取消禁用
$('.step_add_three').addClass('hide')//恢复进度
// $('.step_add_three').addClass('hide')//恢复进度
})
$('.payModal').on('click','.payresultBtn2',function(){
goLoadDown(data.tid,'.payModal')
@ -860,9 +1024,9 @@ $(document).ready(function() {
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(!$('.step_add_three').hasClass('hide')){
// $('.step_add_three').addClass('hide')
// }
if(t =='94'){//字数
setDomShow(['.form_essayWords','.side_info','.step_two','.checkbox_wrap'])
$('.key_words').addClass('hide')
@ -877,6 +1041,7 @@ $(document).ready(function() {
$('.normal_step3').removeClass('step_three')
$('.payModal_main').html('')
$('.pay_complete_main').html(payhtml)
getWordsCount()
}else{
setDomHide(['[step="3"]','.btn_result','.step_two','.btn_mast'])
setDomShow(['[step="2"]','.btn_result_now'])
@ -1081,11 +1246,10 @@ $(document).ready(function() {
setPagePPT_active(new_parent_ppt)
}
$('.look_PPT_modal').addClass('hide')
payAction()
})
$(function(){
bindFileUpload();
});
function bindFileUpload() {
var formData = new FormData();
$('.uploadShow').on('click', function (event) {
@ -1112,7 +1276,7 @@ $(document).ready(function() {
formData.append('ver_chktype', check_type);
// 使用jQuery AJAX上传文件
$.ajax({
url: 'https://aitest.chachongz.com'+'/upload_file',
url: service_domain+'/upload_file',
type: 'POST',
data: formData,
dataType: 'json',
@ -1141,7 +1305,6 @@ $(document).ready(function() {
success: function (res) {
// 成功回调
// res = fileMockData
console.log('File uploaded successfully:', res);
if (res.status) {
$(".uploadShow").addClass('hide');
$("#cancleBtn").addClass('hide');
@ -1163,7 +1326,6 @@ $(document).ready(function() {
},
error: function (jqXHR, textStatus, errorThrown) {
// 错误回调
console.log('File upload failed:', textStatus);
$(".uploadShow").addClass('hide');
$('.uploadMes').html('解析失败!请检查文件重新上传');
$('.uploadMes').addClass("uploadfile-error");
@ -1269,6 +1431,12 @@ $(document).ready(function() {
}
});
}
// $('.addListBox').on('hover','.add_item_right b',function(){
// $('.addListBox .add_item_right .img').removeClass('hide')
// },function(){
// $('.addListBox .add_item_right .img').addClass('hide');
// })
$('.downLoad').click(function(){
let href = $('.downLoad').attr('herf');
location.href = href

Loading…
Cancel
Save