Browse Source

ppt上传文件及生成逻辑

pull/3/head
zq 6 months ago
parent
commit
7ff98026c5
  1. 332
      home.html
  2. 174
      style/css/index.css
  3. 1
      style/img/mes.svg
  4. 1
      style/img/question.svg
  5. 1
      style/img/report_null.svg
  6. 391
      style/js/index.js

332
home.html

@ -9,30 +9,33 @@
<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=199">
<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=1995"></script>
<link rel="stylesheet" type="text/css" href="./style/css/index.css?v=199">
<link rel="import" href="style/pay.html" id="page1">
<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/include-html/include-html.js"></script>
<script src="./style/js/index.js?v=1995"></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">
<div class="right_btn activebtn">论文写作</div>
<div class="right_btn">
<a href="/report2" target="_blank"
<div class="right_btn activebtn point" type="1">论文写作</div>
<div class="right_btn point" type="2">
报告下载
<!-- <a href="/report2" target="_blank"
rel="noopener noreferrer">报告下载</a>
</div>
</div> -->
</div>
</header>
<div class="bb">
<div class="main_page_top">
<div class="aa">
<div class="topViedo">
<video class="top_viedo" width="100%"
@ -51,7 +54,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>
@ -71,7 +74,7 @@
<div class="step_main">
<dl class="normal_step active_step">
<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>
@ -81,7 +84,7 @@
<div class="step_line"></div>
<dl class="normal_step step_two">
<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>
@ -91,8 +94,8 @@
<div class="step_line step_two"></div>
<dl class="normal_step">
<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>
@ -104,56 +107,58 @@
<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" >
<img src="{$priv_style}/img/ppt_more.svg" alt="" class="li_icon">
<li type="96" check_flag="aippt">
<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> -->
<form action="" class="my_form">
<div class="formOne opt-block">
<input id="htmlconfig" type="hidden" content_min_limit="0"
@ -178,45 +183,29 @@
</select>
<div class="custom-icon"></div>
</div>
<!-- <div class="custom-select">
<select id="project_select" name="fruits">
<option value="" selected disabled>选择您的论文专业</option>
<option value="1">经济</option>
<option value="2">教育</option>
<option value="3">文学</option>
<option value="4">医药</option>
<option value="5">法律</option>
<option value="6">计算机科学</option>
<option value="7">建筑科学</option>
<option value="8">工业技术</option>
<option value="9">其它(自动识别)</option>
</select>
<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="">
<img src="./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>
@ -229,17 +218,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>
@ -251,11 +240,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>
@ -265,7 +254,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">
@ -301,7 +290,7 @@
placeholder="请输入相关的辅助信息,帮助论文生成的更加准确!(非必填)"></textarea>
</div>
</div>
<div class="formItem coreContent "style="display: none;">
<div class="formItem coreContent " style="display: none;">
<div class="formLeft">核心内容</div>
<div class="formRight textAreaRight">
<textarea name="coreContent" class="coreWordCount" id="coreTextarea" maxlength="200"
@ -324,7 +313,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">
@ -413,44 +402,44 @@
<p>将在所生成范文的随机位置插入所选项</p>
</div>
</div>
<div class="form_pptItem hide">
<div class="form_pptItem " style="display: none;">
<input id="upload_file_md5" type="hidden" value="">
<input id="upload_file_name" type="hidden" value="">
<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">
<div class="uploadShow center point hide">
<img src="{$priv_style}/img/addUpload.svg" alt="">
<input type="file" id="fileUpload" class="point hide" name="file">
<div class="uploadShow center point ">
<img src="./style/img/addUpload.svg" alt="">
<p class="ft14">支持单篇上传,txt doc docx文档,上限80M</p>
<input type="file" id="fileUpload" class="point" name="file">
</div>
<div class="uploadMesShow flex">
<img src="{$priv_style}/img/uploadFileIcon.svg" alt="">
<div class="">
<div class="fileInfo">
<div class="uploadMesShow flex hide">
<img src="./style/img/uploadFileIcon.svg" alt="">
<div class="fileInfobox">
<div class="fileInfo flex">
<span class="fileName">文件名称。doc</span>
<div class="uploadMes">文件过大,上传失败!</div>
<div class="uploadMes hide">上传成功</div>
<div class="uploadMes hide">上传中。。。95</div>
</div>
<div id="cancleBtn point" class="hide">取消上传</div>
<div id="againBtn point" class="hide">重新上传</div>
<div id="cancleBtn" class="point btn">取消上传</div>
<div id="againBtn" class="hide btn point">重新上传</div>
</div>
</div>
</div>
</div>
<div class="form_pptItem hide">
<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="point">
<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">
</div>
</div>
</form>
@ -467,13 +456,14 @@
</div>
</div>
<!-- <p>
<img src="{$priv_style}/img/checked_icon.svg" alt="">
<img src="./style/img/checked_icon.svg" alt="">
我已阅读并同意:生成的论文范文仅用于参考,不作为毕业论文使用
</p> -->
</div>
{literal}
<script>
var service_domain = location.origin+'/'
// var service_domain = location.origin+'/'
var service_domain = 'https://aitest.chachongz.com/'
$(document).ready(function () {
// 等待页面加载完毕
$(window).on('load', function () {
@ -481,13 +471,10 @@
checkAiTitle();
//默认选中
$('#edu2').prop('checked', true);
// $('#wordnums10000').prop('checked', true);
$('#table_and_formulas3').prop('checked', true);
$('#table_and_formulas4').prop('checked', true);
$('.coreContent').hide()
$('.btn_result_now').hide()
// var selectedValues = $('input[type="checkbox"][name="table_and_formulas"]:checked');
// console.log(selectedValues,'selectedValues');
});
});
function hideUpgradeMoadl() {
@ -615,13 +602,11 @@
}
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');
}
@ -629,7 +614,6 @@
}
$('.opt-advise input').on('input', function() {
console.log('------input');
if ($(this).val() !== window.title) {
showTitleChange()
}
@ -646,7 +630,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 {
@ -655,7 +639,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文件
});
}
}
@ -748,7 +732,6 @@
function showOptArea(area) {
$('.opt-area').css('display', 'none');
$('#' + area).css('display', 'block');
console.log(area,'advise-area---');
}
function hideOptArea() {
$('.opt-area').css('display', 'none');
@ -950,7 +933,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">
@ -972,26 +955,95 @@
</footer>
</div>
</div>
<div class="look_PPT_modal hide">
<div class="lookPPT flex">
<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="./style/img/ppt_2.png" alt="" class="topimg">
<div class="gallery-box flex">
<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="./style/img/nextPPT.svg" alt="">
</div>
</div>
{literal}
<script>
const gallery = document.querySelector('.gallery');
const images = document.querySelectorAll('.gallery img');
const leftButton = document.getElementById('prev');
const rightButton = document.getElementById('next');
let currentIndex = 0;
console.log(images.length,'images');
leftButton.addEventListener('click', function() {
moveLeft();
});
rightButton.addEventListener('click', function() {
moveRight();
});
function moveLeft() {
if (currentIndex > 0) {
currentIndex--;
gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex)*16}px)`;
}
}
function moveRight() {
const images = document.querySelectorAll('.gallery_img');
if (currentIndex < images.length-4) { // 假设有三张图片
currentIndex++;
gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex)*16}px)`;
}
}
</script>
{/literal}
<div class="look_left_bot flex">
<div class="ppt_cancel point">取消预览</div>
<div class="ppt_submit point">使用模板</div>
</div>
</div>
<div class="look_right">
<h4>选择PPT模板</h4>
<div class="ppt_temList">
</div>
</div>
</div>
</div>
</div>
<div class="pageMask hide"></div>
<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="">
<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 " mes="网站已通过备案请放心使用,如支付宝提示风险属于系统正常提示,按提示继续操作就可以,有任何疑问都可联系右侧在线客服">
<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">
@ -1001,21 +1053,22 @@
</div>
</div>
</div>
<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>
@ -1025,23 +1078,78 @@
</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 id="report_page" class="hide">
<div class="report_box center">
<div class="report_content ">
<h3>报告下载</h3>
<div class="search_report">
<span>订单编号:</span>
<input class="report_input" type="text" placeholder="请输入您的订单号来查找报告">
<span></span>
<span id="searchReport">查找报告</span>
</div>
<p class="report_ques center"><img src="./style/img/question.svg" alt="">找不到订单编号?</p>
<div class="report_detail">
<div class="empty center hide">
<img src="./style/img/report_null.svg" alt="">
<p>咦~ 还没有订单号呢?</p>
</div>
<div class="report_main">
<div class="main_top">
<div class="main_item">
<label for="">订单编号:</label>
<p>论文范文及查重报告</p>
</div>
<div class="main_item">
<label for="">订单编号:</label>
<p>oui18287276789998899</p>
</div>
<div class="main_item">
<label for="">订单编号:</label>
<p>基于危机生命周期理论的的企业产品质量危机应对研究--以三只松鼠产品质量危机为例,基于危机生命周期理论的的企业产品质量危机应对研究</p>
</div>
<div class="main_item">
<label for="">订单编号:</label>
<p>论文范文及查重报告</p>
</div>
<div class="main_item">
<label for="">订单编号:</label>
<p>oui18287276789998899</p>
</div>
<div class="main_item">
<label for="">订单编号:</label>
<p>理论的的企业产品质量危机应对研究</p>
</div>
</div>
<div class="downLoad point">下载</div>
</div>
</div>
</div>
<div class="report_mes center ft12">
<img src="./style/img/mes.svg" alt="">
系统保留7天以内的检测报告,超过7天则被删除,确保您的论文不会被泄露和盗窃,检测完成后请尽快下载您的检测报告。
</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/kefuQrcode.png" alt="">
<img src="./style/img/kefuQrcode.png" alt="">
<span class="ft12">微信扫码添加客服</span>
<span class="ft12">上班时间:9:00-16:00</span>
</div>
</div>
</div>
</div>
{$access_stats_code}
</body>

174
style/css/index.css

@ -305,6 +305,25 @@ body,p,div{
height: 20px;
top: 0;
}
.payModal .pay_message{
display: flex;
align-items: center;
margin-top: 22px;
color: #3D3D3D;
}
.payModal .pay_message span{
font-size: 16px;
display: inline-block;
margin-right: 10px;
}
.payModal .pay_message p{
margin-right: 39px;
max-width: 170px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.payModal .pay_content{
display: flex;
}
@ -581,7 +600,7 @@ header .right .activebtn{
left: 0;
top: 0; */
}
.bb{
.main_page_top{
position: relative;
height: 454px;
}
@ -1362,18 +1381,17 @@ li .select_icon, .pay_every .pay_icon{
/* margin-top: 12px; */
}
.ppt_tem_item .pptImg{
width: 164px;
width: 162px;
height: 93px;
border-radius: 8px;
/* border: 2px solid #FFFFFF; */
border: 2px solid #E8E9EA;
transition: all .5s ease;
}
.ppt_tem_item .ppt_select{
position: absolute;
right: 4px;
right: 0px;
top: 0;
display: none;
width: 25px;
@ -1382,14 +1400,14 @@ li .select_icon, .pay_every .pay_icon{
.ppt_item_active .pptImg{
border-radius: 8px;
opacity: 1;
box-sizing: border-box;
/* box-sizing: border-box; */
border: 2px solid #697CF7;
}
.ppt_item_active .ppt_select{
display: block;
}
.ppt_tem_item .firstlook{
width: 164px;
width: 166px;
/* width: 100%; */
height: 0px;
/* line-height: 24px; */
@ -1405,7 +1423,7 @@ li .select_icon, .pay_every .pay_icon{
border-radius: 8px;
opacity: 1;
/* width: 166px; */
box-sizing: border-box;
/* box-sizing: border-box; */
border: 2px solid #697CF7;
transition: all .5s ease;
}
@ -1420,6 +1438,9 @@ li .select_icon, .pay_every .pay_icon{
color: #3D4B54;
text-align: center;
}
.uploadfile-error {
color: #FF1414;
}
/* ppt end */
.educationRight{
display: flex;
@ -1474,7 +1495,7 @@ li .select_icon, .pay_every .pay_icon{
.tableChart_active div{
background: url(../img/checked_icon.svg);
}
.btn_result,.btn_result_now{
.btn_result,.btn_result_now,.downLoad{
width: 200px;
height: 50px;
font-size: 15px;
@ -1487,12 +1508,12 @@ li .select_icon, .pay_every .pay_icon{
transition: all .3s ease;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
}
.btn_result:hover, .btn_result_now:hover{
.btn_result:hover, .btn_result_now:hover,.downLoad:hover{
transition: all .3s ease;
opacity: 0.8;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
}
.btn_result:active,.btn_result_now:active{
.btn_result:active,.btn_result_now:active,.downLoad:active{
transition: all .3s ease;
opacity: 1;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
@ -1772,3 +1793,134 @@ footer a{
color: black;
text-decoration: none;
}
/* 报告下载start */
#report_page{
width: 100%;
height: calc(100% - 64px);
position: absolute;
margin: 0 auto;
width: 100%;
min-width: 1200px;
z-index: 66;
top: 64px;
display: flex;
flex-direction: column;
font-family: Microsoft YaHei UI;
}
.report_box{
width: 100%;
flex-direction: column;
}
.report_content{
width: 600px;
text-align: center;
/* display: flex;
flex-direction: column;
justify-content: center; */
}
.report_content h3{
margin: 36px 0 30px;
font-size: 22px;
font-weight: bold;
line-height: normal;
letter-spacing: 1.04px;
font-variation-settings: "opsz" auto;
color: #3D3D3D;
}
.report_content .search_report{
font-size: 14px;
color: #3D3D3D;
border-radius: 6px;
background: #FFFFFF;
border: 1px solid #E8E8E8;
padding: 16px 20px;
display: flex;
line-height: 20px;
}
.report_content .search_report .report_input{
color: #3D3D3D;
margin-right: 10px;
flex: 1;
border: none;
}
.report_content .search_report .report_input::placeholder{
color: #8C919D;
}
.report_content .search_report .report_input:focus-visible{
outline: none;
}
.report_content #searchReport{
color: #5B6FF6;
margin-left: 16px;
}
.report_content .report_ques{
color: #5B6FF6;
margin: 16px 0 30px;
}
.report_content .report_detail{
width: 600px;
height: 360px;
border-radius: 6px;
opacity: 1;
background: rgba(255, 255, 255, 0.8);
margin-bottom: 19px;
}
.empty img{
width: 60px;
height: 60px;
margin-bottom: 16px;
}
.report_content .report_detail .empty{
flex-direction: column;
color: #1D2837;
height: 100%;
}
.report_box .report_mes{
color: #EE7000;
border-radius: 6px;
background: rgba(236, 133, 51, 0.12);
padding: 8px 16px;
}
.report_main{
width: calc(100% - 52px);
height: calc(100% - 52px);
padding: 26px;
display: flex;
flex-direction: column;
align-items: center;
}
.report_main .main_item{
display: flex;
text-align: left;
font-size: 14px;
font-weight: normal;
line-height: 20px;
letter-spacing: 0px;
color: #2C394B;
margin-bottom: 20px;
}
.main_item label{
width: 70px;
margin-right: 20px;
color: #5C6E86;
}
.main_item p{
flex: 1;
}
.report_main .main_top{
flex: 1;
}
.report_main .downLoad{
width: 130px;
padding: 11px 0;
border-radius: 8px;
line-height: 18px;
color: #FFFFFF;
margin: 0;
height: auto;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
}
/* 报告下载end */

1
style/img/mes.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="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_45_01671"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_45_01671)"><g></g><g><path d="M4,12L4,6.97633C4,4.78026,5.79086,3,8,3C10.20914,3,12,4.78026,12,6.97633L11.99888,12" fill="#FF7800" fill-opacity="1"/></g><g style="opacity:0.5;"><ellipse cx="8.0078125" cy="3.0625" rx="1" ry="1" fill="#FF7800" fill-opacity="1"/></g><g style="opacity:0.5;"><ellipse cx="8" cy="12.5625" rx="2" ry="2" fill="#FF7800" fill-opacity="1"/></g><g><path d="M3,11.25L13,11.25Q13.0739,11.25,13.1463,11.264410999999999Q13.2188,11.278822,13.287,11.30709Q13.3553,11.335359,13.4167,11.376398Q13.4781,11.417437,13.5303,11.46967Q13.5826,11.521903,13.6236,11.583322Q13.6646,11.644742,13.6929,11.712987Q13.7212,11.781233,13.7356,11.853682Q13.75,11.9261315,13.75,12Q13.75,12.0738685,13.7356,12.146318Q13.7212,12.218767,13.6929,12.287013Q13.6646,12.355258,13.6236,12.416678Q13.5826,12.478097,13.5303,12.53033Q13.4781,12.582563,13.4167,12.623602Q13.3553,12.664641,13.287,12.69291Q13.2188,12.721178,13.1463,12.735589000000001Q13.0739,12.75,13,12.75L3,12.75Q2.9261315,12.75,2.853682,12.735589000000001Q2.781233,12.721178,2.712987,12.69291Q2.644742,12.664641,2.583322,12.623602Q2.521903,12.582563,2.46967,12.53033Q2.417437,12.478097,2.376398,12.416678Q2.335359,12.355258,2.30709,12.287013Q2.278822,12.218767,2.264411,12.146318Q2.25,12.0738685,2.25,12Q2.25,11.9261315,2.264411,11.853682Q2.278822,11.781233,2.30709,11.712987Q2.335359,11.644742,2.376398,11.583322Q2.417437,11.521903,2.46967,11.46967Q2.521903,11.417437,2.583322,11.376398Q2.644742,11.335359,2.712987,11.30709Q2.781233,11.278822,2.853682,11.264410999999999Q2.9261315,11.25,3,11.25Z" fill-rule="evenodd" fill="#FF7800" fill-opacity="1"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

1
style/img/question.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_13_3536"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_13_3536)"><g><path d="M0.75390625,9.0625Q0.75390625,12.4797,3.1702762499999997,14.8961Q5.58667625,17.3125,9.00390625,17.3125Q12.42110625,17.3125,14.83750625,14.8961Q17.25390625,12.4797,17.25390625,9.0625Q17.25390625,5.64527,14.83750625,3.2288699999999997Q12.42110625,0.8125,9.00390625,0.8125Q5.58668625,0.8125,3.1702762499999997,3.22886Q0.75390625,5.64528,0.75390625,9.0625ZM9.00390625,15.8125Q6.20799625,15.8125,4.2309262499999996,13.8355Q2.25390625,11.8584,2.25390625,9.0625Q2.25390625,6.26659,4.2309262499999996,4.28953Q6.20799625,2.3125,9.00390625,2.3125Q11.79980625,2.3125,13.77690625,4.28953Q15.75390625,6.26659,15.75390625,9.0625Q15.75390625,11.8584,13.77690625,13.8355Q11.79980625,15.8125,9.00390625,15.8125Z" fill-rule="evenodd" fill="#5B6FF6" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M6.878681,4.878681Q6,5.75736,6,7Q6,7.073869999999999,6.014411,7.146319999999999Q6.028822,7.21877,6.05709,7.28701Q6.085359,7.3552599999999995,6.126398,7.4166799999999995Q6.167437,7.4780999999999995,6.21967,7.53033Q6.271903,7.58256,6.333322,7.6236Q6.394742,7.66464,6.462987,7.6929099999999995Q6.531233,7.72118,6.603682,7.73559Q6.6761315,7.75,6.75,7.75Q6.8238685,7.75,6.896318,7.73559Q6.968767,7.72118,7.037013,7.6929099999999995Q7.105258,7.66464,7.166678,7.6236Q7.228097,7.58256,7.28033,7.53033Q7.332563,7.4780999999999995,7.373602,7.4166799999999995Q7.414641,7.3552599999999995,7.44291,7.28701Q7.471178,7.21877,7.485589,7.146319999999999Q7.5,7.073869999999999,7.5,7Q7.5,6.37868,7.93934,5.93934Q8.37868,5.5,9,5.5Q9.62132,5.5,10.06066,5.93934Q10.5,6.37868,10.5,7Q10.5,7.62132,10.06066,8.06066Q9.62132,8.5,9,8.5Q8.92613,8.5,8.85368,8.51441Q8.78123,8.52882,8.71299,8.55709Q8.64474,8.58536,8.58332,8.6264Q8.5219,8.66744,8.46967,8.71967Q8.41744,8.771899999999999,8.3764,8.83332Q8.33536,8.894739999999999,8.30709,8.96299Q8.27882,9.03123,8.26441,9.10368Q8.25,9.17613,8.25,9.25L8.25,10.75Q8.25,10.82387,8.26441,10.89632Q8.27882,10.96877,8.30709,11.03701Q8.33536,11.105260000000001,8.3764,11.16668Q8.41744,11.228100000000001,8.46967,11.28033Q8.5219,11.33256,8.58332,11.3736Q8.64474,11.41464,8.71299,11.442910000000001Q8.78123,11.47118,8.85368,11.48559Q8.92613,11.5,9,11.5Q9.07387,11.5,9.14632,11.48559Q9.21877,11.47118,9.28701,11.442910000000001Q9.35526,11.41464,9.41668,11.3736Q9.4781,11.33256,9.53033,11.28033Q9.58256,11.228100000000001,9.6236,11.16668Q9.66464,11.105260000000001,9.69291,11.03701Q9.72118,10.96877,9.73559,10.89632Q9.75,10.82387,9.75,10.75L9.75,9.91201Q10.52069,9.72195,11.12132,9.12132Q12,8.24264,12,7Q12,5.75736,11.12132,4.878681Q10.24264,4,9,4Q7.75736,4,6.878681,4.878681Z" fill-rule="evenodd" fill="#5B6FF6" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M9.93359375,13.1875Q9.93359375,13.27984,9.91558375,13.3704Q9.89756375,13.46096,9.86223375,13.54627Q9.82689375,13.63157,9.77559375,13.70835Q9.72429375,13.78512,9.65900375,13.85041Q9.59371375,13.9157,9.51694375,13.967Q9.44016375,14.0183,9.35486375,14.05364Q9.26955375,14.08897,9.17899375,14.10699Q9.08843375,14.125,8.99609375,14.125Q8.90375775,14.125,8.81319675,14.10699Q8.72263475,14.08897,8.63732775,14.05364Q8.55202075,14.0183,8.47524675,13.967Q8.39847275,13.9157,8.33318075,13.85041Q8.26788975,13.78512,8.21659075,13.70835Q8.16529175,13.63157,8.12995665,13.54627Q8.09462135,13.46096,8.07660755,13.3704Q8.05859375,13.27984,8.05859375,13.1875Q8.05859375,13.095164,8.07660755,13.004603Q8.09462135,12.914041,8.12995665,12.828734Q8.16529175,12.743427,8.21659075,12.666653Q8.26788975,12.589879,8.33318075,12.524587Q8.39847275,12.459296,8.47524675,12.407997Q8.55202075,12.356698,8.63732775,12.3213629Q8.72263475,12.2860276,8.81319675,12.2680138Q8.90375775,12.25,8.99609375,12.25Q9.08843375,12.25,9.17899375,12.2680138Q9.26955375,12.2860276,9.35486375,12.3213629Q9.44016375,12.356698,9.51694375,12.407997Q9.59371375,12.459296,9.65900375,12.524587Q9.72429375,12.589879,9.77559375,12.666653Q9.82689375,12.743427,9.86223375,12.828734Q9.89756375,12.914041,9.91558375,13.004603Q9.93359375,13.095164,9.93359375,13.1875Z" fill="#5B6FF6" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

1
style/img/report_null.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="60" height="60" viewBox="0 0 60 60"><defs><clipPath id="master_svg0_13_4194"><rect x="0" y="0" width="60" height="60" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_13_4194)"><g><path d="M0,54.67577109375L3.08218,53.44377109375C5.2171,50.96327109375,7.48112,48.59687109375,9.86484,46.35427109375C22.1959,45.73837109375,32.9835,44.50867109375,40.3822,34.02327109375C41.5065,31.77247109375,39.8099,31.83337109375,39.035,31.86117109375C38.9608,31.86387109375,38.8951,31.86617109375,38.8411,31.86617109375C44.6986,29.39997109375,57.3365,20.15347109375,55.4862,15.52787109375Q54.7885,14.83009109375,54.2648,15.01079109375Q60.8031,10.72197109375,60.1913,8.104631093750001Q59.9467,7.05823109375,58.5592,6.27899109375Q53.6175,3.5036410937499998,41.2957,7.8200910937499994Q41.6649,7.0818410937500005,41.4434,6.63889109375Q41.1112,5.97446809375,39.4501,5.97446809375C32.7324,6.79251109375,26.407,9.58034109375,21.2708,13.98676109375Q21.2708,12.500271093750001,20.7109,12.24585109375Q20.3419,12.078161093750001,19.7297,12.44567109375Q-1.5411,25.69957109375,6.47351,40.80357109375Q27.742,13.98677109375,46.2374,10.902271093749999Q24.6598,19.53517109375,0,54.67577109375Z" fill="#E6EAF3" fill-opacity="1"/></g><g><path d="M12.60107421875,57.163611718750005Q43.901874218749995,54.69681171875,43.901874218749995,49.83351171875C43.901874218749995,47.19091171875,36.15577421875,44.74751171875,36.15577421875,41.82959171875C36.15577421875,38.91162171875,51.98777421875,34.72216771875,54.90577421875,34.49951171875Q37.94877421875,38.98779171875,37.94877421875,41.90576171875C37.94877421875,44.22607171875,45.80617421875,46.65771171875,45.80617421875,49.83931171875C45.80617421875,49.83351171875,47.66357421875,56.04441171875,12.60107421875,57.163611718750005Z" fill="#E6EAF3" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

391
style/js/index.js

@ -4,17 +4,88 @@ $(document).ready(function() {
var notChecked = '';
var checked = '';
var payResultTimer = null;
var service_domain = location.origin+'/'
// 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 pptUrlList = [
{
name:'清新绿意通用模版',
url:'',
list:[],
ppt_id:'2'
},
{
name:'蓝色启航通用模版',
ppt_id:'3'
},
{
name:'蓝色梦境通用模版',
ppt_id:'5'
},
{
name:'棕韵蓝调通用模版',
ppt_id:'6'
},
{
name:'绿野金辉通用模版',
ppt_id:'7'
},
{
name:'深邃星空通用模版',
ppt_id:'8'
},
{
name:'毕业庆典通用模版',
ppt_id:'9'
},
{
name:'生命之链通用模版',
ppt_id:'10'
},
{
name:'云水之间通用模版',
ppt_id:'11'
},
{
name:'金色地标通用模版',
ppt_id:'12'
},
]
var checkTypeList={
'94':'毕业论文',
'81':'课程论文',
'85':'职称论文',
'62':'开题报告',
'64':'论文选题',
'91':'文献综述',
'96':'答辩PPT',
'63':'任务书',
'82':'英文论文',
}
//获取服务项目具体信息
$.ajax(service_domain +'ajax_get_ai_services', function(response) {
// 请求成功时的回调函数
console.log(response);
}).fail(function(xhr, status, error) {
// 请求失败时的回调函数
console.log(error);
});
// $.ajax(service_domain +'ajax_get_ai_services', function(response) {
// // 请求成功时的回调函数
// console.log(response);
// }).fail(function(xhr, status, error) {
// // 请求失败时的回调函数
// console.log(error);
// });
// $.ajax(service_domain +'//ajax_get_valid_pay_types', function(response) {
// // 请求成功时的回调函数
// console.log(response);
// }).fail(function(xhr, status, error) {
// // 请求失败时的回调函数
// console.log(error);
// });
//step监听滚动位置
scrollView()
function scrollView(){
@ -24,6 +95,7 @@ $(document).ready(function() {
// console.log($(this).scrollTop(),'$(this).scrollTop()');
var distanceToTop = element.offset().top - $(this).scrollTop();
if(distanceToTop <= 64){
if($('.main_page_top').hasClass('hide'))return
element.addClass('stickyStep')
element2.addClass('footer2')
@ -33,14 +105,27 @@ $(document).ready(function() {
}
});
}
function getFormData() {
var formData = new FormData(document.querySelector('form'));
var data = {};
for (var [key, value] of formData.entries()) {
data[key] = value;
}
console.log(data);
$('.right_btn').click(function(){
$('.right_btn').removeClass('activebtn')
$(this).addClass('activebtn')
if($(this).attr('type') == '1'){
$('.main_page_top').removeClass('hide')
$('.main_page').removeClass('hide')
$('#report_page').addClass('hide')
}else{
$('.main_page_top').addClass('hide')
$('.main_page').addClass('hide')
$('#report_page').removeClass('hide')
}
})
// function getFormData() {
// var formData = new FormData(document.querySelector('form'));
// var data = {};
// for (var [key, value] of formData.entries()) {
// data[key] = value;
// }
// console.log(data);
// }
//标题输入字数
$('.inputChange').on('input', function() {
var maxLength = $('.inputText').attr('max');
@ -156,6 +241,13 @@ $(document).ready(function() {
$('.inputText').text('0/500')
return;
}
}else if(check_type == '96'){
if(title.length >100){
alert('论文标题不得多于200字');
$('.inputChange').val('')//重置输入框文本
$('.inputText').text('0/200')
return;
}
}
if(title.length >100){
alert('论文标题不得多于100字');
@ -191,6 +283,26 @@ $(document).ready(function() {
return;
}
}
if(check_type == '96'){
var pptid = pptUrlList[old_parent_ppt]['ppt_id'];
var upload_file_md5 = $("#upload_file_md5").val();
var upload_file_name = $("#upload_file_name").val();
var upload_file_tmpname = $("#upload_file_tmpname").val();
if (!upload_file_md5 || !upload_file_name || !upload_file_tmpname) {
alert("请上传论文文件");
return;
}
if (!pptid) {
alert("请选择ppt模板");
return;
}
postData.ppt_tpl = pptid;
postData.upload_file_md5 = upload_file_md5;
postData.upload_file_name = upload_file_name;
postData.upload_file_tmpname = upload_file_tmpname;
}
allPostData = {...allPostData,check_flag,recharge_goods_id:'0',...postData}
//检验信息
@ -215,7 +327,6 @@ $(document).ready(function() {
payAction()
})
function getPayQrcode(postData){
$.ajax({
type: "post",
dataType:'json',
@ -231,6 +342,11 @@ $(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>`
// $('.payCode').removeClass('hide');
// $('.pay_content').html = $('#payCode').html
isPayDialog = true
if(postData.pay_type == 2 || postData.pay_type == 3){
getRechargePayUrl()
@ -241,7 +357,6 @@ $(document).ready(function() {
});
}
function getRechargePayUrl(){
console.log(allPostData,'allPostData');
var core_content = $('.coreWordCount').val();
var postData1 = new Object();
postData1.type = allPostData.check_type;
@ -269,6 +384,17 @@ $(document).ready(function() {
if(postData1.type == '94'){
postData1.core_content = $('.core_content').val().trim()//核心内容
}
if(postData1.type == '96'){
var pptid = pptUrlList[old_parent_ppt]['ppt_id'];
var upload_file_md5 = $("#upload_file_md5").val();
var upload_file_name = $("#upload_file_name").val();
var upload_file_tmpname = $("#upload_file_tmpname").val();
postData1.ppt_tpl = pptid;
postData1.recharge_goods_id=0
postData1.upload_file_md5 = upload_file_md5;
postData1.upload_file_name = upload_file_name;
postData1.upload_file_tmpname = upload_file_tmpname;
}
$.ajax({
url:service_domain+allPostData.check_flag+'/ajax_get_ai_pay_url',
type:'post',
@ -291,6 +417,8 @@ $(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 + '元')
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: res.data.qrcode_url,
width: 135,
@ -309,6 +437,7 @@ $(document).ready(function() {
}
});
}
function getRechargePayResult(payinfo){
console.log(payinfo,'payinfo');
clearTimeout(payResultTimer);
@ -352,7 +481,7 @@ $(document).ready(function() {
});
}
payresultAction({data:{tid:'99237482378','wechat_qrcode_url':'iuyeriuweyi'}})
// payresultAction({data:{tid:'99237482378','wechat_qrcode_url':'iuyeriuweyi'}})
function payresultAction(res) {
var data = res.data;
if(data.wechat_qrcode_url){
@ -396,10 +525,10 @@ $(document).ready(function() {
// getWordCountList();
clearhisText()//清空记录
var t = $('li.active_select').attr('type');
if(t =='96'){
location.href = location.origin+'/aippt'
return
}
// if(t =='96'){
// location.href = location.origin+'/aippt'
// return
// }
if(t =='94'){//字数
$('.form_essayWords').show();
$('.side_info').show();
@ -445,18 +574,20 @@ $(document).ready(function() {
if(t == '62' ||t == '63'){
$('.inputText').attr('max','500')
$('.inputText').text('0/500')
}else if(t=='82'){
}else if(t=='82' ||t == '96'){
$('.inputText').attr('max','200')
$('.inputText').text('0/200')
}else{
$('.inputText').attr('max','100')
$('.inputText').text('0/100')
}
// if(t == '96'){
// $('.form_pptItem').show()
// }else{
// $('.form_pptItem').hide()
// }
if(t == '96'){
$('.form_pptItem').show()
$('#formInputSumbtn').html('生成答辩PPT')
}else{
$('.form_pptItem').hide()
$('#formInputSumbtn').html('立即生成')
}
// $("#downdemo").attr('href', '/downreportdemo/type/'+t);
//图表公式
var table_formula_types = getTableFormulaTypes('support_table_formula_types');
@ -493,4 +624,208 @@ $(document).ready(function() {
var support_table_formula_types_arr = support_table_formula_types.split(",");
return support_table_formula_types_arr;
}
pptUrlList = pptUrlList.map((item,ind)=>{
let list = [];
let num = 8;
for(let i=0;i<num;i++){
let url = `${cssurl}ppt_${ind+1}_${i+1}.png`
list.push(url)
}
item.url = `${cssurl}ppt_${ind+1}.png`;
list.unshift(item.url)
return {
...item,
list
}
})
// if ($('.form_pptItem').css('display') !== 'none') {
let html = '';
let pptlist = [...pptUrlList]
// ppt_item_active
pptlist.forEach((item,i)=>{
html += `<div class="ppt_tem_item point " index=`+i+`>
<img class="pptImg" src=`+ item.url + ` alt="" ppt_id=`+ item.ppt_id+` index=`+i+`>
<div class="firstlook ft14" index=`+i+`>预览</div>
<img src="./style/img/ppt_tem_select.png" class="ppt_select" alt="">
<p class="ft12">`+item.name +`</p>
</div>`
})
$('.ppt_temList').html(html);
// }
//附图片
//初识设置
function setLeftShow(key){
if(!$('.look_PPT_modal').hasClass('hide')){
let html = '';
let childList = []
childList = pptUrlList[key]['list']
childList.forEach((item,i)=>{
html += `<img class="gallery_img point" src=`+ item +` index=` + i + ` alt="图片丢失。。。">`
})
$('.gallery').html(html);
$('.gallery_img').eq(child_ppt).addClass('ppt_child_active');
setBackImgUrl(childList[child_ppt],true)
}
}
// 弹窗模版
$('.look_right .pptImg').click(function(e){
let index = $(this).attr('index');
setLookPPT_active(index)
new_parent_ppt = index;
child_ppt = 0;
setLeftShow(new_parent_ppt)
})
//页面模版
$('.form_pptItem .pptImg').click(function(e){
let index = $(this).attr('index');
setPagePPT_active(index)
old_parent_ppt = new_parent_ppt = index;
child_ppt = 0;
setLeftShow(old_parent_ppt)
})
function setPagePPT_active(index){
$('.form_pptItem .ppt_tem_item').removeClass('ppt_item_active')
$('.form_pptItem .ppt_tem_item').eq(index).addClass('ppt_item_active');
}
function setLookPPT_active(index){
$('.look_right .ppt_tem_item').removeClass('ppt_item_active')
$('.look_right .ppt_tem_item').eq(index).addClass('ppt_item_active');
}
//子图片
$('.gallery_img').unbind('click')
$('.gallery').on('click','.gallery_img',function(){
let index = $(this).attr('index');
let src = $(this).attr('src');
$('.gallery_img').removeClass('ppt_child_active')
$('.gallery_img').eq(index).addClass('ppt_child_active');
child_ppt = index;
setBackImgUrl(src,false)
})
function setBackImgUrl(url,flag){
$('.topimg').attr('src',url)
if(!flag)return
$('.look_backImg').attr('src',url)
}
$('.lookAll').click(function(e){
$('.look_PPT_modal').removeClass('hide')
if (!$('.look_PPT_modal').hasClass('hide')) {
if(old_parent_ppt !== null){
setLookPPT_active(old_parent_ppt)
}else{
setLookPPT_active(0)
}
setLeftShow(old_parent_ppt != null ? old_parent_ppt : 0)
}
})
$('.firstlook').click(function(e){
let index = $(this).attr('index');
old_parent_ppt = index;
child_ppt = 0;
$('.look_PPT_modal').removeClass('hide')
setLookPPT_active(old_parent_ppt)
setLeftShow(old_parent_ppt)
})
$('.exitLook,.ppt_cancel').click(function(e){
$('.look_PPT_modal').addClass('hide')
})
$('.ppt_submit').click(function(e){
old_parent_ppt = new_parent_ppt;
setPagePPT_active(old_parent_ppt)
$('.look_PPT_modal').addClass('hide')
})
$(function(){
bindFileUpload();
});
function bindFileUpload() {
var formData = new FormData();
$('.uploadShow').on('click', function (event) {
$('#fileUpload').trigger('click')
})
$('#againBtn').on('click', function (event) {
$('#fileUpload').trigger('click')
})
$('#cancleBtn').click(function(){
formData = new FormData();
$('.uploadMes').html('')
})
$('#fileUpload').on('change', function () {
$('#againBtn').addClass('hide')
var fileInput = $(this);
var files = fileInput.prop('files');
var file = files[0]; // 获取文件
console.log(files,file.name,'======');
if (file) {
// 这里可以添加上传文件之前的逻辑,例如文件验证
// 创建FormData对象
formData.append('paper_file', file);
formData.append('paper_type', '1');
formData.append('is_asynch', '1');
formData.append('ver_chktype', $("#ppt_type").val());
// 使用jQuery AJAX上传文件
$.ajax({
url: 'https://aitest.chachongz.com'+'/upload_file',
type: 'POST',
data: formData,
dataType: 'json',
processData: false, // 告诉jQuery不要处理发送的数据
contentType: false, // 告诉jQuery不要设置Content-Type请求头
xhr: function () {
$(".uploadShow").addClass('hide');
$(".uploadMesShow").removeClass('hide');
$(".uploadMes").removeClass('hide');
$('#cancleBtn').removeClass('hide')
var xhr = $.ajaxSettings.xhr();
if (xhr.upload) {
$(".fileName").html(file.name);
xhr.upload.addEventListener('progress', function (e) {
if (e.lengthComputable) {
var progress = Math.ceil((e.loaded / e.total) * 100);
console.log('progress', progress)
$('.uploadMes').html('上传中......' + progress + '%');
}
}, false);
}
return xhr;
},
success: function (res) {
// 成功回调
// res = fileMockData
console.log('File uploaded successfully:', res);
if (res.status) {
$(".uploadShow").addClass('hide');
$("#cancleBtn").addClass('hide');
$(".uploadMes").html('上传成功');
$(".uploadMes").removeClass('hide');
$('#againBtn').removeClass('hide')
$("#upload_file_md5").val(res.data.upload_file_md5);
$("#upload_file_name").val(res.data.upload_file_name);
$("#upload_file_tmpname").val(res.data.upload_file_tmpname);
} else {
$(".uploadShow").addClass('hide');
$(".uploadMes").html(res.info);
$("#cancleBtn").addClass('hide');
$('#againBtn').removeClass('hide')
$('.uploadMes').addClass("uploadfile-error");
$(".uploadMes").removeClass('hide');
}
},
error: function (jqXHR, textStatus, errorThrown) {
// 错误回调
console.log('File upload failed:', textStatus);
$(".uploadShow").addClass('hide');
$('.uploadMes').html('解析失败!请检查文件重新上传');
$('.uploadMes').addClass("uploadfile-error");
$(".uploadMes").removeClass('hide');
$('#againBtn').removeClass('hide')
}
});
}
});
}
});
Loading…
Cancel
Save