zhangqi
/
money
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

支付成功页面/标题推荐修改/生成论文大纲跳转

pull/1/head
zq 7 months ago
parent
169a71bd4c
commit
e3e19f6d87
14 changed files with 1442 additions and 555 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 485
      home.html
  2. 306
      style/css/index.css
  3. BIN
      style/img/kefuQrcode.png
  4. 533
      style/img/loading_done.json
  5. BIN
      style/img/loading_step_gray.png
  6. BIN
      style/img/loading_step_light.png
  7. BIN
      style/img/loading_step_light1.png
  8. 1
      style/img/loding_.json
  9. 1
      style/img/stepLine.svg
  10. 1
      style/img/wx_kefu.svg
  11. 7
      style/js/clipboard.min.js
  12. 61
      style/js/index.js
  13. 15
      style/js/lottie.min.js
  14. 1
      style/js/qrcode.min.js

485
home.html
View File

@ -1,18 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="keywords" content="{$sitekeywords}" /> <meta name="keywords" content="{$sitekeywords}" />
<meta name="description" content="{$sitedesc}" /> <meta name="description" content="{$sitedesc}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<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}<link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if} {if $site_ico}
<link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if}
<link rel="stylesheet" type="text/css" href="./style/css/index.css?v=192"> <link rel="stylesheet" type="text/css" href="./style/css/index.css?v=192">
<script src="./style/js/jquery-3.6.0.min.js"></script> <script src="./style/js/jquery-3.6.0.min.js"></script>
<script src="./style/js/clipboard.min.js"></script>
<script src="./style/js/qrcode.min.js"></script>
<script src="./style/js/lottie.min.js"></script>
<script src="./style/js/index.js"></script> <script src="./style/js/index.js"></script>
<!-- <script src="qrcode.js"></script> --> <!-- <script src="qrcode.js"></script> -->
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
</head> </head>
<body> <body>
<div class="big_container"> <div class="big_container">
<header> <header>
@ -22,19 +27,24 @@
</div> </div>
<div class="right"> <div class="right">
<div class="right_btn activebtn">论文写作</div> <div class="right_btn activebtn">论文写作</div>
<div class="right_btn"><a href="http://aitest.chachongz.com/report2" target="_blank" rel="noopener noreferrer">报告下载</a></div> <div class="right_btn"><a href="http://aitest.chachongz.com/report2" target="_blank"
rel="noopener noreferrer">报告下载</a></div>
</div> </div>
</header> </header>
<div class="bb"> <div class="bb">
<div class="aa"> <div class="aa">
<div class="topViedo"> <div class="topViedo">
<video class="top_viedo" width="100%" src="https://cloud.video.taobao.com/vod/ML-UMJUwxUO3FP_Nz0K3lOULyoynDxM8Tg9UADZcc8c.mp4" autoplay loop muted poster="review.jpg"></video> <video class="top_viedo" width="100%"
src="https://cloud.video.taobao.com/vod/ML-UMJUwxUO3FP_Nz0K3lOULyoynDxM8Tg9UADZcc8c.mp4"
autoplay loop muted poster="review.jpg"></video>
</div> </div>
<div class="left_back"></div> <div class="left_back"></div>
<div class="right_back"></div> <div class="right_back"></div>
</div> </div>
</div> </div>
<video class="bottom_viedo" width="100%" src="https://cloud.video.taobao.com/vod/S4hdTIy3b5jYVonIpXe0DtkJbbv6N4ImQLw89_diq9w.mp4" autoplay loop muted poster="review.jpg"></video> <video class="bottom_viedo" width="100%"
src="https://cloud.video.taobao.com/vod/S4hdTIy3b5jYVonIpXe0DtkJbbv6N4ImQLw89_diq9w.mp4" autoplay loop muted
poster="review.jpg"></video>
<div class="main_page"> <div class="main_page">
<div class="main_content"> <div class="main_content">
<div class="backColor2 main_title_back"> <div class="backColor2 main_title_back">
@ -142,14 +152,10 @@
</li> </li>
</ul> </ul>
<form action="" class="my_form"> <form action="" class="my_form">
<div class="formOne"> <div class="formOne opt-block">
<input id="htmlconfig" type="hidden" content_min_limit="0" <input id="htmlconfig" type="hidden" content_min_limit="0"
support_table_formula_types="61,84,93,94" support_table_formula_types="61,84,93,94" support_titleMore="85,81,94"
support_titleMore="85,81,94" support_edu="63,96,82,94" support_pro="94,63" support_pro="94,63">
support_edu="63,96,82,94"
support_pro="94,63"
support_pro="94,63"
>
<input value="3000,5000,8000,10000,15000,20000" type="hidden" id="word_list_str94"> <input value="3000,5000,8000,10000,15000,20000" type="hidden" id="word_list_str94">
<input type="hidden" id="cur_title" value=""> <input type="hidden" id="cur_title" value="">
<input type="hidden" id="cur_title_type" value="0"> <input type="hidden" id="cur_title_type" value="0">
@ -159,7 +165,7 @@
<!-- 请选择您的论文专业 --> <!-- 请选择您的论文专业 -->
<img src="./style/img/selectIcon.svg" alt=""> <img src="./style/img/selectIcon.svg" alt="">
</div> </div>
<select id="project_select" name="fruits" > <select id="project_select" name="fruits">
<option value="" selected disabled>请选择您的论文专业</option> <option value="" selected disabled>请选择您的论文专业</option>
<option value="1">经济</option> <option value="1">经济</option>
<option value="2">教育</option> <option value="2">教育</option>
@ -180,8 +186,8 @@
</div> </div>
<div class="normal_recommend_title"> <div class="normal_recommend_title">
<img src="./style/img/title_icon.svg" alt=""> <img src="./style/img/title_icon.svg" alt="">
<span>标题推荐</span> <span onclick="showAdviseTitle()">标题推荐</span>
<div class="aititlePos opt-area"> <div class="aititlePos opt-area" id="not-title" >
<div class="posBack"> <div class="posBack">
<div class="posHead flex"> <div class="posHead flex">
<img src="./style/img/posStart.svg" alt=""> <img src="./style/img/posStart.svg" alt="">
@ -203,23 +209,41 @@
<div class="startBtn" onclick="startGetTitle('aititlePos')">开始优化</div> <div class="startBtn" onclick="startGetTitle('aititlePos')">开始优化</div>
</div> </div>
</div> </div>
<div id="loading" class="opt-area opt-click-hide disNone loadingPos"> <div id="loading" class="opt-area opt-click-hide loadingPos">
<div class="loading-area"> <div class="loading-area">
<div class="step-icon" id="loading-step1"></div> <div class="step-icon" id="loading-step1"></div>
<div class="step-text">预处理信息</div> <div class="step-text">预处理信息</div>
<div class="step-line"></div> <img class="step-line" src="./style/img/step_line.svg" alt="">
<!-- <div class="step-line"></div> -->
<div class="step-icon" id="loading-step2"></div> <div class="step-icon" id="loading-step2"></div>
<div class="step-text">AI分析填写内容</div> <div class="step-text">AI分析填写内容</div>
<div class="step-line"></div> <img class="step-line" src="./style/img/step_line.svg" alt="">
<!-- <div class="step-line"></div> -->
<div class="step-icon" id="loading-step3"></div> <div class="step-icon" id="loading-step3"></div>
<div class="step-text">AI匹配原创标题</div> <div class="step-text">AI匹配原创标题</div>
<div class="step-line"></div> <!-- <div class="step-line"></div> -->
<img class="step-line" src="./style/img/step_line.svg" alt="">
<div class="step-icon" id="loading-step4"></div> <div class="step-icon" id="loading-step4"></div>
<div class="step-text">完成</div> <div class="step-text">完成</div>
</div> </div>
</div> </div>
<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-no" onclick="hideTitleChange();">否</div>
</div>
<div class="advise-header"><img src="//css.kuailelunwen.com/images/ai2/modelessay/star_light.png" alt="">智能优化标题</div>
<div id="advise-ul"></div>
<div class="advise-refresh">
<span style="width: 120px;" onclick="adviseTitle(true)">
<img src="//css.kuailelunwen.com/images/ai2/modelessay/loading_refresh.png" alt="">换一批
</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="formItem formItem_pro"> <div class="formItem formItem_pro">
@ -228,18 +252,21 @@
<img class="requiredIcon" src="./style/img/required_icon.svg" alt=""> <img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div> </div>
<div class="formRight educationRight" id="educationRight"> <div class="formRight educationRight" id="educationRight">
<div class="education" onclick="getEducation('edu','1','.education','edu_active_select')"> <div class="education">
<input value="1" type="radio" name="edu" id="edu1" > <input value="1" type="radio" name="edu" id="edu1"
onclick="getEducation('edu','1','.education','edu_active_select')">
<div></div> <div></div>
<label for="edu1">大专</label> <label for="edu1">大专</label>
</div> </div>
<div class="education edu_active_select" onclick="getEducation('edu','2','.education','edu_active_select')"> <div class="education edu_active_select">
<input value="2" type="radio" name="edu" id="edu2" > <input value="2" type="radio" name="edu" id="edu2"
onclick="getEducation('edu','2','.education','edu_active_select')">
<div></div> <div></div>
<label for="edu2">本科</label> <label for="edu2">本科</label>
</div> </div>
<div class="education" onclick="getEducation('edu','3','.education','edu_active_select')"> <div class="education">
<input value="3" type="radio" name="edu" id="edu3" > <input value="3" type="radio" name="edu" id="edu3"
onclick="getEducation('edu','3','.education','edu_active_select')">
<div></div> <div></div>
<label for="edu3">硕博</label> <label for="edu3">硕博</label>
</div> </div>
@ -251,16 +278,18 @@
<input type="text" name="title" class="key_words_input" maxlength="50" minlength="2"> <input type="text" name="title" class="key_words_input" maxlength="50" minlength="2">
</div> </div>
</div> </div>
<div class="formItem side_info"> <div class="formItem side_info hide">
<div class="formLeft">辅助信息</div> <div class="formLeft">辅助信息</div>
<div class="formRight textAreaRight"> <div class="formRight textAreaRight">
<textarea name="textAreaForWordCount" class="textAreaForWordCount" id="side_textarea" placeholder="请输入相关的辅助信息，帮助论文生成的更加准确！(非必填)"></textarea> <textarea name="textAreaForWordCount" class="textAreaForWordCount" id="side_textarea"
placeholder="请输入相关的辅助信息，帮助论文生成的更加准确！(非必填)"></textarea>
</div> </div>
</div> </div>
<div class="formItem coreContent hide"> <div class="formItem coreContent hide">
<div class="formLeft">核心内容</div> <div class="formLeft">核心内容</div>
<div class="formRight textAreaRight"> <div class="formRight textAreaRight">
<textarea name="coreContent" class="coreWordCount" id="side_textarea" maxlength="200" placeholder="请写出需要在论文中包含的要点。"></textarea> <textarea name="coreContent" class="coreWordCount" id="side_textarea" maxlength="200"
placeholder="请写出需要在论文中包含的要点。"></textarea>
</div> </div>
</div> </div>
<div class="formItem form_essayWords"> <div class="formItem form_essayWords">
@ -269,44 +298,85 @@
<img class="requiredIcon" src="./style/img/required_icon.svg" alt=""> <img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div> </div>
<div class="formRight educationRight" id="textLength"> <div class="formRight educationRight" id="textLength">
<div class="essayWords" onclick="getEducation('wordnums','8000','.essayWords','essayWords_active')"> <div class="essayWords">
<input value="8000" type="radio" name="wordnums" id="wordnums8000"> <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> <div></div>
<label for="wordnums8000">约8000字</label> <label for="wordnums8000">约8000字</label>
</div> </div>
<div class="essayWords essayWords_active" onclick="getEducation('edu','10000','.essayWords','essayWords_active')"> <div class="essayWords">
<input value="10000" type="radio" name="wordnums" id="wordnums10000"> <input value="10000" type="radio" name="wordnums" id="wordnums10000"
onclick="getEducation('edu','10000','.essayWords','essayWords_active')">
<div></div> <div></div>
<label for="wordnums10000">约10000字</label> <label for="wordnums10000">约10000字</label>
</div> </div>
<div class="essayWords" onclick="getEducation('edu','20000','.essayWords','essayWords_active')"> <div class="essayWords">
<input value="20000" type="radio" name="wordnums" id="wordnums20000"> <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> <div></div>
<label for="wordnums20000">约20000字</label> <label for="wordnums20000">约20000字</label>
</div> </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> </div>
</div> </div>
<div class="formItem"> <div class="formItem">
<div class="formLeft">图表公式</div> <div class="formLeft">图表公式</div>
<div class="formRight "id="paper-table_and_formulas-wrapper"> <div class="formRight " id="paper-table_and_formulas-wrapper">
<div class="educationRight"> <div class="educationRight">
<div class="tableChart"> <div class="tableChart">
<input value="1" type="checkbox" name="table_and_formulas" id="table_and_formulas1" onclick="getEducation2('table_and_formulas','1','.tableChart','tableChart_active')"> <input value="1" type="checkbox" name="table_and_formulas"
id="table_and_formulas1"
onclick="getEducation2('table_and_formulas','1','.tableChart','tableChart_active')">
<div></div> <div></div>
<label for="table_and_formulas1">图片</label> <label for="table_and_formulas1">图片</label>
</div> </div>
<div class="tableChart" > <div class="tableChart">
<input value="2" type="checkbox" name="table_and_formulas" id="table_and_formulas2" onclick="getEducation2('table_and_formulas','2','.tableChart','tableChart_active')"> <input value="2" type="checkbox" name="table_and_formulas"
id="table_and_formulas2"
onclick="getEducation2('table_and_formulas','2','.tableChart','tableChart_active')">
<div></div> <div></div>
<label for="table_and_formulas2">表格</label> <label for="table_and_formulas2">表格</label>
</div> </div>
<div class="tableChart tableChart_active" > <div class="tableChart tableChart_active">
<input value="3" type="checkbox" name="table_and_formulas" id="table_and_formulas3" onclick="getEducation2('table_and_formulas','3','.tableChart','tableChart_active')"> <input value="3" type="checkbox" name="table_and_formulas"
id="table_and_formulas3"
onclick="getEducation2('table_and_formulas','3','.tableChart','tableChart_active')">
<div></div> <div></div>
<label for="table_and_formulas3">公式</label> <label for="table_and_formulas3">公式</label>
</div> </div>
<div class="tableChart tableChart_active" > <div class="tableChart tableChart_active">
<input value="4" type="checkbox" name="table_and_formulas" id="table_and_formulas4" onclick="getEducation2('table_and_formulas','4','.tableChart','tableChart_active')"> <input value="4" type="checkbox" name="table_and_formulas"
id="table_and_formulas4"
onclick="getEducation2('table_and_formulas','4','.tableChart','tableChart_active')">
<div></div> <div></div>
<label for="table_and_formulas4">代码</label> <label for="table_and_formulas4">代码</label>
</div> </div>
@ -316,13 +386,14 @@
</div> </div>
</form> </form>
<button class="btn_result" onclick="showCreateCatalogue()">生成论文大纲</button> <button class="btn_result" onclick="showCreateCatalogue()">生成论文大纲</button>
<button class="btn_result_now" id="formInputSumbtn" >立即生成</button> <button class="btn_result_now" id="formInputSumbtn">立即生成</button>
<div class="checkbox_wrap"> <div class="checkbox_wrap">
<p class="active agree-item">我已阅读并同意：生成的论文范文仅用于参考，不作为毕业论文使用</p> <p class="active agree-item">我已阅读并同意：生成的论文范文仅用于参考，不作为毕业论文使用</p>
</div> </div>
<div id="upgrade-modal" class="upgrade-modal"> <div id="upgrade-modal" class="upgrade-modal">
<div class="upgrade-content"> <div class="upgrade-content">
<div class="upgrade-info"><img src="//css.chachongz.com/images/ai2/ai_upgrade.png" alt="">服务器正在维护，请耐心等待<span id="upgrade_time"></span>~</div> <div class="upgrade-info"><img src="//css.chachongz.com/images/ai2/ai_upgrade.png"
alt="">服务器正在维护，请耐心等待<span id="upgrade_time"></span>~</div>
<div class="upgrade-button2" onclick="hideUpgradeMoadl()">知道啦~</div> <div class="upgrade-button2" onclick="hideUpgradeMoadl()">知道啦~</div>
</div> </div>
</div> </div>
@ -339,7 +410,7 @@
checkAiTitle(); checkAiTitle();
//默认选中 //默认选中
$('#edu2').prop('checked', true); $('#edu2').prop('checked', true);
$('#wordnums10000').prop('checked', true); // $('#wordnums10000').prop('checked', true);
$('#table_and_formulas3').prop('checked', true); $('#table_and_formulas3').prop('checked', true);
$('#table_and_formulas4').prop('checked', true); $('#table_and_formulas4').prop('checked', true);
$('.coreContent').hide() $('.coreContent').hide()
@ -348,17 +419,27 @@
// console.log(selectedValues,'selectedValues'); // console.log(selectedValues,'selectedValues');
}); });
}); });
function hideUpgradeMoadl(){ function hideUpgradeMoadl() {
$('#upgrade-modal').hide() $('#upgrade-modal').hide()
} }
function geiAiUpgradeInfo(callback, param){ function showTitleChange() {
$('#title-change').addClass('fade')
setTimeout(function (){
$('#title-change').removeClass('fade')
},5000)
}
function hideTitleChange() {
$('#title-change').removeClass('fade')
}
function geiAiUpgradeInfo(callback, param) {
$.ajax({ $.ajax({
type: "post", type: "post",
url: 'http://aitest.chachongz.com/ajax_ai_upgrade_info', url: 'http://aitest.chachongz.com/ajax_ai_upgrade_info',
data: {}, data: {},
success: function (jsondata) { success: function (jsondata) {
var res = JSON.parse(jsondata); var res = JSON.parse(jsondata);
if(res.status && res.data){ if (res.status && res.data) {
$('#upgrade_time').html(res.data) $('#upgrade_time').html(res.data)
$('#upgrade-modal').show() $('#upgrade-modal').show()
return true; return true;
@ -371,22 +452,20 @@
function toggleSelect() { function toggleSelect() {
var select = document.getElementById('project_select'); var select = document.getElementById('project_select');
select.size = select.size ? 0 : 3; // 切换展开/收起状态 select.size = select.size ? 0 : 3; // 切换展开/收起状态
console.log(select,'select====');
} }
function hideDom(dom){ function hideDom(dom) {
if($(dom).hasClass('disBlock'))$(dom).removeClass('disBlock') if ($(dom).hasClass('disBlock')) $(dom).removeClass('disBlock')
$(dom).addClass('disNone') $(dom).addClass('disNone')
} }
function showDom(dom){ function showDom(dom) {
if($(dom).hasClass('disNone'))$(dom).removeClass('disNone') if ($(dom).hasClass('disNone')) $(dom).removeClass('disNone')
$(dom).addClass('disBlock') $(dom).addClass('disBlock')
} }
function startGetTitle(){ function startGetTitle() {
console.log('--------888'); // hideDom('.aititlePos')
hideDom('.aititlePos')
adviseTitle(true) adviseTitle(true)
} }
$('.inputChange').on('blur', function() { $('.inputChange').on('blur', function () {
checkAiTitle() checkAiTitle()
}); });
function getFormData() { function getFormData() {
@ -397,17 +476,18 @@
} }
console.log(data); console.log(data);
} }
function adviseTitle(refresh = false){ function adviseTitle(refresh = false) {
if($('#loading').css('display') == 'block'){ if ($('#loading').css('display') == 'block') {
return false; return false;
} }
let title = $('.inputChange').val(); let title = $('.inputChange').val();
if(!title){ if (!title) {
alert('请输入标题') alert('请输入标题')
return false; return false;
} }
let cur_title= $('#cur_title').val(); let cur_title = $('#cur_title').val();
if(cur_title != title || refresh){ console.log(cur_title,'cur_title-----');
if (cur_title != title || refresh) {
//初始化推荐标题 //初始化推荐标题
$('#advise-ul').html('') $('#advise-ul').html('')
$('#cur_title').val(title); $('#cur_title').val(title);
@ -416,13 +496,15 @@
//删除所有动画 //删除所有动画
var steps = document.querySelectorAll('.step-icon'); var steps = document.querySelectorAll('.step-icon');
steps.forEach(function(step) { steps.forEach(function (step) {
step.innerHTML = ''; step.innerHTML = '';
step.classList.remove('step-icon-active'); step.classList.remove('step-icon-active');
step.classList.remove('step-icon-done'); step.classList.remove('step-icon-done');
}); });
showDom('#loading'); showOptArea('loading');
console.log($('#loading'),'loading怎言了');
// showDom('#loading');
//第一步 默认完成 //第一步 默认完成
let obj = document.getElementById('loading-step1'); let obj = document.getElementById('loading-step1');
@ -430,58 +512,88 @@
//第二步 开启完成动画 //第二步 开启完成动画
let ani2 = stepLoading(2, 'done') let ani2 = stepLoading(2, 'done')
ani2.addEventListener('complete', function() { ani2.addEventListener('complete', function () {
stepDone(2, ani2) stepDone(2, ani2)
//第三步 等待第二步动画加载完成 开启加载动画 //第三步 等待第二步动画加载完成 开启加载动画
let ani3 = stepLoading(3, 'analysis') let ani3 = stepLoading(3, 'analysis')
debugger
if($('#advise-ul').html()){ if ($('#advise-ul').html()) {
//如果推荐已存在 销毁加载动画 开启完成动画 //如果推荐已存在 销毁加载动画 开启完成动画
ani3.destroy(); ani3.destroy();
ani3 = stepLoading(3, 'done') ani3 = stepLoading(3, 'done')
ani3.addEventListener('complete', function() { ani3.addEventListener('complete', function () {
stepDone(3, ani3) stepDone(3, ani3)
//第四步默认完成 //第四步默认完成
let ani4 = stepLoading(4, 'done') let ani4 = stepLoading(4, 'done')
ani4.addEventListener('complete', function() { ani4.addEventListener('complete', function () {
ani4.destroy(); ani4.destroy();
}); });
showAdviseList() showAdviseList()
}); });
}else{ } else {
getAdviseTitle() getAdviseTitle()
} }
}); });
} }
function stepLoading(step, status = 'analysis'){ function stepDone(step, ani){
let obj = document.getElementById('loading-step'+step); let obj = document.getElementById('loading-step'+step);
obj.innerHTML = ''; obj.innerHTML = '';
obj.classList.remove('step-icon-active');
obj.classList.add('step-icon-done');
ani.destroy();
}
function showAdviseList(){
// if(!$('#loading').hasClass('disNone')){
console.log('object走到这里啦');
if($('#loading').css('display') == 'block'){
var intervalId = setInterval(function() {
var adviseTitle = $('#advise-ul').html();
if (adviseTitle) {
clearInterval(intervalId)
console.log('object走到这里啦---');
showOptArea('advise-area');
}
}, 500);
}
$('.opt-advise input').on('input', function() {
if ($(this).val() !== window.title) {
showTitleChange()
}
});
}
function stepLoading(step, status = 'analysis') {
let obj = document.getElementById('loading-step' + step);
obj.innerHTML = '';
obj.classList.remove('step-icon-done'); obj.classList.remove('step-icon-done');
obj.classList.add('step-icon-active'); obj.classList.add('step-icon-active');
if (status == 'analysis') {
if(status == 'analysis'){
return lottie.loadAnimation({ return lottie.loadAnimation({
container: obj, //dom元素的容器 container: obj, //dom元素的容器
loop: true, //循环播放 loop: true, //循环播放
autoplay: true, //自动播放 autoplay: true, //自动播放
path: "//css.chachongz.com/images/ai2/modelessay/loading_analysis.json", // AE 导出JSON文件 // path: "./style/img/loding.json", // AE 导出JSON文件
path: "http://css.chachongz.com/images/ai2/modelessay/loading_analysis.json", // AE 导出JSON文件
}); });
}else{ } else {
return lottie.loadAnimation({ return lottie.loadAnimation({
container: obj, //dom元素的容器 container: obj, //dom元素的容器
loop: false, //循环播放 loop: false, //循环播放
autoplay: true, //自动播放 autoplay: true, //自动播放
path: "//css.chachongz.com/images/ai2/modelessay/loading_done.json", // AE 导出JSON文件 path: "http://css.chachongz.com/images/ai2/modelessay/loading_done.json", // AE 导出JSON文件
// path: "./style/img/loading_done.json", // AE 导出JSON文件
}); });
} }
} }
function getAdviseTitle(){ function getAdviseTitle() {
let title = $('.inputChange').val(); let title = $('.inputChange').val();
let title_type = $('#project_select').val() let title_type = $('#cur_title_type').val()
console.log($('#project_select'),title_type);
$.ajax({ $.ajax({
type: "post", type: "post",
url: 'http://aitest.chachongz.com/ajax_advise_ai_title', url: 'http://aitest.chachongz.com/ajax_advise_ai_title',
@ -489,34 +601,32 @@
title: title, title: title,
title_type: title_type title_type: title_type
}, },
success: function(jsondata) { success: function (jsondata) {
$('#cur_request').val(0) $('#cur_request').val(0)
var res = JSON.parse(jsondata); var res = JSON.parse(jsondata);
console.log(res,'====='); if (!res.status) {
if(!res.status){
alert(res.info); alert(res.info);
return false; return false;
} }
if(res.data.title != $('#cur_title').val()){ if (res.data.title != $('#cur_title').val()) {
return false; return false;
} }
if(res.data.list.length>0){ if (res.data.list.length > 0) {
let html = '' let html = ''
res.data.list.forEach(function(item) { res.data.list.forEach(function (item) {
html += '<div onclick="confirmTitle(this)" class="advise-li">'+item+'</div>'; html += '<div onclick="confirmTitle(this)" class="advise-li">' + item + '</div>';
}); });
$('#advise-ul').html(html); $('#advise-ul').html(html);
let ani3 = stepLoading(3, 'done') let ani3 = stepLoading(3, 'done')
ani3.addEventListener('complete', function() { ani3.addEventListener('complete', function () {
stepDone(3, ani3) stepDone(3, ani3)
//第四步默认完成 //第四步默认完成
let ani4 = stepLoading(4, 'done') let ani4 = stepLoading(4, 'done')
ani4.addEventListener('complete', function() { ani4.addEventListener('complete', function () {
ani4.destroy(); ani4.destroy();
}); });
@ -526,6 +636,10 @@
} }
}); });
} }
function confirmTitle(obj){
$('.inputChange').val(obj.innerHTML);
hideOptArea();
}
function checkAiTitle() { function checkAiTitle() {
let title = $('.inputChange').val(); let title = $('.inputChange').val();
$.ajax({ $.ajax({
@ -544,10 +658,11 @@
$('#cur_title_type').val(res.data); $('#cur_title_type').val(res.data);
if (res.status && res.data != 1) { if (res.status && res.data != 1) {
console.log('----',$('#loading').hasClass('disNone')); // console.log('----', $('#loading').hasClass('disNone'));
if($('#loading').hasClass('disNone')){ if ($('#loading').css('display') == 'none') {
// if ($('#loading').hasClass('disNone')) {
// showDom('.aititlePos') // showDom('.aititlePos')
showOptArea('aititlePos'); showOptArea('not-title');
} }
} }
@ -555,37 +670,38 @@
}); });
} }
//点击页面其余地方隐藏标题信息 //点击页面其余地方隐藏标题信息
$(document).click(function(event) { $(document).click(function (event) {
if (!$(event.target).closest('.opt-advise').length) { if (!$(event.target).closest('.opt-advise').length) {
hideOptArea() hideOptArea()
} }
}); });
function showOptArea(area){ function showOptArea(area) {
$('.opt-area').css('display','none'); $('.opt-area').css('display', 'none');
$('.'+area).css('display','block'); $('#' + area).css('display', 'block');
console.log(area,'advise-area---');
} }
function hideOptArea(){ function hideOptArea() {
$('.opt-area').css('display','none'); $('.opt-area').css('display', 'none');
} }
function getEducation2(radioName, value,eleClass,addClass){ function getEducation2(radioName, value, eleClass, addClass) {
let elePar = event.target.parentElement let elePar = event.target.parentElement
if(elePar.classList.contains(addClass)){ if (elePar.classList.contains(addClass)) {
elePar.classList.remove(addClass) elePar.classList.remove(addClass)
event.target.checked = false; event.target.checked = false;
}else{ } else {
elePar.classList.add(addClass) elePar.classList.add(addClass)
event.target.checked = true; event.target.checked = true;
} }
$('input[type="checkbox"]:checked').each(function() { $('input[type="checkbox"]:checked').each(function () {
console.log($(this).val()); console.log($(this).val());
});//获取所有被选中的复选框 });//获取所有被选中的复选框
var selectedValues = $('input[type="radio"][name="wordnums"]:checked').val(); var selectedValues = $('input[type="radio"][name="wordnums"]:checked').val();
console.log(selectedValues,'selectedValues'); console.log(selectedValues, 'selectedValues');
} }
function getEducation(radioName, value,eleClass,addClass){ function getEducation(radioName, value, eleClass, addClass = 'essayWords_active') {
document.querySelectorAll(eleClass).forEach(function(elem) { document.querySelectorAll(eleClass).forEach(function (elem) {
elem.addEventListener('click', function() { elem.addEventListener('click', function () {
document.querySelectorAll(eleClass).forEach(function(el) { document.querySelectorAll(eleClass).forEach(function (el) {
el.classList.remove(addClass); el.classList.remove(addClass);
}); });
// 给当前点击的元素添加 'active' 类名 // 给当前点击的元素添加 'active' 类名
@ -600,40 +716,40 @@
} }
} }
var selectedValues = $('input[type="radio"][name="wordnums"]:checked').val(); var selectedValues = $('input[type="radio"][name="wordnums"]:checked').val();
console.log(selectedValues,'selectedValues'); console.log(selectedValues, 'selectedValues');
} }
$('.agree-item').click(function(){ $('.agree-item').click(function () {
if($(this).hasClass('active')){ if ($(this).hasClass('active')) {
$(this).removeClass('active'); $(this).removeClass('active');
return; return;
} }
$(this).addClass('active') $(this).addClass('active')
}); });
function checkTitle(title) { function checkTitle(title) {
title = title.replace(/\n/g,'\r\n').replace(/^[\n\r\f\t\v\x20]+/, '').replace(/[\n\r\f\t\v\x20]+$/, ''); title = title.replace(/\n/g, '\r\n').replace(/^[\n\r\f\t\v\x20]+/, '').replace(/[\n\r\f\t\v\x20]+$/, '');
if (title.length == 0) { if (title.length == 0) {
alert('请输入标题'); alert('请输入标题');
return false; return false;
} }
var title_min_limit = 1; var title_min_limit = 1;
if (title.length < title_min_limit) { if (title.length < title_min_limit) {
alert('标题不能少于'+title_min_limit+'字'); alert('标题不能少于' + title_min_limit + '字');
return false; return false;
} }
var title_max_limit = 50; var title_max_limit = 50;
if (title.length > title_max_limit) { if (title.length > title_max_limit) {
alert('标题不能多于'+title_max_limit+'字'); alert('标题不能多于' + title_max_limit + '字');
return false; return false;
} }
return true; return true;
} }
function checkContent(content) { function checkContent(content) {
content = content.replace(/\n/g,'\r\n').replace(/^[\n\r\f\t\v\x20]+/, '').replace(/[\n\r\f\t\v\x20]+$/, ''); content = content.replace(/\n/g, '\r\n').replace(/^[\n\r\f\t\v\x20]+/, '').replace(/[\n\r\f\t\v\x20]+$/, '');
var content_min_limit = 1; var content_min_limit = 1;
// var content_min_limit = $("#htmlconfig").attr('content_min_limit'); // var content_min_limit = $("#htmlconfig").attr('content_min_limit');
if (content.length < content_min_limit) { if (content.length < content_min_limit) {
alert('内容不能少于'+content_min_limit+'字'); alert('内容不能少于' + content_min_limit + '字');
return false; return false;
} }
// var content_max_limit = $("#htmlconfig").attr('content_max_limit'); // var content_max_limit = $("#htmlconfig").attr('content_max_limit');
@ -643,11 +759,14 @@
// } // }
return true; return true;
} }
function showCreateCatalogue(){ function showCreateCatalogue() {
geiAiUpgradeInfo(createCatalogue) geiAiUpgradeInfo(createCatalogue)
} }
function createCatalogue(){ function showAdviseTitle(){
if(!$('.agree-item').hasClass('active')){ geiAiUpgradeInfo(adviseTitle)
}
function createCatalogue() {
if (!$('.agree-item').hasClass('active')) {
alert("请阅读并勾选同意《服务条款》"); alert("请阅读并勾选同意《服务条款》");
return; return;
} }
@ -655,78 +774,91 @@
$.ajax({ $.ajax({
type: "post", type: "post",
url: 'http://aitest.chachongz.com/ajax_get_config', url: 'http://aitest.chachongz.com/ajax_get_config',
async:false, async: false,
data: { data: {
type: chkType, type: chkType,
is_pc_webpage: 1 is_pc_webpage: 1
}, },
success: function(jsondata) { success: function (jsondata) {
var data = JSON.parse(jsondata); var data = JSON.parse(jsondata);
if(!data.status){ if (!data.status) {
alert(data.info); alert(data.info);
return; return;
} }
var title = $(".inputChange").val(); var title = $(".inputChange").val();
var r = checkTitle(title); var r = checkTitle(title);
if(!r) return; if (!r) return;
var core_content = $('.textAreaForWordCount').val(); // var core_content = $('.textAreaForWordCount').val();//辅助信息
var r = checkContent(core_content); // var r = checkContent(core_content);
if(!r) return; // if (!r) return;
var edu= parseInt($('#paper-edu-wrapper').find('input[type="radio"]:checked').val()); var edu = parseInt($('#educationRight').find('input[type="radio"]:checked').val());
if(edu<=0 || !edu) { if (edu <= 0 || !edu) {
alert("请选择您的学历"); alert("请选择您的学历");
return; return;
} }
if(!$('.form_essayWords').hasClass('hide')){ if (!$('.form_essayWords').hasClass('hide')) {
var wordnums= parseInt($('.textLength').find('input[type="radio"]:checked').val()); var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
if(wordnums<=0 || isNaN(wordnums)) { if (wordnums <= 0 || isNaN(wordnums)) {
alert("请选择您的字数"); alert("请选择您的字数");
return; return;
} }
} }
var major = parseInt($('#paper-major-wrapper').find('option:selected').val()); var major = parseInt($('#project_select').find('option:selected').val());
if(major<=0 || !major) { var selectedValue = $("#project_select").find("option:selected").val();
console.log(selectedValue,'selectedValue',major);
if (major <= 0 || !major) {
alert("请选择您的专业"); alert("请选择您的专业");
return; return;
} }
var table_and_formulas_obj = $('#paper-table_and_formulas-wrapper').find('input:checked'); var table_and_formulas_obj = $('#paper-table_and_formulas-wrapper').find('input:checked');
var table_and_formulas=''; var table_and_formulas = '';
for (var index = 0; index < table_and_formulas_obj.length; index++) { for (var index = 0; index < table_and_formulas_obj.length; index++) {
var table_and_formulasval = table_and_formulas_obj.eq(index).val(); var table_and_formulasval = table_and_formulas_obj.eq(index).val();
if(table_and_formulas == '') { if (table_and_formulas == '') {
table_and_formulas = table_and_formulasval; table_and_formulas = table_and_formulasval;
continue; continue;
} }
table_and_formulas += ','+table_and_formulasval; table_and_formulas += ',' + table_and_formulasval;
} }
var url = data.data.agent_domain+"/catalogue?title="+encodeURIComponent(title); //固定外部链接
var url = 'http://aitest.chachongz.com/aiessayzx' + "/catalogue?title=" + encodeURIComponent(title);
// var url = data.data.agent_domain + "/catalogue?title=" + encodeURIComponent(title);
var content_min_limit = $("#htmlconfig").attr('content_min_limit'); var content_min_limit = $("#htmlconfig").attr('content_min_limit');
if(!$('.coreContent').hasClass('hide')){ if (!$('.coreContent').hasClass('hide')) {
var core_content = $('.textAreaForWordCount').val(); var core_content = $('.textAreaForWordCount').val();
if(core_content.trim().length == 0 && content_min_limit>0){ if (core_content.trim().length == 0 && content_min_limit > 0) {
alert("论文核心内容不能为空"); alert("论文核心内容不能为空");
return; return;
} }
url += '&core='+encodeURIComponent(core_content.trim()); url += '&core=' + encodeURIComponent(core_content.trim());
} }
if(table_and_formulas != '' && table_formula_types.indexOf(chkType) !== -1) url += '&table_and_formulas='+table_and_formulas; if (table_and_formulas != '' && table_formula_types.indexOf(chkType) !== -1) url += '&table_and_formulas=' + table_and_formulas;
if(!$('.form_essayWords').hasClass('hide')) url += '&aiessay_wordnum='+wordnums; if (!$('.form_essayWords').hasClass('hide')) url += '&aiessay_wordnum=' + wordnums;
if(major) url += '&major='+major; if (major) url += '&major=' + major;
if(edu) url += '&edu='+edu; if (edu) url += '&edu=' + edu;
// loginComAction(url); location.href =url
} }
}); });
} }
function geiAiUpgradeInfo(callback, param){ function getTableFormulaTypes() {
var support_table_formula_types = $("#htmlconfig").attr("support_table_formula_types");
if (!support_table_formula_types) return '';
var support_table_formula_types_arr = support_table_formula_types.split(",");
return support_table_formula_types_arr;
}
var table_formula_types = getTableFormulaTypes();
function geiAiUpgradeInfo(callback, param) {
$.ajax({ $.ajax({
type: "post", type: "post",
url: 'http://aitest.chachongz.com/ajax_ai_upgrade_info', url: 'http://aitest.chachongz.com/ajax_ai_upgrade_info',
data: {}, data: {},
success: function (jsondata) { success: function (jsondata) {
var res = JSON.parse(jsondata); var res = JSON.parse(jsondata);
if(res.status && res.data){ if (res.status && res.data) {
$('#upgrade_time').html(res.data) $('#upgrade_time').html(res.data)
$('#upgrade-modal').show() $('#upgrade-modal').show()
return true; return true;
@ -763,23 +895,23 @@
</footer> </footer>
</div> </div>
</div> </div>
<div class="pageMask "></div> <div class="pageMask hide"></div>
<div class="payTypeList hide" cur="2"></div> <div class="payTypeList hide" cur="2"></div>
<div class="payModal"> <div class="payModal hide">
<div class="pay_header"> <div class="pay_header">
<h>订单详情</h> <h>订单详情</h>
<img src="./style/img/modal_close.svg" class="close_modal" alt=""> <img src="./style/img/modal_close.svg" class="close_modal point" alt="">
</div> </div>
<div class="pay_content" mes="网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服"> <div class="pay_content " mes="网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服">
<div id="qrcode"></div> <div id="qrcode"></div>
<script> <script>
new QRCode(document.getElementById("qrcode"), { new QRCode(document.getElementById("qrcode"), {
text: "weixin://wxpay/bizpayurl?pr=Jr7TFNAz3", text: "weixin://wxpay/bizpayurl?pr=ShA8gdVz3",
width: 135, width: 135,
height: 135, height: 135,
colorDark : "#000000", colorDark: "#000000",
colorLight : "#ffffff", colorLight: "#ffffff",
correctLevel : QRCode.CorrectLevel.H correctLevel: QRCode.CorrectLevel.H
}); });
</script> </script>
@ -817,42 +949,37 @@
</p> </p>
<p> <p>
订单号：<span id="pay_succ_tid">OIY898998787721878233</span> 订单号：<span id="pay_succ_tid">OIY898998787721878233</span>
<img src="./style/img/copy_icon.svg" id="copy_tid" alt=""> <img src="./style/img/copy_icon.svg" class="point" id="copy_tid" alt="">
</p> </p>
</div> </div>
</div> </div>
<script> <div class="pay_opera_btn">
$('#qrcode1').attr('src', "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQFX8DwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyZ0dySDRYMTVmZmsxTHM4ODFEY3YAAgTcO2FnAwQAjScA"); <div class="payresultBtn1 point">再生成一篇</div>
<div class="payresultBtn2 point">去下载</div>
</div>
<script>
// $('#qrcode1').attr('src', "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQFX8DwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyZ0dySDRYMTVmZmsxTHM4ODFEY3YAAgTcO2FnAwQAjScA");
</script> </script>
</div> </div>
<div class="modal_mes"> <div class="modal_mes">
<img src="./style/img/lingdang.svg" alt=""> <img src="./style/img/lingdang.svg" alt="">
<p style="font-size: 12px;font-weight: 400;color: #EE7000;line-height: 17px;text-align:center;">网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服</p> <p style="font-size: 12px;font-weight: 400;color: #EE7000;line-height: 17px;text-align:center;">
网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服</p>
</div> </div>
</div> </div>
<div class="kefu point">
<div class="payresultMask hide"></div> <div class="kefuCom flex">
<div class="payresultWrap payresultNoGz hide"> <img class="linkIcon" src="./style/img/wx_kefu.svg" alt="">
<div class="payresultWrapHeader"> <span class="ft14 linkkf">联系客服</span>
<img src="/images/ai/success.png" alt="" style="width: 30px;height: 30px;"> <div class="kefuQrcode">
<h1>此页面信息<span>至关重要</span>，您可截图保存避免丢失</h1> <img src="./style/img/kefuQrcode.png" alt="">
<span class="ft12">微信扫码添加客服</span>
<span class="ft12">上班时间：9:00-16:00</span>
</div> </div>
<h1>提交成功，订单号是查询范文的唯一凭证</h1>
<h1>
<span>订单号：</span>
<span id="payresultTid"></span>
<img src="/images/ai/copy.png" alt="" id="payresultCopyTidBtn">
</h1>
<img class="payresultQrcode payresultQrcodeClass hide" src="" alt="">
<h1 class="payresultQrcodeClass hide">微信扫码，随时获知范文生成状态</h1>
<div class="payresultBtn">
<button class="payresultBtn1">去下载</button>
<button class="payresultBtn2">再申请一篇</button>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

306
style/css/index.css
View File

@ -1,12 +1,16 @@
body,p,div{ body,p,div{
margin: 0; margin: 0;
font-size: 14px; font-size: 14px;
font-family: MicrosoftYaHeiUI;
} }
@media screen and (min-width:1200px) and (max-width:1440px){ @media screen and (min-width:1200px) and (max-width:1440px){
.right_back{ .right_back{
/* right: calc((100% - 1680px) / 2); */ /* right: calc((100% - 1680px) / 2); */
} }
} }
.point{
cursor: pointer;
}
.flex{ .flex{
display: flex; display: flex;
} }
@ -32,6 +36,62 @@ body,p,div{
transition: all .3s; transition: all .3s;
display: block !important; display: block !important;
} }
.kefu{
position: fixed;
z-index: 88;
right: 22px;
bottom: 140px;
width: 32px;
padding: 8px 4px 13px;
/* height: 116px; */
border-radius: 20px;
opacity: 1;
background: #FFFFFF;
color: #3D3D3D;
font-family: MicrosoftYaHeiUI;
}
.kefuCom{
position: relative;
flex-direction: column;
justify-self: center;
align-items: center;
}
.kefuCom:hover .kefuQrcode{
opacity: 1;
transition: all .5s;
}
.kefuCom .linkIcon{
width: 28px;
height: 28px;
margin-bottom: 5px;
}
.kefuCom .linkkf{
font-family: MicrosoftYaHeiUI;
color: #3D3D3D;
line-height: 16px;
writing-mode: vertical-rl;
}
.kefuCom .kefuQrcode{
position: absolute;
left: -151px;
top: 0px;
/* width: 150px; */
/* height: 194px; */
/* 自动布局 */
display: flex;
flex-direction: column;
align-items: center;
padding: 8px;
gap: 6px;
border-radius: 6px;
opacity: 0;
background: #FFFFFF;
box-shadow: 0px 4px 11px 0px rgba(56, 112, 243, 0.1);
}
.kefuQrcode img{
width: 134px;
height: 134px;
}
.pageMask{ .pageMask{
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -44,14 +104,13 @@ body,p,div{
.payModal{ .payModal{
position: fixed; position: fixed;
width: 740px; width: 740px;
height: 300px;
background-color: #fff; background-color: #fff;
left: 50%; left: 50%;
top: 20%; top: 20%;
z-index: 999; z-index: 999;
transform: translateX(-50%); transform: translateX(-50%);
border-radius: 16px; border-radius: 16px;
padding: 28px 36px; padding: 28px 36px 36px;
/* display: flex; */ /* display: flex; */
} }
.pay_header{ .pay_header{
@ -60,12 +119,11 @@ body,p,div{
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
.pay_header img{ .pay_header .close_modal{
position: absolute; position: absolute;
right: 0px; right: 0px;
height: 20px; height: 20px;
top: 0; top: 0;
cursor: pointer;
} }
.payModal .pay_content{ .payModal .pay_content{
display: flex; display: flex;
@ -131,35 +189,74 @@ body,p,div{
letter-spacing: 0px; letter-spacing: 0px;
font-variation-settings: "opsz" auto; font-variation-settings: "opsz" auto;
color: #3D3D3D; color: #3D3D3D;
display: flex;
align-items: center;
width: 296px;
justify-content: space-between;
} }
.pay_succ_content { .pay_succ_content {
display: flex; display: flex;
width: 394px; width: 394px;
height: 100px; height: 100px;
padding: 28px 0; padding: 19px 0;
} }
.pay_succ_content #qrcode1{ .pay_succ_content #qrcode1{
width: 100px; width: 100px;
height: 100px; height: 100px;
margin-right: 36px;
} }
.pay_succ_right{ .pay_succ_right{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 21px 0;
} }
.pay_succ_right p{ .pay_succ_right p{
font-family: Microsoft YaHei UI; font-family: Microsoft YaHei UI;
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
line-height: 18px; line-height: 32px;
letter-spacing: 0px; letter-spacing: 0px;
font-variation-settings: "opsz" auto; font-variation-settings: "opsz" auto;
color: #3D3D3D; color: #3D3D3D;
display: flex;
align-items: center;
}
#pay_succ_tid{
color: #EE7000;
margin-right: 13px;
} }
#qrcode{ #qrcode{
width: 140px; width: 140px;
height: 140px; height: 140px;
} }
.pay_opera_btn{
display: flex;
align-items: center;
width: 464px;
justify-content: space-between;
}
.payresultBtn1,.payresultBtn2{
cursor: pointer;
width: 200px;
height: 50px;
/* 自动布局 */
display: flex;
font-size: 15px;
color: #2841EB;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 8px;
opacity: 1;
background: #EAEFFF;
/* padding: 12px 24px; */
}
.payresultBtn2{
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
color: #FFFFFF;
}
.pay_right p{ .pay_right p{
font-size: 12px; font-size: 12px;
} }
@ -341,7 +438,7 @@ header .right .activebtn{
.left_back{ .left_back{
width: 300px; width: 300px;
height: 454px; height: 454px;
background-image: linear-gradient(90deg, rgb(250, 250, 250) 0%, rgba(250, 250, 250, 0) 100%); background: linear-gradient(90deg, rgb(250, 250, 250) 0%, rgba(250, 250, 250, 0) 100%);
/* background: linear-gradient(90deg, #FAFAFA 0%, rgba(243, 246, 254, 0) 100%); */ /* background: linear-gradient(90deg, #FAFAFA 0%, rgba(243, 246, 254, 0) 100%); */
position: absolute; position: absolute;
top: 0; top: 0;
@ -355,7 +452,7 @@ header .right .activebtn{
top: 0; top: 0;
z-index: 24; z-index: 24;
right: calc((100% - 1920px) / 2); right: calc((100% - 1920px) / 2);
background-image: linear-gradient(-90deg, rgb(250, 250, 250) 0%, rgba(250, 250, 250, 0) 100%); background: linear-gradient(-90deg, rgb(250, 250, 250) 0%, rgba(250, 250, 250, 0) 100%);
/* background: linear-gradient(90deg, rgba(243, 246, 254, 0) 0%, #F3F6FE 100%); */ /* background: linear-gradient(90deg, rgba(243, 246, 254, 0) 0%, #F3F6FE 100%); */
} }
.bottom_back{ .bottom_back{
@ -387,7 +484,7 @@ header .right .activebtn{
bottom: 0; bottom: 0;
overflow: hidden; overflow: hidden;
background-color: rgb(250, 250, 250); background-color: rgb(250, 250, 250);
/* background-image: var(--pc-background-image); /* background: var(--pc-background);
background-color: var(--background-color); */ background-color: var(--background-color); */
background-size: 1920px auto; background-size: 1920px auto;
background-position: center top; background-position: center top;
@ -444,7 +541,7 @@ header .right .activebtn{
align-items: center; align-items: center;
/* min-width: 1004px; /* min-width: 1004px;
max-width: 1378px; */ max-width: 1378px; */
/* background-image: url(); */ /* background: url(); */
} }
.main_title_back{ .main_title_back{
background-color: transparent !important; background-color: transparent !important;
@ -586,6 +683,7 @@ header .right .activebtn{
justify-content: flex-start; justify-content: flex-start;
margin: 0 auto; margin: 0 auto;
margin-bottom: 48px; margin-bottom: 48px;
font-family: MicrosoftYaHeiUI;
} }
.main_select li{ .main_select li{
margin-right: 15px; margin-right: 15px;
@ -722,9 +820,11 @@ li .select_icon, .pay_every .pay_icon{
padding-left: 12px; padding-left: 12px;
color: #1F2225; color: #1F2225;
height: 32px; height: 32px;
font-family: MicrosoftYaHeiUI;
} }
.oneRight input::placeholder, .key_words input::placeholder{ .oneRight input::placeholder, .key_words input::placeholder{
color:#8C919D; color:#8C919D;
font-family: MicrosoftYaHeiUI;
} }
.oneRight input:focus-visible ,.key_words input:focus-visible{ .oneRight input:focus-visible ,.key_words input:focus-visible{
outline: none; outline: none;
@ -747,8 +847,129 @@ li .select_icon, .pay_every .pay_icon{
border: 1px solid #E8E8E8; border: 1px solid #E8E8E8;
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
} }
.opt-block .title-change{
display: flex;
width: 360px;
height: 30px;
background: rgba(0,0,0,0.75);
border-radius: 6px;
line-height: 20px;
padding: 5px 9px;
position: absolute;
top:10px;
left: 50%;
margin-left: -180px;
opacity: 0; /* 初始状态为完全透明 */
transition: opacity 1s ease-in-out; /* 设置透明度过渡 */
}
.opt-block .title-change.fade{
opacity: 1;
}
#advise-area{
width: calc(100% - 28px);
}
.opt-area{ .opt-area{
display: none; display: none;
position: absolute;
top: 50px;
left: 0;
z-index: 10;
/* width: 100%; */
background: #FFFFFF;
box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.08);
border-radius: 8px;
border: 1px solid #EAEAEA;
padding: 16px 14px;
cursor: pointer;
user-select: none;
}
.opt-block .loading-area{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 84px;
background: linear-gradient( 180deg, #F1FBFF 0%, #ECF3FF 100%);
border-radius: 8px;
font-weight: 400;
font-size: 12px;
color: #8B919A;
text-align: center;
}
.opt-block .step-icon{
width:18px;
height: 18px;
margin-right: 4px;
background: url(../img/loading_step_gray.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.opt-block .step-text{
font-size: 12px;
color: #8B919A;
line-height: 84px;
}
.opt-block .step-icon-done{
background: url(../img/loading_step_light1.png);
}
.opt-block .step-icon-done+.step-text{
color: #282828;
}
.opt-block .step-icon-active{
background: none;
margin-top: -22px;
}
.opt-block .step-icon-active+.step-text{
color: #1675FF;
}
.loading-area img{
margin: 0 8px;
width: auto;
height: 1px;
min-width: 18px;
max-width: 70px;
flex: 1;
}
.opt-block .advise-header{
font-weight: 500;
font-size: 12px;
color: #8B919A;
line-height: 20px;
margin-bottom: 8px;
}
.opt-block .advise-header img{
display: inline-block;
vertical-align: middle;
margin-right: 4px;
width: 17px;
height: 19px;
}
.opt-block .advise-li{
font-weight: 400;
font-size: 14px;
color: #282828;
line-height: 20px;
padding: 8px 17px;
}
.opt-block .advise-li:hover{
background: #ECF5FF;
border-radius: 6px;
}
.opt-block .advise-refresh{
font-weight: 400;
font-size: 14px;
color: #1675FF;
line-height: 20px;
padding-top: 8px;
text-align: right;
}
.opt-block .advise-refresh img{
display: inline-block;
vertical-align: middle;
margin-right: 4px;
width: 16px;
height: 16px;
} }
.posBack{ .posBack{
/* 自动布局子元素 */ /* 自动布局子元素 */
@ -792,6 +1013,7 @@ li .select_icon, .pay_every .pay_icon{
font-size: 12px; font-size: 12px;
max-width: 710px; max-width: 710px;
color: #8B919A; color: #8B919A;
justify-content: center;
} }
.posStep img{ .posStep img{
width: 6px; width: 6px;
@ -802,7 +1024,7 @@ li .select_icon, .pay_every .pay_icon{
flex: 1; flex: 1;
margin: 0 8px; margin: 0 8px;
min-width: 16px; min-width: 16px;
/* max-width: ; */ max-width: 100px;
} }
.posFooter{ .posFooter{
display: flex; display: flex;
@ -821,46 +1043,7 @@ li .select_icon, .pay_every .pay_icon{
color: #5B6FF6; color: #5B6FF6;
margin-left: 20px; margin-left: 20px;
} }
.loading-area{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 84px;
background: linear-gradient( 180deg, #F1FBFF 0%, #ECF3FF 100%);
border-radius: 8px;
font-weight: 400;
font-size: 12px;
color: #8B919A;
text-align: center;
}
.step-icon{
width:18px;
height: 18px;
margin-right: 4px;
/* background-image: url(//css.chachongz.com/images/ai2/modelessay/loading_step_gray.png); */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.step-text{
font-size: 12px;
color: #8B919A;
line-height: 84px;
}
.step-icon-done{
background-image: url(../img/stepDone.png);
}
.step-icon-done+.step-text{
color: #282828;
}
.step-icon-active{
background-image: none;
margin-top: -22px;
}
.step-icon-active+.step-text{
color: #1675FF;
}
.normal_recommend_title,.recommend_title{ .normal_recommend_title,.recommend_title{
width: 82px; width: 82px;
margin-left: 12px; margin-left: 12px;
@ -873,6 +1056,7 @@ li .select_icon, .pay_every .pay_icon{
padding: 8px 12px; padding: 8px 12px;
cursor: pointer; cursor: pointer;
transition: all .5s; transition: all .5s;
color: #8C919D;
} }
.recommend_title{ .recommend_title{
background: #FFF5ED; background: #FFF5ED;
@ -891,6 +1075,7 @@ li .select_icon, .pay_every .pay_icon{
margin-bottom: 24px; margin-bottom: 24px;
color: #1F2225; color: #1F2225;
line-height: 34px; line-height: 34px;
font-family: MicrosoftYaHeiUI;
} }
.formItem .formLeft{ .formItem .formLeft{
width: 70px; width: 70px;
@ -906,7 +1091,7 @@ li .select_icon, .pay_every .pay_icon{
.formItem .formRight{ .formItem .formRight{
flex: 1; flex: 1;
margin-left: 12px; margin-left: 12px;
flex-wrap: wrap;
} }
.educationRight{ .educationRight{
display: flex; display: flex;
@ -933,6 +1118,8 @@ li .select_icon, .pay_every .pay_icon{
opacity: 0; opacity: 0;
position: absolute; position: absolute;
left: 0; left: 0;
width: 100%;
cursor: pointer;
} }
.tableChart input{ .tableChart input{
opacity: 0; opacity: 0;
@ -944,7 +1131,7 @@ li .select_icon, .pay_every .pay_icon{
.education div, .essayWords div, .tableChart div{ .education div, .essayWords div, .tableChart div{
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-right: 3px; margin-right: 8px;
cursor: pointer; cursor: pointer;
} }
.education div,.essayWords div{ .education div,.essayWords div{
@ -969,8 +1156,20 @@ li .select_icon, .pay_every .pay_icon{
text-align: center; text-align: center;
border-radius: 8px; border-radius: 8px;
margin-top: 30px; margin-top: 30px;
transition: all .3s;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
}
.btn_result:hover{
transition: all .3s;
opacity: 0.8;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
} }
.btn_result:active{
transition: all .3s;
opacity: 1;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
border: 7px solid #DDE1FC;
}
.checkbox_wrap { .checkbox_wrap {
margin-top: 12px; margin-top: 12px;
font-size: 12px; font-size: 12px;
@ -1078,6 +1277,7 @@ li .select_icon, .pay_every .pay_icon{
border-radius: 6px; border-radius: 6px;
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #E8E8E8; border: 1px solid #E8E8E8;
font-family: MicrosoftYaHeiUI;
} }
#side_textarea::placeholder{ #side_textarea::placeholder{
color: #8C919D; color: #8C919D;

BIN
style/img/kefuQrcode.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

533
style/img/loading_done.json
View File

@ -0,0 +1,533 @@
{
"v": "5.12.2",
"fr": 60,
"ip": 0,
"op": 41,
"w": 88,
"h": 88,
"nm": "Frame 2",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "Vector",
"sr": 1,
"ks": {
"o": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 0,
"s": [
0
]
},
{
"t": 24,
"s": [
100
]
}
],
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
44.333,
43.704,
0
],
"ix": 2,
"l": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1,
"l": 2
},
"s": {
"a": 0,
"k": [
100,
100,
100
],
"ix": 6,
"l": 2
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
0,
0
],
[
-1.56,
-1.598
],
[
1.56,
-1.598
],
[
0,
0
],
[
1.56,
1.599
],
[
0,
0
],
[
-1.56,
1.598
],
[
-1.56,
-1.599
],
[
0,
0
]
],
"o": [
[
1.56,
-1.598
],
[
1.56,
1.598
],
[
0,
0
],
[
-1.56,
1.599
],
[
0,
0
],
[
-1.56,
-1.598
],
[
1.56,
-1.599
],
[
0,
0
],
[
0,
0
]
],
"v": [
[
13.181,
-13.506
],
[
18.83,
-13.506
],
[
18.83,
-7.718
],
[
-1.883,
13.505
],
[
-7.532,
13.505
],
[
-18.83,
1.929
],
[
-18.83,
-3.859
],
[
-13.181,
-3.859
],
[
-4.708,
4.823
]
],
"c": true
},
"ix": 2
},
"nm": "路径 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [
1,
1,
1,
1
],
"ix": 4
},
"o": {
"a": 0,
"k": 100,
"ix": 5
},
"r": 1,
"bm": 0,
"nm": "填充 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "变换"
}
],
"nm": "Vector",
"np": 2,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 42,
"st": 0,
"ct": 1,
"bm": 0
},
{
"ddd": 0,
"ind": 2,
"ty": 4,
"nm": "Ellipse 1",
"sr": 1,
"ks": {
"o": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 0,
"s": [
0
]
},
{
"t": 24,
"s": [
100
]
}
],
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
43.833,
43.5,
0
],
"ix": 2,
"l": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1,
"l": 2
},
"s": {
"a": 0,
"k": [
100,
100,
100
],
"ix": 6,
"l": 2
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"d": 1,
"ty": "el",
"s": {
"a": 0,
"k": [
67,
67
],
"ix": 2
},
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 3
},
"nm": "椭圆路径 1",
"mn": "ADBE Vector Shape - Ellipse",
"hd": false
},
{
"ty": "st",
"c": {
"a": 0,
"k": [
0.357,
0.435,
0.965
],
"ix": 3
},
"o": {
"a": 0,
"k": 100,
"ix": 4
},
"w": {
"a": 0,
"k": 7,
"ix": 5
},
"lc": 1,
"lj": 1,
"ml": 4,
"bm": 0,
"nm": "描边 1",
"mn": "ADBE Vector Graphic - Stroke",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [
0.357,
0.435,
0.965
],
"ix": 4
},
"o": {
"a": 0,
"k": 100,
"ix": 5
},
"r": 1,
"bm": 0,
"nm": "填充 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "变换"
}
],
"nm": "Ellipse 1",
"np": 3,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 42,
"st": 0,
"ct": 1,
"bm": 0
}
],
"markers": [],
"props": {}
}

BIN
style/img/loading_step_gray.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
style/img/loading_step_light.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
style/img/loading_step_light1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 718 B

1
style/img/loding_.json
View File

@ -0,0 +1 @@
{"v":"5.12.2","fr":60,"ip":0,"op":55,"w":88,"h":88,"nm":"Frame 2","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"▽ Group 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[360]},{"t":55,"s":[720]}],"ix":10},"p":{"a":0,"k":[44.5,43.5,0],"ix":2,"l":2},"a":{"a":0,"k":[33.5,33.5,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":55,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Ellipse 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50.25,16.75,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-18.502]],"o":[[18.502,0],[0,0]],"v":[[-16.75,-16.75],[16.75,16.75]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.357,0.435,0.965],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":7,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"Ellipse 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":55,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Ellipse 1","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[33.5,33.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[67,67],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"椭圆路径 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.898,0.91,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":7,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"Ellipse 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":55,"st":0,"ct":1,"bm":0}],"markers":[],"props":{}}

1
style/img/stepLine.svg
View File

@ -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="19" height="2" viewBox="0 0 19 2"><g><path d="M13.4771,3.9L18.5,1L13.4771,-1.9L13.4771,0.4999999999999998L0.5,0.5L-0.000001999999999946489,0.49999773502L-0.000001999999999946489,1.5L0.5,1.5L13.4771,1.5L13.4771,3.9Z" fill-rule="evenodd" fill="#D1D4DB" fill-opacity="1"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 395 B

1
style/img/wx_kefu.svg
View File

@ -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="28" height="28" viewBox="0 0 28 28"><defs><clipPath id="master_svg0_18_8494"><rect x="0" y="0" width="28" height="28" rx="0"/></clipPath><linearGradient x1="0.5" y1="0" x2="0.5" y2="1.4176392555236816" id="master_svg1_18_8082"><stop offset="4.285714402794838%" stop-color="#6B69F5" stop-opacity="1"/><stop offset="100%" stop-color="#3868E6" stop-opacity="1"/></linearGradient></defs><g clip-path="url(#master_svg0_18_8494)"><rect x="0" y="0" width="28" height="28" rx="0" fill="#FFFFFF" fill-opacity="1"/><g><path d="M14,1C20.6267,1,26,6.21467,26,12.648C26,17.072,23.4587,20.9213,19.7147,22.8933C17.8533,23.8507,14.7173,25.4413,10.31067,27.6667L10.31067,23.7333C5.48667,22.2253,2,17.832,2,12.6493C2,6.21333,7.37333,1,14,1ZM7.81333,13.3907C7.29282,13.9113,7.29282,14.7553,7.81333,15.276C11.23015,18.6928,16.7698,18.6928,20.1867,15.276C20.6919,14.7528,20.6847,13.9212,20.1704,13.4069C19.6561,12.8926,18.8245,12.8854,18.3013,13.3907C15.9259,15.7664,12.0742,15.7664,9.69867,13.3907C9.178,12.8702,8.334,12.8702,7.81333,13.3907Z" fill="url(#master_svg1_18_8082)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

7
style/js/clipboard.min.js
View File

File diff suppressed because one or more lines are too long

61
style/js/index.js
View File

@ -163,9 +163,20 @@ $(document).ready(function() {
// getPayQrcode(postData,check_flag) // getPayQrcode(postData,check_flag)
}) })
$('.close_modal').click(function(e){ $('.close_modal').on('click',function(e){
$('.pageMask').addClass('hide'); $('.pageMask').addClass('hide');
$('.payModal').addClass('hide'); $('.payModal').addClass('hide');
if(!$('.pay_detail').hasClass('hide')){
$('.pay_detail').addClass('hide')
}
if($('.modal_mes').hasClass('hide')){
$('.modal_mes').removeClass('hide')
}
if($('.pay_content').hasClass('hide')){
$('.pay_content').removeClass('hide')
}
clearTimeout(payResultTimer);
// clearInterval() // clearInterval()
}) })
function getPayType() { function getPayType() {
@ -203,7 +214,7 @@ $(document).ready(function() {
//检验信息 //检验信息
getPayQrcode(postData) getPayQrcode(postData)
} }
$('#formInputSumbtn').click(function(e){ $('#formInputSumbtn').on('click',function(e){
payAction() payAction()
}) })
function getPayQrcode(postData){ function getPayQrcode(postData){
@ -325,19 +336,10 @@ $(document).ready(function() {
if(isPayDialog){ if(isPayDialog){
// $('.pageMask').addClass('hide'); // $('.pageMask').addClass('hide');
$('.pay_content').addClass('hide'); $('.pay_content').addClass('hide');
$('.modal_mes').addClass('hide');
$('.pay_detail').removeClass('hide'); $('.pay_detail').removeClass('hide');
$('#pay_succ_tid').text(res.data.tid)
$('#copy_tid').unbind('click');
var clipboard2 = new Clipboard('#copy_tid', {
text: function () {
return $('#pay_succ_tid').text();
}
});
clipboard2.on('success', function(e) {
alert('复制成功')
})
} }
payresultAction(res)
} }
clearTimeout(payResultTimer); clearTimeout(payResultTimer);
return; return;
@ -352,38 +354,36 @@ $(document).ready(function() {
}); });
} }
payresultAction({data:{tid:'99237482378','wechat_qrcode_url':'iuyeriuweyi'}})
function payresultAction(res) { function payresultAction(res) {
var data = res.data; var data = res.data;
$('#payresultTid').text(data.tid);
if(data.wechat_qrcode_url){ if(data.wechat_qrcode_url){
$('.payresultWrap').removeClass('payresultNoGz'); $('#pay_succ_tid').text(data.tid)
$('.payresultQrcode').attr('src', data.wechat_qrcode_url); // $('#qrcode1').attr('src', data.wechat_qrcode_url);
$('.payresultQrcodeClass').removeClass('hide'); $('#qrcode1').attr('src', "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQFX8DwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyZ0dySDRYMTVmZmsxTHM4ODFEY3YAAgTcO2FnAwQAjScA");
}
$('.payresultMask').removeClass('hide'); }
$('.payresultWrap').removeClass('hide');
$('.payresultBtn1').unbind('click');
$('.payresultBtn2').unbind('click');
$('.payresultBtn1').click(function(){
location.href = "/report2?oid="+data.tid;
});
$('.payresultBtn2').click(function(){ $('.payresultBtn2').click(function(){
location.href = "http://aitest.chachongz.com/report2?oid="+data.tid;
});
$('.payresultBtn1').click(function(){
console.log(isPayDialog,'isPayDialog----');
if(isPayDialog) { if(isPayDialog) {
location.reload(); location.reload();
return; return;
} }
location.href = "/modelessay"; // location.href = "/modelessay";
}); });
$('#copy_tid').unbind('click');
$('#payresultCopyTidBtn').unbind('click'); var clipboard2 = new ClipboardJS('#copy_tid', {
var clipboard2 = new Clipboard('#payresultCopyTidBtn', {
text: function () { text: function () {
return $('#payresultTid').text(); return $('#pay_succ_tid').text();
} }
}); });
clipboard2.on('success', function(e) { clipboard2.on('success', function(e) {
alert('复制成功') alert('复制成功')
}) })
} }
@ -434,6 +434,7 @@ $(document).ready(function() {
changeLiActive(t,'support_pro','.custom-select')// 专业优化 changeLiActive(t,'support_pro','.custom-select')// 专业优化
changeLiActive(t,'support_edu','.formItem_pro')// 学历优化 changeLiActive(t,'support_edu','.formItem_pro')// 学历优化
}); });
function changeLiActive(t,attr_type,ele){ function changeLiActive(t,attr_type,ele){
var support_titleMore = getTableFormulaTypes(attr_type); var support_titleMore = getTableFormulaTypes(attr_type);
if (support_titleMore) { if (support_titleMore) {

15
style/js/lottie.min.js
View File

File diff suppressed because one or more lines are too long

1
style/js/qrcode.min.js
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save