Browse Source

补充支付弹框样式

pull/3/head
zq 6 months ago
parent
commit
bf14721704
  1. 345
      home.html
  2. 198
      style/css/index.css
  3. BIN
      style/img/rsetgy.png
  4. 1
      style/img/step_active3.svg
  5. BIN
      style/img/step_success.png
  6. 1
      style/img/step_success.svg
  7. BIN
      style/img/sthrseth.png
  8. 162
      style/js/index.js

345
home.html

@ -9,19 +9,19 @@
<title>{if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if}</title>
{if $site_ico}
<link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if}
<link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=1991">
<script src="{$priv_style}/js/jquery-3.6.0.min.js"></script>
<script src="{$priv_style}/js/clipboard.min.js"></script>
<script src="{$priv_style}/js/qrcode.min.js"></script>
<script src="{$priv_style}/js/lottie.min.js"></script>
<script src="{$priv_style}/js/index.js?v=19986"></script>
<link rel="stylesheet" type="text/css" href="./style/css/index.css?v=1991">
<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?v=19986"></script>
</head>
<body>
<div class="big_container">
<header>
<div class="left">
<img src="{$priv_style}/img/title_logo.svg" alt="">
<img src="./style/img/title_logo.svg" alt="">
AI 写作大师
</div>
<div class="right">
@ -52,7 +52,7 @@
<div class="backColor2 main_title_back">
<div class="main_title">
<div class="title1">
<img src="{$priv_style}/img/AIteacher.png" alt="">
<img src="./style/img/AIteacher.png" alt="">
</div>
<div class="title2">
<span>一键生成万字论文</span>
@ -70,19 +70,20 @@
<div class=" step_back">
<div class="step_main">
<dl class="normal_step active_step">
<!-- success_step -->
<dl class="normal_step normal_step1 active_step " stepNum="1">
<dt>
<img src="{$priv_style}/img/step_1.svg" alt="">
<!-- <img src="./style/img/step_1.svg" alt=""> -->
</dt>
<dd>
<span class="nor_step_title active_step_title">输入论文题目</span>
<span class="nor_step_title ">输入论文题目</span>
<span>生成千字大纲</span>
</dd>
</dl>
<div class="step_line"></div>
<dl class="normal_step step_two">
<dl class="normal_step normal_step2 step_two" stepNum="2">
<dt>
<img src="{$priv_style}/img/step_2.svg" alt="">
<!-- <img src="./style/img/step_2.svg" alt=""> -->
</dt>
<dd>
<span class="nor_step_title">编辑大纲</span>
@ -90,10 +91,10 @@
</dd>
</dl>
<div class="step_line step_two"></div>
<dl class="normal_step">
<dl class="normal_step normal_step3" stepNum="3">
<dt>
<img src="{$priv_style}/img/step_3.svg" step="3" alt="">
<img src="{$priv_style}/img/step_2.svg" style="display: none;" step="2" alt="">
<!-- <img src="./style/img/step_3.svg" step="3" alt=""> -->
<!-- <img src="./style/img/step_2.svg" style="display: none;" step="2" alt=""> -->
</dt>
<dd>
<span class="nor_step_title">下载论文</span>
@ -105,54 +106,54 @@
<div class="backColor2">
<ul class="main_select">
<li class="active_select" type="94" check_flag='aiessayzx'>
<img src="{$priv_style}/img/ch_templete.svg" alt="" class="li_icon">
<img src="./style/img/ch_templete.svg" alt="" class="li_icon">
<span>毕业论文</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon active_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon active_icon">
</li>
<li type="81" check_flag="aiessaystd">
<img src="{$priv_style}/img/calsstext.svg" alt="" class="li_icon">
<img src="./style/img/calsstext.svg" alt="" class="li_icon">
<span>课程论文</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<!-- <li class="no-click">
<img src="{$priv_style}/img/chaungyeplan.svg" alt="" class="li_icon">
<img src="./style/img/chaungyeplan.svg" alt="" class="li_icon">
<span>专升本计划书</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li> -->
<li type="85" check_flag='aiessayqk'>
<img src="{$priv_style}/img/zhichenglunwen.png" alt="" class="li_icon">
<img src="./style/img/zhichenglunwen.png" alt="" class="li_icon">
<span>职称论文</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li type="62" check_flag="aiktbg">
<img src="{$priv_style}/img/zhichenglunwen.png" alt="" class="li_icon">
<img src="./style/img/zhichenglunwen.png" alt="" class="li_icon">
<span>开题报告</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li type="64" check_flag="aixt">
<img src="{$priv_style}/img/lunwenTitle.png" alt="" class="li_icon">
<img src="./style/img/lunwenTitle.png" alt="" class="li_icon">
<span>论文选题</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li type="91" check_flag="aiwxzs">
<img src="{$priv_style}/img/zongshunew.svg" alt="" class="li_icon">
<img src="./style/img/zongshunew.svg" alt="" class="li_icon">
<span>文献综述</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li type="96" check_flag="aippt">
<img src="{$priv_style}/img/ppt_more.svg" alt="" class="li_icon">
<img src="./style/img/ppt_more.svg" alt="" class="li_icon">
<span>答辩PPT</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li type="63" check_flag="airws">
<img src="{$priv_style}/img/renwushu.png" alt="" class="li_icon">
<img src="./style/img/renwushu.png" alt="" class="li_icon">
<span>任务书</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li type="82" check_flag="aiessayen">
<img src="{$priv_style}/img/eng_templete.svg" alt="" class="li_icon">
<img src="./style/img/eng_templete.svg" alt="" class="li_icon">
<span>英文论文</span>
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
</ul>
<!-- <div class="pptTplListBoxItemPreview" tlpid="5" imgattr="//css.kuailelunwen.com/ppt_tpl/5/preview.png" tplname="蓝色梦境通用模版">预览</div> -->
@ -182,28 +183,27 @@
<div class="custom-icon"></div>
</div>
<div class="oneRight opt-advise">
<img src="{$priv_style}/img/input_icon.svg" alt="">
<img src="./style/img/input_icon.svg" alt="">
<input type="text" class="inputChange " placeholder="输入完整的论文标题,获得更好的生成效果">
<div class="total_length">
<span class="inputText" max="100" min="1">0/100</span>
</div>
<div class="normal_recommend_title">
<img src="{$priv_style}/img/title_icon.svg" alt="">
<span onclick="showAdviseTitle()">标题推荐</span>
<div class="aititlePos opt-area" id="not-title" >
<div class="posBack">
<div class="posHead flex">
<img src="{$priv_style}/img/posStart.svg" alt="">
<img src="./style/img/posStart.svg" alt="">
<p>您输入的标题更像是论文要求呢,让AI帮您优化标题吧!</p>
</div>
<div class="posStep flex">
<img src="{$priv_style}/img/posCircle.svg" alt="">
<img src="./style/img/posCircle.svg" alt="">
<span>标题不合格,接受AI推荐</span>
<img src="{$priv_style}/img/line11111.svg" alt="" class="posLine">
<img src="{$priv_style}/img/posCircle.svg" alt="">
<img src="./style/img/line11111.svg" alt="" class="posLine">
<img src="./style/img/posCircle.svg" alt="">
<span>AI深度分析,根据内容推荐标题</span>
<img src="{$priv_style}/img/line11111.svg" alt="" class="posLine">
<img src="{$priv_style}/img/posCircle.svg" alt="">
<img src="./style/img/line11111.svg" alt="" class="posLine">
<img src="./style/img/posCircle.svg" alt="">
<span>选择推荐标题</span>
</div>
</div>
@ -216,17 +216,17 @@
<div class="loading-area">
<div class="step-icon" id="loading-step1"></div>
<div class="step-text">预处理信息</div>
<img class="step-line" src="{$priv_style}/img/step_line.svg" alt="">
<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>
<img class="step-line" src="{$priv_style}/img/step_line.svg" alt="">
<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> -->
<img class="step-line" src="{$priv_style}/img/step_line.svg" alt="">
<img class="step-line" src="./style/img/step_line.svg" alt="">
<div class="step-icon" id="loading-step4"></div>
<div class="step-text">完成</div>
@ -238,11 +238,11 @@
<div class="change-yes" onclick="hideTitleChange();adviseTitle(true)"></div>
<div class="change-no" onclick="hideTitleChange();"></div>
</div>
<div class="advise-header"><img src="{$priv_style}/img/AI_title_icon.svg" alt="">智能优化标题</div>
<div class="advise-header"><img src="./style/img/AI_title_icon.svg" alt="">智能优化标题</div>
<div id="advise-ul"></div>
<div class="advise-refresh">
<span style="width: 120px;" onclick="adviseTitle(true)">
<img src="{$priv_style}/img/changeMore_tit.svg" alt="">换一批
<img src="./style/img/changeMore_tit.svg" alt="">换一批
</span>
</div>
</div>
@ -252,7 +252,7 @@
<div class="formItem formItem_pro">
<div class="formLeft">
选择学历
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="educationRight">
<div class="education">
@ -311,7 +311,7 @@
<div class="formItem form_essayWords">
<div class="formLeft">
论文字数
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="textLength">
<div class="essayWords">
@ -406,16 +406,16 @@
<input id="upload_file_tmpname" type="hidden" value="">
<div class="ppt_label flex">
上传论文
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="ppt_upload flex">
<input type="file" id="fileUpload" class="point hide" name="file">
<div class="uploadShow center point ">
<img src="{$priv_style}/img/addUpload.svg" alt="">
<img src="./style/img/addUpload.svg" alt="">
<p class="ft14">支持单篇上传,txt doc docx文档,上限80M</p>
</div>
<div class="uploadMesShow flex hide">
<img src="{$priv_style}/img/uploadFileIcon.svg" alt="">
<img src="./style/img/uploadFileIcon.svg" alt="">
<div class="fileInfobox">
<div class="fileInfo flex">
<span class="fileName">文件名称。doc</span>
@ -430,11 +430,11 @@
<div class="form_pptItem " style="display: none;">
<div class="flex ppt_labelTwo">
<div >选择标签
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="lookAll point">
查看全部
<img src="{$priv_style}/img/lookAllPPT.svg" alt="">
<img src="./style/img/lookAllPPT.svg" alt="">
</div>
</div>
<div class="ppt_temList">
@ -454,14 +454,24 @@
</div>
</div>
<!-- <p>
<img src="{$priv_style}/img/checked_icon.svg" alt="">
<img src="./style/img/checked_icon.svg" alt="">
我已阅读并同意:生成的论文范文仅用于参考,不作为毕业论文使用
</p> -->
</div>
<div class="backColorAdd ">
<h4 style="width: 100%;">您将获得</h4>
<div class="addServiceds_show">
<div class="serviceds_top">
</div>
<div class="serviceds_bottom flex">
</div>
</div>
</div>
{literal}
<script>
var service_domain = location.origin+'/'
// var service_domain = 'https://aitest.chachongz.com/'
// var service_domain = location.origin+'/'
var service_domain = 'https://aitest.chachongz.com/'
$(document).ready(function () {
// 等待页面加载完毕
$(window).on('load', function () {
@ -628,7 +638,7 @@
container: obj, //dom元素的容器
loop: true, //循环播放
autoplay: true, //自动播放
// path: "{$priv_style}/img/loding.json", // AE 导出JSON文件
// path: "./style/img/loding.json", // AE 导出JSON文件
path: "http://css.chachongz.com/images/ai2/modelessay/loading_analysis.json", // AE 导出JSON文件
});
} else {
@ -637,7 +647,7 @@
loop: false, //循环播放
autoplay: true, //自动播放
path: "http://css.chachongz.com/images/ai2/modelessay/loading_done.json", // AE 导出JSON文件
// path: "{$priv_style}/img/loading_done.json", // AE 导出JSON文件
// path: "./style/img/loading_done.json", // AE 导出JSON文件
});
}
}
@ -812,6 +822,10 @@
return true;
}
function showCreateCatalogue() {
// $('.normal_step').removeClass('active_step')
// $('.normal_step').eq(0).addClass('success_step')
// $('.normal_step').eq(1).addClass('active_step')
// return
geiAiUpgradeInfo(createCatalogue)
}
function showAdviseTitle(){
@ -895,6 +909,8 @@
}
if (major) url += '&major=' + major;
if (edu) url += '&edu=' + edu;
$('.normal_step').removeClass('active_step')
$('.normal_step').eq(1).addClass('active_step')
window.open(url);
}
});
@ -931,7 +947,7 @@
<div class="footerbox backColor2">
<div class="main_footer">
<div class="left_top">
<img src="{$priv_style}/img/title_logo.svg" alt="">
<img src="./style/img/title_logo.svg" alt="">
AI 写作大师
</div>
<div class="left">
@ -955,19 +971,19 @@
</div>
<div class="look_PPT_modal hide">
<div class="lookPPT flex">
<img src="{$priv_style}/img/ppt_2.png" class="look_backImg" alt="">
<img src="{$priv_style}/img/exitLook.svg" class="exitLook point" alt="">
<img src="./style/img/ppt_2.png" class="look_backImg" alt="">
<img src="./style/img/exitLook.svg" class="exitLook point" alt="">
<!-- <div class="lookModal pageMask"></div> -->
<div class="look_content">
<div class="look_left">
<div class="look_left_top">
<img src="{$priv_style}/img/ppt_2.png" alt="" class="topimg">
<img src="./style/img/ppt_2.png" alt="" class="topimg">
<div class="gallery-box flex">
<img id="prev" class="point" src="{$priv_style}/img/prevPPT.svg" alt="">
<img id="prev" class="point" src="./style/img/prevPPT.svg" alt="">
<div id="gallery-container">
<div class="gallery"></div>
</div>
<img id="next" class="point" src="{$priv_style}/img/nextPPT.svg" alt="">
<img id="next" class="point" src="./style/img/nextPPT.svg" alt="">
</div>
</div>
{literal}
@ -1020,27 +1036,25 @@
<div class="payTypeList hide" cur="2"></div>
<div class="payModal hide">
<div class="pay_header">
<h>订单详情</h>
<img src="{$priv_style}/img/modal_close.svg" class="close_modal point" alt="">
<h4>订单详情</h4>
<img src="./style/img/modal_close.svg" class="close_modal point" alt="">
</div>
<div class="pay_message">
<!-- <span>写作题目:</span><p>君子食无求饱,居无sdfdsfdsfds求安…</p>
<span>写作题目:</span><p>毕业论文</p>
<span>订单金额:</span><p style="color: #E65628;" class="pay_money">255.40元</p> -->
</div>
<div class="pay_content " include-html="pay.html" mes="网站已通过备案请放心使用,如支付宝提示风险属于系统正常提示,按提示继续操作就可以,有任何疑问都可联系右侧在线客服">
<div class="payModal_main"></div>
<!-- <div class="pay_content " include-html="pay.html" mes="网站已通过备案请放心使用,如支付宝提示风险属于系统正常提示,按提示继续操作就可以,有任何疑问都可联系右侧在线客服">
<div id="qrcode"></div>
<div class="pay_type">
<div class="pay_left">
<div class="pay_every pay_active" pay_type="2">
<img src="{$priv_style}/img/pay_wx.svg" alt="">
<img src="./style/img/pay_wx.svg" alt="">
<span>微信支付</span>
<img class="pay_icon" src="{$priv_style}/img/pay_icon.svg" alt="">
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
<div class="pay_every" pay_type="3">
<img src="{$priv_style}/img/pay_zfb.svg" alt="">
<img src="./style/img/pay_zfb.svg" alt="">
<span>支付宝支付</span>
<img class="pay_icon" src="{$priv_style}/img/pay_icon.svg" alt="">
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
</div>
<div class="pay_right">
@ -1053,19 +1067,19 @@
<div class="pay_detail hide" mes="此页面信息至关重要,您可截图保存避免丢失">
<div class="pay_succ_header">
<img src="{$priv_style}/img/pay_succ.svg" alt="">
<img src="./style/img/pay_succ.svg" alt="">
支付成功!订单号是下载范文唯一凭证
</div>
<div class="pay_succ_content">
<img id="qrcode1" src="" alt="">
<div class="pay_succ_right">
<p>
<img src="{$priv_style}/img/succ_tip_icon.svg" alt="">
<img src="./style/img/succ_tip_icon.svg" alt="">
微信扫码,随时获知生成状态
</p>
<p>
订单号:<span id="pay_succ_tid">OIY898998787721878233</span>
<img src="{$priv_style}/img/copy_icon.svg" class="point" id="copy_tid" alt="">
<img src="./style/img/copy_icon.svg" class="point" id="copy_tid" alt="">
</p>
</div>
</div>
@ -1075,10 +1089,10 @@
</div>
</div>
<div class="modal_mes">
<img src="{$priv_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>
</div>
</div> -->
</div>
<div id="report_page" class="hide">
@ -1092,7 +1106,7 @@
<span id="searchReport" class="point">查找报告</span>
</div>
<div class="report_list">
<p class="report_ques center"><img src="{$priv_style}/img/question.svg" alt="">找不到订单编号?</p>
<p class="report_ques center"><img src="./style/img/question.svg" alt="">找不到订单编号?</p>
<div class="findtid-wrap hide">
<div class="findtid-wrap-tip">
<div class="findtid-wrap-tip-trigger"></div>
@ -1108,14 +1122,14 @@
<p>淘宝订单</p>
</li>
</ul>
<img src="{$priv_style}/img/wx_pay_mes.png" alt="" style="height:168px">
<img class="hide" src="{$priv_style}/img/zfb_pay_mes.png" alt="" style="height:168px">
<img class="hide" src="{$priv_style}/img/tb_pay_mes.png" alt="" style="height:168px">
<img src="./style/img/wx_pay_mes.png" alt="" style="height:168px">
<img class="hide" src="./style/img/zfb_pay_mes.png" alt="" style="height:168px">
<img class="hide" src="./style/img/tb_pay_mes.png" alt="" style="height:168px">
</div>
</div>
<div class="report_detail">
<div class="empty center" >
<img src="{$priv_style}/img/report_null.svg" alt="">
<img src="./style/img/report_null.svg" alt="">
<p>咦~ 还没有订单号呢?</p>
</div>
<div class="report_main" style="display: none;">
@ -1126,17 +1140,168 @@
</div>
</div>
<div class="report_mes center ft12">
<img src="{$priv_style}/img/mes.svg" alt="">
<img src="./style/img/mes.svg" alt="">
系统保留7天以内的检测报告,超过7天则被删除,确保您的论文不会被泄露和盗窃,检测完成后请尽快下载您的检测报告。
</div>
</div>
</div>
<div class="pay_complete_modal blueColor hide">
<div class="pay_com_left">
<div class="left_logo">AI 写作大师</div>
<div class="left_ai">写作大师对您做出以下承诺<br/>写作安心有保障:<div class="left_ai_img"></div></div>
<div class="left_line"></div>
<div class="left_ai_listMes">
<div class="listMes_item">
<b>超低查重率</b>
<p>知网查重率普遍小于30%,若超过,可联系客服免费降重</p>
</div>
<div class="listMes_item">
<b>真实参考文献</b>
<p>知网查重率普遍小于30%,若超过,可联系客服免费降重</p>
</div>
<div class="listMes_item">
<b>超低查重率</b>
<p>查重报告、论文封面、提纲、摘要、致谢、参考文献,通通赠送,免去自己添加</p>
</div>
</div>
</div>
<div class="pay_com_right">
<div class="right_title">
一顿火锅钱,为您节省1000小时写作时长
<img src="./style/img/modal_close.svg" class="close_modal point" alt="">
</div>
<div class="right_main">
<h4>订单详情</h4>
<div class="pay_completeDetailMes">
<div class="detailMesItem flex">
<span class="lable">写作题目:</span>
<span class="content">君子食sdfsdfsdfsd无求饱,居无求安…</span>
</div>
<div class="detailMesItem flex">
<span class="lable">写作类型:</span>
<span class="content">毕业论文</span>
</div>
<div class="detailMesItem flex">
<span class="lable">正文包含:</span>
<span class="content">表格、代码、图片</span>
</div>
<div class="detailMesItem flex">
<span class="lable">字数:</span>
<span class="content">约20000字</span>
</div>
<div class="detailMesItem flex">
<span class="lable">论文金额:</span>
<span class="content textPrice">255.4元</span>
</div>
</div>
<div class="addServices_box">
<p>您选择了4项增值服务</p>
<div class="services_List flex">
<div class="services_List_item">
<span>开题报告</span>
<span class="curPrice">9.9</span>
<span class="normalPrice hide">12.00元</span>
</div>
<div class="services_List_item">
<span>开题报告</span>
<span class="curPrice">9.9</span>
<span class="normalPrice hide">12.00元</span>
</div>
<div class="services_List_item">
<span>开题报告</span>
<span class="curPrice">9.9</span>
<span class="normalPrice hide">12.00元</span>
</div>
<div class="services_List_item">
<span>开题报告</span>
<span class="curPrice">9.9</span>
<span class="normalPrice hide">12.00元</span>
</div>
</div>
</div>
<div class="pay_complete_main"></div>
<!-- <div id="qrcode"></div>
<script>
new QRCode(document.getElementById("qrcode"), {
text: 'weixin://wxpay/bizpayurl?pr=zOuJ163z3',
width: 135,
height: 135,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script> -->
<!-- <div class="pay_content flex " include-html="pay.html" mes="网站已通过备案请放心使用,如支付宝提示风险属于系统正常提示,按提示继续操作就可以,有任何疑问都可联系右侧在线客服">
<div id="qrcode"></div>
<script>
new QRCode(document.getElementById("qrcode"), {
text: 'weixin://wxpay/bizpayurl?pr=zOuJ163z3',
width: 135,
height: 135,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
<div class="pay_type">
<div class="pay_left">
<div class="pay_every pay_active" pay_type="2">
<img src="./style/img/pay_wx.svg" alt="">
<span>微信支付</span>
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
<div class="pay_every" pay_type="3">
<img src="./style/img/pay_zfb.svg" alt="">
<span>支付宝支付</span>
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
</div>
<div class="pay_right">
<p class="pay_moneyNum">应付总额:¥<span id="totalMoney"></span></p>
<p>扫码支付自动提交,请勿刷新</p>
<p>提交成功用订单号查询结果</p>
</div>
</div>
</div>
<div class="pay_detail hide" mes="此页面信息至关重要,您可截图保存避免丢失">
<div class="pay_succ_header">
<img src="./style/img/pay_succ.svg" alt="">
支付成功!订单号是下载范文唯一凭证
</div>
<div class="pay_succ_content">
<img id="qrcode1" src="" alt="">
<div class="pay_succ_right">
<p>
<img src="./style/img/succ_tip_icon.svg" alt="">
微信扫码,随时获知生成状态
</p>
<p>
订单号:<span id="pay_succ_tid">OIY898998787721878233</span>
<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>
</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>
</div> -->
</div>
</div>
</div>
<div class="kefu point">
<div class="kefuCom flex">
<img class="linkIcon" src="{$priv_style}/img/wx_kefu.svg" alt="">
<img class="linkIcon" src="./style/img/wx_kefu.svg" alt="">
<span class="ft14 linkkf">联系客服</span>
<div class="kefuQrcode">
<img src="{$priv_style}/img/kefuQrcode2.png" alt="">
<img src="./style/img/kefuQrcode2.png" alt="">
<span class="ft12">微信扫码添加客服</span>
<span class="ft12">上班时间:9:00-16:00</span>
</div>

198
style/css/index.css

@ -795,10 +795,39 @@ header .right .activebtn{
justify-content: center;
padding: 12px 164px;
}
.step_main dt>img{
.step_main dt{
width: 28px;
height: 28px;
}
.normal_step2 dt{
}
.success_step dt{
background: url(../img/step_success.svg) !important;
background-size: 28px 28px;
}
.normal_step1 dt{
background: url(../img/step_1.svg);
}
.normal_step2 dt{
background: url(../img/step_2.svg);
}
.normal_step3 dt{
background: url(../img/step_3.svg);
}
.normal_step1.active_step dt{
background: url(../img/step_1.svg);
}
.normal_step2.active_step dt{
background: url(../img/step_active2.svg);
}
.normal_step3.active_step dt{
background: url(../img/step_active3.svg);
}
.normal_step3.step_three dt{
background: url(../img/step_2.svg);
}
.step_line{
flex: 1;
}
@ -812,7 +841,7 @@ header .right .activebtn{
.step_main .nor_step_title +span{
}
.step_main .active_step_title{
.active_step .nor_step_title{
font-size: 16px;
font-weight: bold;
color: #3D3D3D;
@ -885,7 +914,7 @@ li .select_icon, .pay_every .pay_icon{
opacity: 1;
/* display: block; */
}
.backColor2{
.backColor2,.backColorAdd{
display: flex;
justify-content: center;
align-items: center;
@ -899,6 +928,9 @@ li .select_icon, .pay_every .pay_icon{
opacity: 0.9;
background: rgba(255, 255, 255, 0.9);
}
.backColorAdd{
padding: 30px 20px;
}
.my_form{
/* margin: 0 auto; */
width: 100%;
@ -2220,10 +2252,70 @@ footer a{
}
.pay_com_right .right_main{
flex: 1;
padding: 36px 36px 0;
padding: 36px 36px 36px;
background-color: #fff;
border-radius: 0 0 16px 0;
}
.right_main h4{
margin: 0 0 22px;
}
.addServices_box{
font-family: Microsoft YaHei UI;
font-size: 14px;
}
.addServices_box p{
color: #8C919D;
margin-bottom: 20px;
}
.pay_completeDetailMes {
display: grid;
gap: 22px 39px;
grid-template-columns: repeat(auto-fill,minmax(166px,1fr));
margin-bottom: 20px;
/* flex-wrap: wrap; */
}
.detailMesItem span{
display: inline-block;
max-width: 177px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.addServices_box .services_List{
justify-content: space-between;
}
.services_List .services_List_item{
padding: 14px 20px;
border-radius: 6px;
line-height: 20px;
background: linear-gradient(270deg, #FBE5C7 0%, #FDF6CA 100%);
box-sizing: border-box;
border: 1px solid #FFE4DC;
min-width: 173px;
display: flex;
justify-content: space-between;
}
span.curPrice{
color: #E65628;
font-size: 16px;
}
span.curPrice::after{
content: '元';
width: 10px;
color: #E65628;
font-size: 10px;
}
span.normalPrice{
font-size: 10px;
color: #8C919D;
text-decoration: line-through;
zoom: 0.8;
}
.textPrice{
font-size: 16px;
color: #E65628;
}
/* purple start */
.purpleColor{
background: url(../img/purple_back.png) no-repeat;
@ -2263,15 +2355,109 @@ footer a{
}
.blueColor .left_logo{
background: linear-gradient(90deg, #4689FA 8%, #606CF4 75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-family: Alimama ShuHeiTi;
}
.blueColor .left_logo::before{
background: url(../img/blue_logo.svg) no-repeat !important;
}
.blueColor .left_ai_img{
background: url(../img/blue_ai.svg) no-repeat !important;
}
.blueColor .left_line{
background: url(../img/blue_line.svg) no-repeat !important;
}
.blueColor .listMes_item b::before{
background: url(../img/blue_left.svg) no-repeat !important;
}
/* blue end */
/* orange start */
.orangeColor{
background: url(../img/blue_back.png);
background: url(../img/orange_back.png);
}
.orangeColor .left_logo{
background: linear-gradient(270deg, #EB8132 2%, #E95629 100%), linear-gradient(270deg, #FBEBBA 4%, #FEFDF8 63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.orangeColor .left_logo::before{
background: url(../img/orange_logo.svg) no-repeat !important;
}
.orangeColor .left_ai_img{
background: url(../img/orange_ai.svg) no-repeat !important;
}
.orangeColor .left_line{
background: url(../img/orange_line.svg) no-repeat !important;
}
.orangeColor .listMes_item b::before{
background: url(../img/orange_left.svg) no-repeat !important;
}
.orangeColor .listMes_item b{
color: #91542B;
}
.orangeColor .listMes_item p{
color: #91542B;
}
.orangeColor .right_title{
color: #7E5335;
}
.orangeColor .addServices_box p{
border-radius: 10px 0px 10px 0px;
background: linear-gradient(270deg, #EB8132 2%, #E95629 100%);
font-family: Alibaba PuHuiTi 2.0;
font-size: 14px;
padding: 3px 7px;
width: 135px;
font-weight: 600;
line-height: normal;
letter-spacing: 0px;
font-variation-settings: "opsz" auto;
color: #FFFFFF;
}
.orangeColor .services_List .services_List_item{
border-radius: 6px;
opacity: 1;
background: #FEFAF4;
box-sizing: border-box;
border: 1px solid #FDD7CC;
width: 173px;
min-width: 173px;
display: flex;
justify-content: space-between;
}
.orangeColor .pay_com_left .left_ai{
color: #7E5335;
font-size: 15px;
font-weight: bold;
padding: 14px 8px 0px 12px;
}
/* orange end */
/* 五彩斑斓支付框 end*/
/* 首页附加增值服务start */
.serviceds_bottom{
justify-content: space-between;
}
.serviceds_bot_item{
width: 195px;
padding: 15px 0px;
border-radius: 4px;
background: #F7FAFF;
align-items: center;
justify-content: center;
}
.serviceds_bot_item span:first-child{
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
background: #E1DFFF;
width: 22px;
height: 22px;
margin-right: 10px;
}
/* 首页附加增值服务end */

BIN
style/img/rsetgy.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

1
style/img/step_active3.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="28" height="28" viewBox="0 0 28 28"><g><rect x="0" y="0" width="28" height="28" rx="14" fill="#5B6FF6" fill-opacity="1"/><rect x="1" y="1" width="26" height="26" rx="13" fill-opacity="0" stroke-opacity="1" stroke="#5B6FF6" fill="none" stroke-width="2"/><g><path d="M16.898,12.342Q16.898,13.014,16.646,13.504Q16.394,13.994,15.925,14.302Q15.456,14.61,14.826,14.736L14.826,14.792Q16.03,14.932,16.618000000000002,15.548Q17.206,16.164,17.206,17.158Q17.206,18.026,16.8,18.705Q16.394,19.384,15.547,19.762Q14.7,20.14,13.370000000000001,20.14Q12.586,20.14,11.914,20.021Q11.242,19.902,10.626,19.594L10.626,18.445999999999998Q11.256,18.753999999999998,11.984,18.929000000000002Q12.712,19.104,13.384,19.104Q14.728,19.104,15.323,18.579Q15.918,18.054000000000002,15.918,17.130000000000003Q15.918,16.5,15.589,16.115000000000002Q15.26,15.73,14.629999999999999,15.548Q14,15.366,13.118,15.366L12.152000000000001,15.366L12.152000000000001,14.316L13.132,14.316Q13.958,14.316,14.511,14.078Q15.064,13.84,15.350999999999999,13.413Q15.638,12.986,15.638,12.426Q15.638,11.698,15.148,11.299Q14.658000000000001,10.9,13.818,10.9Q13.286,10.9,12.852,11.004999999999999Q12.418,11.11,12.047,11.299Q11.676,11.488,11.298,11.74L10.682,10.9Q11.214,10.48,12.004999999999999,10.172Q12.796,9.864,13.804,9.864Q15.372,9.864,16.134999999999998,10.564Q16.898,11.264,16.898,12.342Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
style/img/step_success.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

1
style/img/step_success.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="28" height="28" viewBox="0 0 28 28"><g><rect x="0" y="0" width="28" height="28" rx="14" fill="#FFFFFF" fill-opacity="0"/><rect x="1" y="1" width="26" height="26" rx="13" fill-opacity="0" stroke-opacity="1" stroke="#5B6FF6" fill="none" stroke-width="2"/><g><path d="M19.6618,9.82422935144043L18.9371,9.21978235144043C18.5368,8.88621635144043,17.9402,8.93801645144043,17.60411,9.335523351440429L12.5016,15.37659335144043L10.19781,13.40564335144043C9.80807,13.07219335144043,9.22174,13.109273351440429,8.87764,13.48913335144043L8.242886,14.18986335144043C8.238835,14.19433335144043,8.234829,14.19884335144043,8.230866,14.203393351440429C7.888775,14.595943351440429,7.9316001,15.18981335144043,8.326518,15.52985335144043L12.089970000000001,18.77029335144043C12.09484,18.77448335144043,12.09975,18.77863335144043,12.10471,18.78272335144043C12.50653,19.11471335144043,13.103,19.060013351440432,13.43694,18.66056335144043L13.766300000000001,18.26663335144043L19.7782,11.14885335144043L19.7786,11.14882335144043C20.1144,10.75099335144043,20.0622,10.15786335144043,19.6618,9.82422935144043Z" fill-rule="evenodd" fill="#5B6FF6" fill-opacity="1"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
style/img/sthrseth.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.5 KiB

162
style/js/index.js

@ -4,16 +4,17 @@ $(document).ready(function() {
var notChecked = '';
var checked = '';
var payResultTimer = null;
var service_domain = location.origin+'/'
// var service_domain = 'https://aitest.chachongz.com/'
// var service_domain = location.origin+'/'
var service_domain = 'https://aitest.chachongz.com/'
var isPayDialog = false
var allPostData=new Object()
var old_parent_ppt = null;
var new_parent_ppt = 0;
var child_ppt = 0;
var child_src = ''
var cssurl= '{$priv_style}/img/'
// var cssurl= './style/img/'//dev
var value_added_servicesList = null;
// var cssurl= '{$priv_style}/img/'
var cssurl= './style/img/'//dev
var pptUrlList = [
{
name:'清新绿意通用模版',
@ -71,6 +72,95 @@ $(document).ready(function() {
'63':'任务书',
'82':'英文论文',
}
var addservicedsDescList = [
'论文封面',
'论文提纲',
'论文摘要',
'论文致谢',
'参考文献',
]
let servicedsHtml = ''
addservicedsDescList.forEach(item=>{
servicedsHtml += `<div class="serviceds_bot_item flex">
<span></span>
<span>`+item+`</span>
<b>X</b>1
</div>`
})
$('.serviceds_bottom').html(servicedsHtml)
// var stepList = [
// {
// step:1,
// title:'输入论文题目',
// desc:'生成千字大纲'
// },
// {
// step:2,
// title:'编辑大纲',
// desc:'生成论文初稿'
// },
// {
// step:3,
// title:'下载论文',
// desc:'一键快速下载论文'
// },
// ]
// $('step_main').html('');
// var step_html = '';
// stepList.forEach(item=>{
// step_html+= ``
// })
var payhtml = `<div class="pay_content flex" include-html="pay.html" mes="网站已通过备案请放心使用,如支付宝提示风险属于系统正常提示,按提示继续操作就可以,有任何疑问都可联系右侧在线客服">
<div id="qrcode" class="qrcode"></div>
<div class="pay_type">
<div class="pay_left">
<div class="pay_every pay_active" pay_type="2">
<img src="./style/img/pay_wx.svg" alt="">
<span>微信支付</span>
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
<div class="pay_every" pay_type="3">
<img src="./style/img/pay_zfb.svg" alt="">
<span>支付宝支付</span>
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
</div>
<div class="pay_right">
<p class="pay_moneyNum">应付总额¥<span id="totalMoney"></span></p>
<p>扫码支付自动提交请勿刷新</p>
<p>提交成功用订单号查询结果</p>
</div>
</div>
</div>
<div class="pay_detail hide" mes="此页面信息至关重要,您可截图保存避免丢失">
<div class="pay_succ_header">
<img src="./style/img/pay_succ.svg" alt="">
支付成功订单号是下载范文唯一凭证
</div>
<div class="pay_succ_content">
<img id="qrcode1" src="" alt="">
<div class="pay_succ_right">
<p>
<img src="./style/img/succ_tip_icon.svg" alt="">
微信扫码随时获知生成状态
</p>
<p>
订单号<span id="pay_succ_tid">OIY898998787721878233</span>
<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>
</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>
</div>`
//获取服务项目具体信息
// $.ajax(service_domain +'ajax_get_ai_services', function(response) {
// // 请求成功时的回调函数
@ -79,14 +169,37 @@ $(document).ready(function() {
// // 请求失败时的回调函数
// console.log(error);
// });
// $.ajax(service_domain +'//ajax_get_valid_pay_types', function(response) {
// $.ajax(service_domain +'/ajax_get_value_added_services',
// function(response) {
// // 请求成功时的回调函数
// console.log(response);
// }).fail(function(xhr, status, error) {
// // 请求失败时的回调函数
// console.log(error);
// });
$.ajax({
type: "post",
dataType:'json',
url: service_domain +'/ajax_get_value_added_services',
data: {
type:'94'
},
success:function(res){
value_added_servicesList = res.data.value_added_services;
}
})
//step监听滚动位置
$('.pay_complete_main').html(payhtml)
// $('.payModal_main').html(payhtml)
new QRCode(document.getElementById("qrcode"), {
text: 'weixin://wxpay/bizpayurl?pr=BbrGBgBz3',
width: 135,
height: 135,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
scrollView()
function scrollView(){
$(window).scroll(function() {
@ -186,15 +299,20 @@ $(document).ready(function() {
})
$('.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')
if(!$('.pay_complete_modal').hasClass('hide')){
$('.pay_complete_modal').addClass('hide');
}else{
$('.payModal').addClass('hide');
if(!$('.payModal .pay_detail').hasClass('hide')){
$('.payModal .pay_detail').addClass('hide')
}
if($('.payModal .modal_mes').hasClass('hide')){
$('.payModal .modal_mes').removeClass('hide')
}
if($('.payModal .pay_content').hasClass('hide')){
$('.payModal.pay_content').removeClass('hide')
}
}
clearTimeout(payResultTimer);
})
@ -350,9 +468,10 @@ $(document).ready(function() {
}
$('.pageMask').removeClass('hide');
$('.payModal').removeClass('hide');
// $('.pay_message').html = `<span>写作题目:</span><p>`+ postData.title+`</p>
// <span>写作类型:</span><p>`+ checkTypeList[postData.check_type]+`</p>
// <span>订单金额:</span><p style="color: #E65628;" class="pay_money">10元</p>`
$('.pay_message').html(`<span>写作题目:</span><p>`+ postData.title+`</p>
<span>写作类型</span><p>`+ checkTypeList[postData.check_type]+`</p>
<span>订单金额</span><p style="color: #E65628;" class="pay_money"> </p>`)
// $('.payCode').removeClass('hide');
// $('.pay_content').html = $('#payCode').html
isPayDialog = true
@ -425,7 +544,7 @@ $(document).ready(function() {
$('#qrcode').attr('tid', res.data.tid);
$('#qrcode').attr('paytype', postData1.pay_type);
$('#totalMoney').text(res.data.total_fee)
// $('#pay_money').text(res.data.total_fee + '元')
$('.pay_money').text(res.data.total_fee + '元')
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: res.data.qrcode_url,
@ -541,11 +660,13 @@ $(document).ready(function() {
$('.form_essayWords').show();
$('.side_info').show();
$('.step_two').show()
$('.normal_step3').removeClass('step_three')
$('.key_words').addClass('hide')
$('.checkbox_wrap').show()
} else{
$('.checkbox_wrap').hide()
$('.step_two').hide()
$('.normal_step3').addClass('step_three')
$('.form_essayWords').hide();
$('.side_info').hide();
$('.key_words').removeClass('hide')
@ -556,11 +677,14 @@ $(document).ready(function() {
$('.btn_result').show()
$('.btn_result_now').hide()
$('.step_two').show()
$('.normal_step3').removeClass('step_three')
}else{
$('.btn_result').hide()
$('.btn_result_now').show()
$('.step_two').hide()
$('[step="2"]').show()
$('.normal_step3').addClass('step_three')
$('[step="3"]').hide()
}
if(t == '64'){
@ -576,8 +700,10 @@ $(document).ready(function() {
}
if (['81','85'].indexOf(t) !== -1) {//
$('.coreContent').show();
$('#charCount').html('0/200')
} else{
$('.coreContent').hide();
}
if(t == '62' ||t == '63'){
$('.inputText').attr('max','500')

Loading…
Cancel
Save