You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

497 lines
25 KiB

<!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}
<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/index.js"></script>
</head>
<body>
<div class="big_container">
<header>
<div class="left">
<img src="./style/img/title_logo.svg" alt="">
AI 写作大师
</div>
<div class="right">
<div class="right_btn activebtn">论文写作</div>
<div class="right_btn">报告下载</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>
</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>
<div class="main_page">
<div class="main_content">
<div class="backColor2 main_title_back">
<div class="main_title">
<div class="title1">
<img src="./style/img/AIteacher.png" alt="">
</div>
<div class="title2">
<span>一键生成万字论文</span>
<span class="shortSpan">低重复率</span>
</div>
<div class="title3">
<span>附赠查重报告</span>
<span>|</span>
<span>无限生成大纲</span>
<span>|</span>
<span>真实引用文献</span>
</div>
</div>
</div>
<div class=" step_back">
<div class="step_main">
<dl class="normal_step active_step">
<dt>
<img src="./style/img/step_1.svg" alt="">
</dt>
<dd>
<span class="nor_step_title active_step_title">输入论文题目</span>
<span>生成千字大纲</span>
</dd>
</dl>
<div class="step_line"></div>
<dl class="normal_step">
<dt>
<img src="./style/img/step_2.svg" alt="">
</dt>
<dd>
<span class="nor_step_title">编辑大纲</span>
<span>生成论文初稿</span>
</dd>
</dl>
<div class="step_line"></div>
<dl class="normal_step">
<dt>
<img src="./style/img/step_3.svg" alt="">
</dt>
<dd>
<span class="nor_step_title">下载论文</span>
<span>一键快速下载论文</span>
</dd>
</dl>
</div>
</div>
<div class="backColor2">
<ul class="main_select">
<li class="active_select">
<img src="./style/img/ch_templete.svg" alt="" class="li_icon">
<span>毕业论文</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon active_icon">
</li>
<li>
<img src="./style/img/calsstext.svg" alt="" class="li_icon">
<span>课程论文</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li>
<img src="./style/img/chaungyeplan.svg" alt="" class="li_icon">
<span>专升本计划书</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li>
<img src="./style/img/zhichenglunwen.png" alt="" class="li_icon">
<span>职称论文</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li>
<img src="./style/img/lunwenTitle.png" alt="" class="li_icon">
<span>论文选题</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li>
<img src="./style/img/zongshunew.svg" alt="" class="li_icon">
<span>文献综述</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li>
<img src="./style/img/ppt_more.svg" alt="" class="li_icon">
<span>答辩PPT</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li>
<img src="./style/img/renwushu.png" alt="" class="li_icon">
<span>任务书</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
<li>
<img src="./style/img/eng_templete.svg" alt="" class="li_icon">
<span>英文论文</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
</ul>
<form action="" class="my_form">
<div class="formOne">
<input type="hidden" id="cur_title" value="">
<input type="hidden" id="cur_title_type" value="0">
<input type="hidden" id="cur_request" value="0">
<div class="custom-select">
<div class="placeBox">
请选择您的论文专业
<img src="./style/img/selectIcon.svg" alt="">
</div>
<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>
<div class="oneRight">
<img src="./style/img/input_icon.svg" alt="">
<input type="text" class="inputChange" placeholder="输入完整的论文标题,获得更好的生成效果">
<div class="total_length">
<span class="inputText">0/50</span>
</div>
<div class="normal_recommend_title">
<img src="./style/img/title_icon.svg" alt="">
<span>标题推荐</span>
</div>
<div class="aititlePos disNone">
<div class="posBack">
<div class="posHead flex">
<img src="./style/img/posStart.svg" alt="">
<p>您输入的标题更像是论文要求呢,让AI帮您优化标题吧!</p>
</div>
<div class="posStep flex">
<img src="./style/img/posCircle.svg" alt="">
<span>标题不合格,接受AI推荐</span>
<img src="./style/img/line11111.svg" alt="" class="posLine">
<img src="./style/img/posCircle.svg" alt="">
<span>AI深度分析,根据内容推荐标题</span>
<img src="./style/img/line11111.svg" alt="" class="posLine">
<img src="./style/img/posCircle.svg" alt="">
<span>选择推荐标题</span>
</div>
</div>
<div class="posFooter">
<div class="ignoreBtn" onclick="hideDom('aititlePos')">忽略</div>
<div class="startBtn" onclick="startGetTitle('aititlePos')">开始优化</div>
</div>
</div>
<div id="loading" class="opt-area opt-click-hide disNone loadingPos">
<div class="loading-area">
<div class="step-icon" id="loading-step1"></div>
<div class="step-text">预处理信息</div>
<div class="step-line"></div>
<div class="step-icon" id="loading-step2"></div>
<div class="step-text">AI分析填写内容</div>
<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-icon" id="loading-step4"></div>
<div class="step-text">完成</div>
</div>
</div>
<script>
$(document).ready(function () {
// 等待页面加载完毕
$(window).on('load', function () {
// optButton();
checkAiTitle();
});
});
function hideDom(dom){
if($(dom).hasClass('disBlock'))$(dom).removeClass('disBlock')
$(dom).addClass('disNone')
}
function showDom(dom){
if($(dom).hasClass('disNone'))$(dom).removeClass('disNone')
$(dom).addClass('disBlock')
}
function startGetTitle(){
console.log('--------888');
hideDom('.aititlePos')
adviseTitle(true)
}
$('.inputChange').on('blur', function() {
checkAiTitle()
});
function adviseTitle(refresh = false){
if($('#loading').css('display') == 'block'){
return false;
}
let title = $('.inputChange').val();
if(!title){
alert('请输入标题')
return false;
}
let cur_title= $('#cur_title').val();
if(cur_title != title || refresh){
//初始化推荐标题
$('#advise-ul').html('')
$('#cur_title').val(title);
$('#cur_request').val(0);
}
//删除所有动画
var steps = document.querySelectorAll('.step-icon');
steps.forEach(function(step) {
step.innerHTML = '';
step.classList.remove('step-icon-active');
step.classList.remove('step-icon-done');
});
showDom('#loading');
//第一步 默认完成
let obj = document.getElementById('loading-step1');
obj.classList.add('step-icon-done');
//第二步 开启完成动画
let ani2 = stepLoading(2, 'done')
ani2.addEventListener('complete', function() {
stepDone(2, ani2)
//第三步 等待第二步动画加载完成 开启加载动画
let ani3 = stepLoading(3, 'analysis')
if($('#advise-ul').html()){
//如果推荐已存在 销毁加载动画 开启完成动画
ani3.destroy();
ani3 = stepLoading(3, 'done')
ani3.addEventListener('complete', function() {
stepDone(3, ani3)
//第四步默认完成
let ani4 = stepLoading(4, 'done')
ani4.addEventListener('complete', function() {
ani4.destroy();
});
showAdviseList()
});
}else{
getAdviseTitle()
}
});
}
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文件
// });
// }else{
// return lottie.loadAnimation({
// container: obj, //dom元素的容器
// loop: false, //循环播放
// autoplay: true, //自动播放
// path: "//css.chachongz.com/images/ai2/modelessay/loading_done.json", // AE 导出JSON文件
// });
// }
}
function getAdviseTitle(){
let title = $('.inputChange').val();
let title_type = $('#project_select').val()
console.log($('#project_select'),title_type);
$.ajax({
type: "post",
url: 'http://aitest.chachongz.com/ajax_advise_ai_title',
data: {
title: title,
title_type: title_type
},
success: function(jsondata) {
$('#cur_request').val(0)
var res = JSON.parse(jsondata);
console.log(res,'=====');
if(!res.status){
alert(res.info);
return false;
}
if(res.data.title != $('#cur_title').val()){
return false;
}
if(res.data.list.length>0){
let html = ''
res.data.list.forEach(function(item) {
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)
//第四步默认完成
let ani4 = stepLoading(4, 'done')
ani4.addEventListener('complete', function() {
ani4.destroy();
});
showAdviseList()
});
}
}
});
}
function checkAiTitle() {
let title = $('.inputChange').val();
$.ajax({
type: "post",
url: 'http://aitest.chachongz.com/ajax_check_ai_title',
data: {
title: title
},
success: function (jsondata) {
var res = JSON.parse(jsondata);
if (!res.status) {
alert(res.info);
return false;
}
$('#cur_title_type').val(res.data);
if (res.status && res.data != 1) {
console.log('----',$('#loading').hasClass('disNone'));
if($('#loading').hasClass('disNone')){
showDom('.aititlePos')
}
}
}
});
}
</script>
</div>
</div>
<div class="formItem">
<div class="formLeft">
选择学历
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="educationRight">
<div class="education" onclick="">
<img src="./style/img/education_no_select.svg" alt="">
<label for="option1">大专</label>
</div>
<div class="education">
<img src="./style/img/education_select.svg" alt="">
<label for="option2">本科</label>
</div>
<div class="education">
<img src="./style/img/education_no_select.svg" alt="">
<label for="option3">硕博</label>
</div>
</div>
</div>
<div class="formItem">
<div class="formLeft">辅助信息</div>
<div class="formRight textAreaRight">
<textarea name="" id="side_textarea" placeholder="请输入相关的辅助信息,帮助论文生成的更加准确!(非必填)"></textarea>
</div>
</div>
<div class="formItem">
<div class="formLeft">
论文字数
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="textLength">
<div class="education" onclick="">
<img src="./style/img/education_no_select.svg" alt="">
<label for="option1">约8000字</label>
</div>
<div class="education">
<img src="./style/img/education_select.svg" alt="">
<label for="option2">约10000字</label>
</div>
<div class="education">
<img src="./style/img/education_no_select.svg" alt="">
<label for="option3">约20000字</label>
</div>
</div>
</div>
<div class="formItem">
<div class="formLeft">图表公式</div>
<div class="formRight ">
<div class="educationRight">
<div class="education" onclick="">
<img src="./style/img/no_checked_icon.svg" alt="">
<label for="option1">图片</label>
</div>
<div class="education">
<img src="./style/img/no_checked_icon.svg" alt="">
<label for="option2">表格</label>
</div>
<div class="education">
<img src="./style/img/checked_icon.svg" alt="">
<label for="option3">公式</label>
</div>
<div class="education">
<img src="./style/img/checked_icon.svg" alt="">
<label for="option3">代码</label>
</div>
</div>
<p>将在所生成范文的随机位置插入所选项</p>
</div>
</div>
</form>
<button class="btn_result">生成论文大纲</button>
<p>
<img src="./style/img/checked_icon.svg" alt="">
我已阅读并同意:生成的论文范文仅用于参考,不作为毕业论文使用
</p>
</div>
</div>
<div class="footer">
<div class="footerbox backColor2">
<div class="main_footer">
<div class="left_top">
<img src="./style/img/title_logo.svg" alt="">
AI 写作大师
</div>
<div class="left">
<!-- <p>beijingkashdklasl</p> -->
{if $company_name !=''}<p>{$company_name}</p>{/if}
<p>专注于AI创意与技术创新的企业,提供AI写作与AI制作PPT解决方案。业务涵盖先进模型开发、技术支持、市场推广与销售。</p>
</div>
<div class="right">
<p>公司地址:北京市大兴区金星通黄路北侧11幢1层</p>
<p>电话:010-80497641</p>
</div>
</div>
</div>
<footer>
<span>
Copyright ©2024-2030 . All Rights Reserved {if $webbeian}{$webbeian}{/if}
</span>
{if $company_name !=''}<span>{$company_name}</span>{/if}
</footer>
</div>
</div>
</div>
</body>
</html>