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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 309
      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

309
home.html
View File

@ -1,18 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="{$sitekeywords}" />
<meta name="description" content="{$sitedesc}" />
<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>
{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">
<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="qrcode.js"></script> -->
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
</head>
<body>
<div class="big_container">
<header>
@ -22,19 +27,24 @@
</div>
<div class="right">
<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>
</header>
<div class="bb">
<div class="aa">
<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 class="left_back"></div>
<div class="right_back"></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_content">
<div class="backColor2 main_title_back">
@ -142,14 +152,10 @@
</li>
</ul>
<form action="" class="my_form">
<div class="formOne">
<div class="formOne opt-block">
<input id="htmlconfig" type="hidden" content_min_limit="0"
support_table_formula_types="61,84,93,94"
support_titleMore="85,81,94"
support_edu="63,96,82,94"
support_pro="94,63"
support_pro="94,63"
>
support_table_formula_types="61,84,93,94" support_titleMore="85,81,94"
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 type="hidden" id="cur_title" value="">
<input type="hidden" id="cur_title_type" value="0">
@ -180,8 +186,8 @@
</div>
<div class="normal_recommend_title">
<img src="./style/img/title_icon.svg" alt="">
<span>标题推荐</span>
<div class="aititlePos opt-area">
<span onclick="showAdviseTitle()">标题推荐</span>
<div class="aititlePos opt-area" id="not-title" >
<div class="posBack">
<div class="posHead flex">
<img src="./style/img/posStart.svg" alt="">
@ -203,23 +209,41 @@
<div class="startBtn" onclick="startGetTitle('aititlePos')">开始优化</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="step-icon" id="loading-step1"></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-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-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-text">完成</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 class="formItem formItem_pro">
@ -228,18 +252,21 @@
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="educationRight">
<div class="education" onclick="getEducation('edu','1','.education','edu_active_select')">
<input value="1" type="radio" name="edu" id="edu1" >
<div class="education">
<input value="1" type="radio" name="edu" id="edu1"
onclick="getEducation('edu','1','.education','edu_active_select')">
<div></div>
<label for="edu1">大专</label>
</div>
<div class="education edu_active_select" onclick="getEducation('edu','2','.education','edu_active_select')">
<input value="2" type="radio" name="edu" id="edu2" >
<div class="education edu_active_select">
<input value="2" type="radio" name="edu" id="edu2"
onclick="getEducation('edu','2','.education','edu_active_select')">
<div></div>
<label for="edu2">本科</label>
</div>
<div class="education" onclick="getEducation('edu','3','.education','edu_active_select')">
<input value="3" type="radio" name="edu" id="edu3" >
<div class="education">
<input value="3" type="radio" name="edu" id="edu3"
onclick="getEducation('edu','3','.education','edu_active_select')">
<div></div>
<label for="edu3">硕博</label>
</div>
@ -251,16 +278,18 @@
<input type="text" name="title" class="key_words_input" maxlength="50" minlength="2">
</div>
</div>
<div class="formItem side_info">
<div class="formItem side_info hide">
<div class="formLeft">辅助信息</div>
<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 class="formItem coreContent hide">
<div class="formLeft">核心内容</div>
<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 class="formItem form_essayWords">
@ -269,21 +298,54 @@
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="textLength">
<div class="essayWords" onclick="getEducation('wordnums','8000','.essayWords','essayWords_active')">
<input value="8000" type="radio" name="wordnums" id="wordnums8000">
<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 essayWords_active" onclick="getEducation('edu','10000','.essayWords','essayWords_active')">
<input value="10000" type="radio" name="wordnums" id="wordnums10000">
<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" onclick="getEducation('edu','20000','.essayWords','essayWords_active')">
<input value="20000" type="radio" name="wordnums" id="wordnums20000">
<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>
</div>
<div class="formItem">
@ -291,22 +353,30 @@
<div class="formRight " id="paper-table_and_formulas-wrapper">
<div class="educationRight">
<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>
<label for="table_and_formulas1">图片</label>
</div>
<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>
<label for="table_and_formulas2">表格</label>
</div>
<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>
<label for="table_and_formulas3">公式</label>
</div>
<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>
<label for="table_and_formulas4">代码</label>
</div>
@ -322,7 +392,8 @@
</div>
<div id="upgrade-modal" class="upgrade-modal">
<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>
</div>
@ -339,7 +410,7 @@
checkAiTitle();
//默认选中
$('#edu2').prop('checked', true);
$('#wordnums10000').prop('checked', true);
// $('#wordnums10000').prop('checked', true);
$('#table_and_formulas3').prop('checked', true);
$('#table_and_formulas4').prop('checked', true);
$('.coreContent').hide()
@ -351,6 +422,16 @@
function hideUpgradeMoadl() {
$('#upgrade-modal').hide()
}
function showTitleChange() {
$('#title-change').addClass('fade')
setTimeout(function (){
$('#title-change').removeClass('fade')
},5000)
}
function hideTitleChange() {
$('#title-change').removeClass('fade')
}
function geiAiUpgradeInfo(callback, param) {
$.ajax({
type: "post",
@ -371,7 +452,6 @@
function toggleSelect() {
var select = document.getElementById('project_select');
select.size = select.size ? 0 : 3; // 切换展开/收起状态
console.log(select,'select====');
}
function hideDom(dom) {
if ($(dom).hasClass('disBlock')) $(dom).removeClass('disBlock')
@ -382,8 +462,7 @@
$(dom).addClass('disBlock')
}
function startGetTitle() {
console.log('--------888');
hideDom('.aititlePos')
// hideDom('.aititlePos')
adviseTitle(true)
}
$('.inputChange').on('blur', function () {
@ -407,6 +486,7 @@
return false;
}
let cur_title = $('#cur_title').val();
console.log(cur_title,'cur_title-----');
if (cur_title != title || refresh) {
//初始化推荐标题
$('#advise-ul').html('')
@ -422,7 +502,9 @@
step.classList.remove('step-icon-done');
});
showDom('#loading');
showOptArea('loading');
console.log($('#loading'),'loading怎言了');
// showDom('#loading');
//第一步 默认完成
let obj = document.getElementById('loading-step1');
@ -435,7 +517,7 @@
//第三步 等待第二步动画加载完成 开启加载动画
let ani3 = stepLoading(3, 'analysis')
debugger
if ($('#advise-ul').html()) {
//如果推荐已存在 销毁加载动画 开启完成动画
ani3.destroy();
@ -452,36 +534,66 @@
showAdviseList()
});
} else {
getAdviseTitle()
}
});
}
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(){
// 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.add('step-icon-active');
if (status == 'analysis') {
return lottie.loadAnimation({
container: obj, //dom元素的容器
loop: 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 {
return lottie.loadAnimation({
container: obj, //dom元素的容器
loop: false, //循环播放
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() {
let title = $('.inputChange').val();
let title_type = $('#project_select').val()
console.log($('#project_select'),title_type);
let title_type = $('#cur_title_type').val()
$.ajax({
type: "post",
url: 'http://aitest.chachongz.com/ajax_advise_ai_title',
@ -493,7 +605,6 @@
$('#cur_request').val(0)
var res = JSON.parse(jsondata);
console.log(res,'=====');
if (!res.status) {
alert(res.info);
return false;
@ -509,7 +620,6 @@
html += '<div onclick="confirmTitle(this)" class="advise-li">' + item + '</div>';
});
$('#advise-ul').html(html);
let ani3 = stepLoading(3, 'done')
ani3.addEventListener('complete', function () {
stepDone(3, ani3)
@ -526,6 +636,10 @@
}
});
}
function confirmTitle(obj){
$('.inputChange').val(obj.innerHTML);
hideOptArea();
}
function checkAiTitle() {
let title = $('.inputChange').val();
$.ajax({
@ -544,10 +658,11 @@
$('#cur_title_type').val(res.data);
if (res.status && res.data != 1) {
console.log('----',$('#loading').hasClass('disNone'));
if($('#loading').hasClass('disNone')){
// console.log('----', $('#loading').hasClass('disNone'));
if ($('#loading').css('display') == 'none') {
// if ($('#loading').hasClass('disNone')) {
// showDom('.aititlePos')
showOptArea('aititlePos');
showOptArea('not-title');
}
}
@ -562,7 +677,8 @@
});
function showOptArea(area) {
$('.opt-area').css('display', 'none');
$('.'+area).css('display','block');
$('#' + area).css('display', 'block');
console.log(area,'advise-area---');
}
function hideOptArea() {
$('.opt-area').css('display', 'none');
@ -582,7 +698,7 @@
var selectedValues = $('input[type="radio"][name="wordnums"]:checked').val();
console.log(selectedValues, 'selectedValues');
}
function getEducation(radioName, value,eleClass,addClass){
function getEducation(radioName, value, eleClass, addClass = 'essayWords_active') {
document.querySelectorAll(eleClass).forEach(function (elem) {
elem.addEventListener('click', function () {
document.querySelectorAll(eleClass).forEach(function (el) {
@ -646,6 +762,9 @@
function showCreateCatalogue() {
geiAiUpgradeInfo(createCatalogue)
}
function showAdviseTitle(){
geiAiUpgradeInfo(adviseTitle)
}
function createCatalogue() {
if (!$('.agree-item').hasClass('active')) {
alert("请阅读并勾选同意《服务条款》");
@ -670,23 +789,25 @@
var r = checkTitle(title);
if (!r) return;
var core_content = $('.textAreaForWordCount').val();
var r = checkContent(core_content);
if(!r) return;
// var core_content = $('.textAreaForWordCount').val();//辅助信息
// var r = checkContent(core_content);
// 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) {
alert("请选择您的学历");
return;
}
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)) {
alert("请选择您的字数");
return;
}
}
var major = parseInt($('#paper-major-wrapper').find('option:selected').val());
var major = parseInt($('#project_select').find('option:selected').val());
var selectedValue = $("#project_select").find("option:selected").val();
console.log(selectedValue,'selectedValue',major);
if (major <= 0 || !major) {
alert("请选择您的专业");
return;
@ -701,7 +822,9 @@
}
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');
if (!$('.coreContent').hasClass('hide')) {
var core_content = $('.textAreaForWordCount').val();
@ -715,10 +838,19 @@
if (!$('.form_essayWords').hasClass('hide')) url += '&aiessay_wordnum=' + wordnums;
if (major) url += '&major=' + major;
if (edu) url += '&edu=' + edu;
// loginComAction(url);
location.href =url
}
});
}
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({
type: "post",
@ -763,18 +895,18 @@
</footer>
</div>
</div>
<div class="pageMask "></div>
<div class="pageMask hide"></div>
<div class="payTypeList hide" cur="2"></div>
<div class="payModal">
<div class="payModal hide">
<div class="pay_header">
<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 class="pay_content " mes="网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服">
<div id="qrcode"></div>
<script>
new QRCode(document.getElementById("qrcode"), {
text: "weixin://wxpay/bizpayurl?pr=Jr7TFNAz3",
text: "weixin://wxpay/bizpayurl?pr=ShA8gdVz3",
width: 135,
height: 135,
colorDark: "#000000",
@ -817,42 +949,37 @@
</p>
<p>
订单号：<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>
</div>
</div>
<div class="pay_opera_btn">
<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");
// $('#qrcode1').attr('src', "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQFX8DwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyZ0dySDRYMTVmZmsxTHM4ODFEY3YAAgTcO2FnAwQAjScA");
</script>
</div>
<div class="modal_mes">
<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 class="payresultMask hide"></div>
<div class="payresultWrap payresultNoGz hide">
<div class="payresultWrapHeader">
<img src="/images/ai/success.png" alt="" style="width: 30px;height: 30px;">
<h1>此页面信息<span>至关重要</span>，您可截图保存避免丢失</h1>
<div class="kefu point">
<div class="kefuCom flex">
<img class="linkIcon" src="./style/img/wx_kefu.svg" alt="">
<span class="ft14 linkkf">联系客服</span>
<div class="kefuQrcode">
<img src="./style/img/kefuQrcode.png" alt="">
<span class="ft12">微信扫码添加客服</span>
<span class="ft12">上班时间：9:00-16:00</span>
</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>
</body>
</html>

306
style/css/index.css
View File

@ -1,12 +1,16 @@
body,p,div{
margin: 0;
font-size: 14px;
font-family: MicrosoftYaHeiUI;
}
@media screen and (min-width:1200px) and (max-width:1440px){
.right_back{
/* right: calc((100% - 1680px) / 2); */
}
}
.point{
cursor: pointer;
}
.flex{
display: flex;
}
@ -32,6 +36,62 @@ body,p,div{
transition: all .3s;
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{
width: 100%;
height: 100%;
@ -44,14 +104,13 @@ body,p,div{
.payModal{
position: fixed;
width: 740px;
height: 300px;
background-color: #fff;
left: 50%;
top: 20%;
z-index: 999;
transform: translateX(-50%);
border-radius: 16px;
padding: 28px 36px;
padding: 28px 36px 36px;
/* display: flex; */
}
.pay_header{
@ -60,12 +119,11 @@ body,p,div{
font-size: 16px;
font-weight: bold;
}
.pay_header img{
.pay_header .close_modal{
position: absolute;
right: 0px;
height: 20px;
top: 0;
cursor: pointer;
}
.payModal .pay_content{
display: flex;
@ -131,35 +189,74 @@ body,p,div{
letter-spacing: 0px;
font-variation-settings: "opsz" auto;
color: #3D3D3D;
display: flex;
align-items: center;
width: 296px;
justify-content: space-between;
}
.pay_succ_content {
display: flex;
width: 394px;
height: 100px;
padding: 28px 0;
padding: 19px 0;
}
.pay_succ_content #qrcode1{
width: 100px;
height: 100px;
margin-right: 36px;
}
.pay_succ_right{
display: flex;
flex-direction: column;
align-items: center;
padding: 21px 0;
}
.pay_succ_right p{
font-family: Microsoft YaHei UI;
font-size: 14px;
font-weight: normal;
line-height: 18px;
line-height: 32px;
letter-spacing: 0px;
font-variation-settings: "opsz" auto;
color: #3D3D3D;
display: flex;
align-items: center;
}
#pay_succ_tid{
color: #EE7000;
margin-right: 13px;
}
#qrcode{
width: 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{
font-size: 12px;
}
@ -341,7 +438,7 @@ header .right .activebtn{
.left_back{
width: 300px;
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%); */
position: absolute;
top: 0;
@ -355,7 +452,7 @@ header .right .activebtn{
top: 0;
z-index: 24;
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%); */
}
.bottom_back{
@ -387,7 +484,7 @@ header .right .activebtn{
bottom: 0;
overflow: hidden;
background-color: rgb(250, 250, 250);
/* background-image: var(--pc-background-image);
/* background: var(--pc-background);
background-color: var(--background-color); */
background-size: 1920px auto;
background-position: center top;
@ -444,7 +541,7 @@ header .right .activebtn{
align-items: center;
/* min-width: 1004px;
max-width: 1378px; */
/* background-image: url(); */
/* background: url(); */
}
.main_title_back{
background-color: transparent !important;
@ -586,6 +683,7 @@ header .right .activebtn{
justify-content: flex-start;
margin: 0 auto;
margin-bottom: 48px;
font-family: MicrosoftYaHeiUI;
}
.main_select li{
margin-right: 15px;
@ -722,9 +820,11 @@ li .select_icon, .pay_every .pay_icon{
padding-left: 12px;
color: #1F2225;
height: 32px;
font-family: MicrosoftYaHeiUI;
}
.oneRight input::placeholder, .key_words input::placeholder{
color:#8C919D;
font-family: MicrosoftYaHeiUI;
}
.oneRight input:focus-visible ,.key_words input:focus-visible{
outline: none;
@ -747,8 +847,129 @@ li .select_icon, .pay_every .pay_icon{
border: 1px solid #E8E8E8;
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{
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{
/* 自动布局子元素 */
@ -792,6 +1013,7 @@ li .select_icon, .pay_every .pay_icon{
font-size: 12px;
max-width: 710px;
color: #8B919A;
justify-content: center;
}
.posStep img{
width: 6px;
@ -802,7 +1024,7 @@ li .select_icon, .pay_every .pay_icon{
flex: 1;
margin: 0 8px;
min-width: 16px;
/* max-width: ; */
max-width: 100px;
}
.posFooter{
display: flex;
@ -821,46 +1043,7 @@ li .select_icon, .pay_every .pay_icon{
color: #5B6FF6;
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{
width: 82px;
margin-left: 12px;
@ -873,6 +1056,7 @@ li .select_icon, .pay_every .pay_icon{
padding: 8px 12px;
cursor: pointer;
transition: all .5s;
color: #8C919D;
}
.recommend_title{
background: #FFF5ED;
@ -891,6 +1075,7 @@ li .select_icon, .pay_every .pay_icon{
margin-bottom: 24px;
color: #1F2225;
line-height: 34px;
font-family: MicrosoftYaHeiUI;
}
.formItem .formLeft{
width: 70px;
@ -906,7 +1091,7 @@ li .select_icon, .pay_every .pay_icon{
.formItem .formRight{
flex: 1;
margin-left: 12px;
flex-wrap: wrap;
}
.educationRight{
display: flex;
@ -933,6 +1118,8 @@ li .select_icon, .pay_every .pay_icon{
opacity: 0;
position: absolute;
left: 0;
width: 100%;
cursor: pointer;
}
.tableChart input{
opacity: 0;
@ -944,7 +1131,7 @@ li .select_icon, .pay_every .pay_icon{
.education div, .essayWords div, .tableChart div{
width: 18px;
height: 18px;
margin-right: 3px;
margin-right: 8px;
cursor: pointer;
}
.education div,.essayWords div{
@ -969,8 +1156,20 @@ li .select_icon, .pay_every .pay_icon{
text-align: center;
border-radius: 8px;
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%);
}
.btn_result:active{
transition: all .3s;
opacity: 1;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
border: 7px solid #DDE1FC;
}
.checkbox_wrap {
margin-top: 12px;
font-size: 12px;
@ -1078,6 +1277,7 @@ li .select_icon, .pay_every .pay_icon{
border-radius: 6px;
background: #FFFFFF;
border: 1px solid #E8E8E8;
font-family: MicrosoftYaHeiUI;
}
#side_textarea::placeholder{
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)
})
$('.close_modal').click(function(e){
$('.close_modal').on('click',function(e){
$('.pageMask').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()
})
function getPayType() {
@ -203,7 +214,7 @@ $(document).ready(function() {
//检验信息
getPayQrcode(postData)
}
$('#formInputSumbtn').click(function(e){
$('#formInputSumbtn').on('click',function(e){
payAction()
})
function getPayQrcode(postData){
@ -325,19 +336,10 @@ $(document).ready(function() {
if(isPayDialog){
// $('.pageMask').addClass('hide');
$('.pay_content').addClass('hide');
$('.modal_mes').addClass('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);
return;
@ -352,38 +354,36 @@ $(document).ready(function() {
});
}
payresultAction({data:{tid:'99237482378','wechat_qrcode_url':'iuyeriuweyi'}})
function payresultAction(res) {
var data = res.data;
$('#payresultTid').text(data.tid);
if(data.wechat_qrcode_url){
$('.payresultWrap').removeClass('payresultNoGz');
$('.payresultQrcode').attr('src', data.wechat_qrcode_url);
$('.payresultQrcodeClass').removeClass('hide');
}
$('.payresultMask').removeClass('hide');
$('.payresultWrap').removeClass('hide');
$('.payresultBtn1').unbind('click');
$('.payresultBtn2').unbind('click');
$('.payresultBtn1').click(function(){
location.href = "/report2?oid="+data.tid;
});
$('#pay_succ_tid').text(data.tid)
// $('#qrcode1').attr('src', data.wechat_qrcode_url);
$('#qrcode1').attr('src', "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQFX8DwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyZ0dySDRYMTVmZmsxTHM4ODFEY3YAAgTcO2FnAwQAjScA");
}
$('.payresultBtn2').click(function(){
location.href = "http://aitest.chachongz.com/report2?oid="+data.tid;
});
$('.payresultBtn1').click(function(){
console.log(isPayDialog,'isPayDialog----');
if(isPayDialog) {
location.reload();
return;
}
location.href = "/modelessay";
// location.href = "/modelessay";
});
$('#payresultCopyTidBtn').unbind('click');
var clipboard2 = new Clipboard('#payresultCopyTidBtn', {
$('#copy_tid').unbind('click');
var clipboard2 = new ClipboardJS('#copy_tid', {
text: function () {
return $('#payresultTid').text();
return $('#pay_succ_tid').text();
}
});
clipboard2.on('success', function(e) {
alert('复制成功')
})
}
@ -434,6 +434,7 @@ $(document).ready(function() {
changeLiActive(t,'support_pro','.custom-select')// 专业优化
changeLiActive(t,'support_edu','.formItem_pro')// 学历优化
});
function changeLiActive(t,attr_type,ele){
var support_titleMore = getTableFormulaTypes(attr_type);
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