|
|
|
<!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>
|