Browse Source

更改ppt模板背景图及点击大纲生成逻辑修改

pull/4/head
zq 5 months ago
parent
commit
9c683bd7fd
  1. 83
      home.html
  2. 25
      style/css/index.css
  3. BIN
      style/img/pptbg_1.png
  4. BIN
      style/img/pptbg_10.png
  5. BIN
      style/img/pptbg_2.png
  6. BIN
      style/img/pptbg_3.png
  7. BIN
      style/img/pptbg_4.png
  8. BIN
      style/img/pptbg_5.png
  9. BIN
      style/img/pptbg_6.png
  10. BIN
      style/img/pptbg_7.png
  11. BIN
      style/img/pptbg_8.png
  12. BIN
      style/img/pptbg_9.png
  13. 11
      style/js/index.js

83
home.html

@ -9,12 +9,12 @@
<title>{if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if}</title> <title>{if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if}</title>
{if $site_ico} {if $site_ico}
<link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if} <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=1993"> <link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=1994">
<script src="{$priv_style}/js/jquery-3.6.0.min.js"></script> <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/clipboard.min.js"></script>
<script src="{$priv_style}/js/qrcode.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/lottie.min.js"></script>
<script src="{$priv_style}/js/index.js?v=19988"></script> <script src="{$priv_style}/js/index.js?v=19989"></script>
</head> </head>
<body> <body>
@ -436,8 +436,12 @@
</div> </div>
</div> </div>
</form> </form>
<button class="btn_result point" onclick="showCreateCatalogue()">生成论文大纲</button> <div class="flex btnWrap">
<button class="btn_result_now point" id="formInputSumbtn">立即生成</button> <button class="btn_mast point" onclick="showNextFunc()">立即生成正文</button>
<button class="btn_result point" onclick="showCreateCatalogue()">先生成论文大纲</button>
<button class="btn_result_now point" id="formInputSumbtn">立即生成</button>
</div>
<div class="checkbox_wrap"> <div class="checkbox_wrap">
<p class="active agree-item">我已阅读并同意:生成的论文范文仅用于参考,不作为毕业论文使用</p> <p class="active agree-item">我已阅读并同意:生成的论文范文仅用于参考,不作为毕业论文使用</p>
</div> </div>
@ -483,6 +487,7 @@
{literal} {literal}
<script> <script>
var stepFlag = false;
var eduObj = { var eduObj = {
'1':'大专', '1':'大专',
'2':'本科', '2':'本科',
@ -518,6 +523,34 @@
}else{ }else{
} }
} }
function showNextFunc(){
stepFlag = true;
geiAiUpgradeInfo(createCatalogue)
}
function showNextStep(title,chkType,wordnums,eduObj,edu){
//修改步骤条状态
$('.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('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' })
}
}
$('.dropdown-content p').click(function(){ $('.dropdown-content p').click(function(){
$('.dropdown-content p').removeClass('selected_back') $('.dropdown-content p').removeClass('selected_back')
$(this).addClass('selected_back') $(this).addClass('selected_back')
@ -852,6 +885,7 @@
return true; return true;
} }
function showCreateCatalogue() { function showCreateCatalogue() {
stepFlag = false;
geiAiUpgradeInfo(createCatalogue) geiAiUpgradeInfo(createCatalogue)
} }
function showAdviseTitle(){ function showAdviseTitle(){
@ -932,27 +966,9 @@
} }
if (major) url += '&major=' + major; if (major) url += '&major=' + major;
if (edu) url += '&edu=' + edu; if (edu) url += '&edu=' + edu;
//修改步骤条状态 if(stepFlag){
$('.normal_step').removeClass('active_step') showNextStep(title,chkType,wordnums,eduObj,edu)
$('.step_line').removeClass('suc_step_line') return
$('.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' })
} }
setTimeout(()=>{ setTimeout(()=>{
window.open(url); window.open(url);
@ -968,23 +984,6 @@
return support_table_formula_types_arr; return support_table_formula_types_arr;
} }
var table_formula_types = getTableFormulaTypes(); var table_formula_types = getTableFormulaTypes();
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);
}
});
}
</script> </script>
{/literal} {/literal}
</div> </div>

25
style/css/index.css

@ -258,7 +258,7 @@ body,p,div{
margin-bottom: 20px; margin-bottom: 20px;
} }
.look_right .ppt_temList{ .look_right .ppt_temList{
gap:20px 18px; gap:20px 14px;
} }
.look_right .ppt_temList .ppt_tem_item{ .look_right .ppt_temList .ppt_tem_item{
width: 173px; width: 173px;
@ -438,8 +438,8 @@ body,p,div{
margin-right: 13px; margin-right: 13px;
} }
#qrcode{ #qrcode{
width: 140px; width: 135px;
height: 140px; height: 135px;
} }
.pay_opera_btn{ .pay_opera_btn{
display: flex; display: flex;
@ -1631,7 +1631,13 @@ li .select_icon, .pay_every .pay_icon{
.tableChart_active div{ .tableChart_active div{
background: url(../img/checked_icon.svg); background: url(../img/checked_icon.svg);
} }
.btn_result,.btn_result_now,.downLoad,.btn_result_now2{ .btnWrap{
justify-content: center;
}
.btn_mast{
margin-right: 20px;
}
.btn_result,.btn_result_now,.downLoad,.btn_result_now2,.btn_mast{
width: 200px; width: 200px;
height: 50px; height: 50px;
font-size: 15px; font-size: 15px;
@ -1644,12 +1650,12 @@ li .select_icon, .pay_every .pay_icon{
transition: all .3s ease; transition: all .3s ease;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
} }
.btn_result:hover, .btn_result_now:hover,.downLoad:hover,.btn_result_now2:hover{ .btn_result:hover, .btn_result_now:hover,.downLoad:hover,.btn_result_now2:hover,.btn_mast:hover{
transition: all .3s ease; transition: all .3s ease;
opacity: 0.8; opacity: 0.8;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
} }
.btn_result:active,.btn_result_now:active,.downLoad:active,.btn_result_now2:active{ .btn_result:active,.btn_result_now:active,.downLoad:active,.btn_result_now2:active,.btn_mast:active{
transition: all .3s ease; transition: all .3s ease;
opacity: 1; opacity: 1;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
@ -2377,13 +2383,16 @@ footer a{
margin-bottom: 20px; margin-bottom: 20px;
/* margin: 0 40px 22px 0; */ /* margin: 0 40px 22px 0; */
} }
.detailMesItem:first-child{ /* .detailMesItem:first-child{
flex: 1; flex: 1;
} }
.detailMesItem:nth-child(3){
flex: 1;
} */
.detailMesItem span{ .detailMesItem span{
min-width: 80px; min-width: 80px;
display: inline-block; display: inline-block;
max-width: 177px; max-width: 170px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;

BIN
style/img/pptbg_1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 849 KiB

BIN
style/img/pptbg_10.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

BIN
style/img/pptbg_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
style/img/pptbg_3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 906 KiB

BIN
style/img/pptbg_4.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

BIN
style/img/pptbg_5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
style/img/pptbg_6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
style/img/pptbg_7.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 806 KiB

BIN
style/img/pptbg_8.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 821 KiB

BIN
style/img/pptbg_9.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 689 KiB

11
style/js/index.js

@ -216,7 +216,7 @@ $(document).ready(function() {
<div class="dashedLine"></div> <div class="dashedLine"></div>
<div class="add_ppt_right"> <div class="add_ppt_right">
<p>当前模板</p> <p>当前模板</p>
<p class="add_lookPPT"> <p class="add_lookPPT point">
<span id="cur_ppt_selectName">清新绿意通用模板</span> <span id="cur_ppt_selectName">清新绿意通用模板</span>
<img src="`+ cssurl+`/img/add_lookppt_icon.svg" alt=""> <img src="`+ cssurl+`/img/add_lookppt_icon.svg" alt="">
</p> </p>
@ -872,13 +872,13 @@ $(document).ready(function() {
$('.key_words').removeClass('hide') $('.key_words').removeClass('hide')
} }
if(t == '94' || t == '82'){ if(t == '94' || t == '82'){
setDomShow(['[step="3"]','.btn_result','.step_two']) setDomShow(['[step="3"]','.btn_result','.step_two','.btn_mast'])
setDomHide(['[step="2"]','.btn_result_now']) setDomHide(['[step="2"]','.btn_result_now'])
$('.normal_step3').removeClass('step_three') $('.normal_step3').removeClass('step_three')
$('.payModal_main').html('') $('.payModal_main').html('')
$('.pay_complete_main').html(payhtml) $('.pay_complete_main').html(payhtml)
}else{ }else{
setDomHide(['[step="3"]','.btn_result','.step_two']) setDomHide(['[step="3"]','.btn_result','.step_two','.btn_mast'])
setDomShow(['[step="2"]','.btn_result_now']) setDomShow(['[step="2"]','.btn_result_now'])
$('.normal_step3').addClass('step_three') $('.normal_step3').addClass('step_three')
$('.payModal_main').html(payhtml) $('.payModal_main').html(payhtml)
@ -971,12 +971,14 @@ $(document).ready(function() {
list.push(url) list.push(url)
} }
item.url = `${cssurl}/img/ppt_${ind+1}.png`; item.url = `${cssurl}/img/ppt_${ind+1}.png`;
item.bgurl = `${cssurl}/img/pptbg_${ind+1}.png`;
list.unshift(item.url) list.unshift(item.url)
return { return {
...item, ...item,
list list
} }
}) })
// console.log(pptUrlList,'pptUrlList');
// if ($('.form_pptItem').css('display') !== 'none') { // if ($('.form_pptItem').css('display') !== 'none') {
let html = ''; let html = '';
let pptlist = [...pptUrlList] let pptlist = [...pptUrlList]
@ -1004,6 +1006,7 @@ $(document).ready(function() {
}) })
$('.gallery').html(html); $('.gallery').html(html);
$('.gallery_img').eq(child_ppt).addClass('ppt_child_active'); $('.gallery_img').eq(child_ppt).addClass('ppt_child_active');
$('.look_backImg').attr('src',pptUrlList[new_parent_ppt]['bgurl'])
setBackImgUrl(childList[child_ppt],true) setBackImgUrl(childList[child_ppt],true)
} }
} }
@ -1044,7 +1047,7 @@ $(document).ready(function() {
function setBackImgUrl(url,flag){ function setBackImgUrl(url,flag){
$('.topimg').attr('src',url) $('.topimg').attr('src',url)
if(!flag)return if(!flag)return
$('.look_backImg').attr('src',url) // $('.look_backImg').attr('src',url)
} }
$('.lookAll').click(function(e){ $('.lookAll').click(function(e){

Loading…
Cancel
Save