zhangqi
/
money
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

增加项目选择切换内容区域

pull/1/head
zq 7 months ago
parent
778a8fafc6
commit
ac7f5bae2f
3 changed files with 624 additions and 140 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 527
      home.html
  2. 157
      style/css/index.css
  3. 80
      style/js/index.js

527
home.html
View File

@ -20,7 +20,7 @@
</div>
<div class="right">
<div class="right_btn activebtn">论文写作</div>
<div class="right_btn">报告下载</div>
<div class="right_btn"><a href="http://aitest.chachongz.com/report2" target="_blank" rel="noopener noreferrer">报告下载</a></div>
</div>
</header>
<div class="bb">
@ -88,47 +88,52 @@
</div>
<div class="backColor2">
<ul class="main_select">
<li class="active_select">
<li class="active_select" type="94">
<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>
<li type="81">
<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>
<li class="no-click">
<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>
<li type="85">
<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>
<li type="62">
<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 type="64">
<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>
<li type="91">
<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>
<li type="96">
<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>
<li type="63">
<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>
<li type="82">
<img src="./style/img/eng_templete.svg" alt="" class="li_icon">
<span>英文论文</span>
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
@ -136,12 +141,21 @@
</ul>
<form action="" class="my_form">
<div class="formOne">
<input id="htmlconfig" type="hidden" content_min_limit="0"
support_table_formula_types="61,84,93,94"
support_titleMore="85,81,94"
support_edu="63,96,82,94"
support_pro="94,63"
support_pro="94,63"
>
<input value="3000,5000,8000,10000,15000,20000" type="hidden" id="word_list_str94">
<input type="hidden" id="cur_title" value="">
<input type="hidden" id="cur_title_type" value="0">
<input type="hidden" id="cur_request" value="0">
<div class="custom-select">
<div class="placeBox">
请选择您的论文专业
<div class="placeBox" onclick="toggleSelect()">
<!-- 请选择您的论文专业 -->
<img src="./style/img/selectIcon.svg" alt="">
</div>
<select id="project_select" name="fruits" >
@ -166,52 +180,198 @@
<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 class="aititlePos opt-area">
<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="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 class="posFooter">
<div class="ignoreBtn" onclick="hideDom('aititlePos')">忽略</div>
<div class="startBtn" onclick="startGetTitle('aititlePos')">开始优化</div>
</div>
</div>
<div class="posFooter">
<div class="ignoreBtn" onclick="hideDom('aititlePos')">忽略</div>
<div class="startBtn" onclick="startGetTitle('aititlePos')">开始优化</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>
</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>
<div class="formItem formItem_pro">
<div class="formLeft">
选择学历
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="educationRight">
<div class="education" onclick="getEducation('edu','1','.education','edu_active_select')">
<input value="1" type="radio" name="edu" id="edu1" >
<div></div>
<label for="edu1">大专</label>
</div>
<div class="education edu_active_select" onclick="getEducation('edu','2','.education','edu_active_select')">
<input value="2" type="radio" name="edu" id="edu2" >
<div></div>
<label for="edu2">本科</label>
</div>
<div class="education" onclick="getEducation('edu','3','.education','edu_active_select')">
<input value="3" type="radio" name="edu" id="edu3" >
<div></div>
<label for="edu3">硕博</label>
</div>
</div>
</div>
<div class="formItem key_words hide">
<div class="formLeft">关键词</div>
<div class="formRight textAreaRight">
<input type="text" name="title" maxlength="50" minlength="2">
</div>
</div>
<div class="formItem side_info">
<div class="formLeft">辅助信息</div>
<div class="formRight textAreaRight">
<textarea name="textAreaForWordCount" class="textAreaForWordCount" id="side_textarea" placeholder="请输入相关的辅助信息，帮助论文生成的更加准确！(非必填)"></textarea>
</div>
</div>
<div class="formItem coreContent hide">
<div class="formLeft">核心内容</div>
<div class="formRight textAreaRight">
<textarea name="coreContent" class="textAreaForWordCount" id="side_textarea" maxlength="200" placeholder="请写出需要在论文中包含的要点。"></textarea>
</div>
</div>
<div class="formItem form_essayWords">
<div class="formLeft">
论文字数
<img class="requiredIcon" src="./style/img/required_icon.svg" alt="">
</div>
<div class="formRight educationRight" id="textLength">
<div class="essayWords" onclick="getEducation('wordnums','8000','.essayWords','essayWords_active')">
<input value="8000" type="radio" name="wordnums" id="wordnums8000">
<div></div>
<label for="wordnums8000">约8000字</label>
</div>
<div class="essayWords essayWords_active" onclick="getEducation('edu','10000','.essayWords','essayWords_active')">
<input value="10000" type="radio" name="wordnums" id="wordnums10000">
<div></div>
<label for="wordnums10000">约10000字</label>
</div>
<div class="essayWords" onclick="getEducation('edu','20000','.essayWords','essayWords_active')">
<input value="20000" type="radio" name="wordnums" id="wordnums20000">
<div></div>
<label for="wordnums20000">约20000字</label>
</div>
</div>
</div>
<div class="formItem">
<div class="formLeft">图表公式</div>
<div class="formRight "id="paper-table_and_formulas-wrapper">
<div class="educationRight">
<div class="tableChart">
<input value="1" type="checkbox" name="table_and_formulas" id="table_and_formulas1" onclick="getEducation2('table_and_formulas','1','.tableChart','tableChart_active')">
<div></div>
<label for="table_and_formulas1">图片</label>
</div>
<div class="tableChart" >
<input value="2" type="checkbox" name="table_and_formulas" id="table_and_formulas2" onclick="getEducation2('table_and_formulas','2','.tableChart','tableChart_active')">
<div></div>
<label for="table_and_formulas2">表格</label>
</div>
<div class="tableChart tableChart_active" >
<input value="3" type="checkbox" name="table_and_formulas" id="table_and_formulas3" onclick="getEducation2('table_and_formulas','3','.tableChart','tableChart_active')">
<div></div>
<label for="table_and_formulas3">公式</label>
</div>
<div class="tableChart tableChart_active" >
<input value="4" type="checkbox" name="table_and_formulas" id="table_and_formulas4" onclick="getEducation2('table_and_formulas','4','.tableChart','tableChart_active')">
<div></div>
<label for="table_and_formulas4">代码</label>
</div>
</div>
<script>
<p>将在所生成范文的随机位置插入所选项</p>
</div>
</div>
</form>
<button class="btn_result" onclick="showCreateCatalogue()">生成论文大纲</button>
<button class="btn_result_now">立即生成</button>
<div class="checkbox_wrap">
<p class="active agree-item">我已阅读并同意：生成的论文范文仅用于参考，不作为毕业论文使用</p>
</div>
<div id="upgrade-modal" class="upgrade-modal">
<div class="upgrade-content">
<div class="upgrade-info"><img src="//css.chachongz.com/images/ai2/ai_upgrade.png" alt="">服务器正在维护，请耐心等待<span id="upgrade_time"></span>~</div>
<div class="upgrade-button2" onclick="hideUpgradeMoadl()">知道啦~</div>
</div>
</div>
<!-- <p>
<img src="./style/img/checked_icon.svg" alt="">
我已阅读并同意：生成的论文范文仅用于参考，不作为毕业论文使用
</p> -->
</div>
<script>
$(document).ready(function () {
// 等待页面加载完毕
$(window).on('load', function () {
// optButton();
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(){
$('#upgrade-modal').hide()
}
function geiAiUpgradeInfo(callback, param){
$.ajax({
type: "post",
url: '/ajax_ai_upgrade_info',
data: {},
success: function (jsondata) {
var res = JSON.parse(jsondata);
if(res.status && res.data){
$('#upgrade_time').html(res.data)
$('#upgrade-modal').show()
return true;
}
callback(param);
}
});
}
function toggleSelect() {
var select = document.getElementById('project_select');
select.size = select.size ? 0 : 3; // 切换展开/收起状态
console.log(select,'select====');
}
function hideDom(dom){
if($(dom).hasClass('disBlock'))$(dom).removeClass('disBlock')
$(dom).addClass('disNone')
@ -228,17 +388,23 @@
$('.inputChange').on('blur', function() {
checkAiTitle()
});
function getFormData() {
var formData = new FormData(document.querySelector('form'));
var data = {};
for (var [key, value] of formData.entries()) {
data[key] = value;
}
console.log(data);
}
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){
//初始化推荐标题
@ -379,92 +545,199 @@
if (res.status && res.data != 1) {
console.log('----',$('#loading').hasClass('disNone'));
if($('#loading').hasClass('disNone')){
showDom('.aititlePos')
// showDom('.aititlePos')
showOptArea('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>
//点击页面其余地方隐藏标题信息
$(document).click(function(event) {
if (!$(event.target).closest('.opt-advise').length) {
hideOptArea()
}
});
function showOptArea(area){
$('.opt-area').css('display','none');
$('.'+area).css('display','block');
}
function hideOptArea(){
$('.opt-area').css('display','none');
}
function getEducation2(radioName, value,eleClass,addClass){
let elePar = event.target.parentElement
if(elePar.classList.contains(addClass)){
elePar.classList.remove(addClass)
event.target.checked = false;
}else{
elePar.classList.add(addClass)
event.target.checked = true;
}
$('input[type="checkbox"]:checked').each(function() {
console.log($(this).val());
});//获取所有被选中的复选框
var selectedValues = $('input[type="radio"][name="wordnums"]:checked').val();
console.log(selectedValues,'selectedValues');
}
function getEducation(radioName, value,eleClass,addClass){
document.querySelectorAll(eleClass).forEach(function(elem) {
elem.addEventListener('click', function() {
document.querySelectorAll(eleClass).forEach(function(el) {
el.classList.remove(addClass);
});
// 给当前点击的元素添加 'active' 类名
this.classList.add(addClass);
});
});
var radios = document.getElementsByName(radioName);
for (var i = 0; i < radios.length; i++) {
if (radios[i].value === value) {
radios[i].checked = true;
break;
}
}
var selectedValues = $('input[type="radio"][name="wordnums"]:checked').val();
console.log(selectedValues,'selectedValues');
}
$('.agree-item').click(function(){
if($(this).hasClass('active')){
$(this).removeClass('active');
return;
}
$(this).addClass('active')
});
function checkTitle(title) {
title = title.replace(/\n/g,'\r\n').replace(/^[\n\r\f\t\v\x20]+/, '').replace(/[\n\r\f\t\v\x20]+$/, '');
if (title.length == 0) {
alert('请输入标题');
return false;
}
var title_min_limit = 1;
if (title.length < title_min_limit) {
alert('标题不能少于'+title_min_limit+'字');
return false;
}
var title_max_limit = 50;
if (title.length > title_max_limit) {
alert('标题不能多于'+title_max_limit+'字');
return false;
}
return true;
}
function checkContent(content) {
content = content.replace(/\n/g,'\r\n').replace(/^[\n\r\f\t\v\x20]+/, '').replace(/[\n\r\f\t\v\x20]+$/, '');
var content_min_limit = 1;
// var content_min_limit = $("#htmlconfig").attr('content_min_limit');
if (content.length < content_min_limit) {
alert('内容不能少于'+content_min_limit+'字');
return false;
}
// var content_max_limit = $("#htmlconfig").attr('content_max_limit');
// if (content.length > content_max_limit) {
// alert('内容不能多于'+content_max_limit+'字');
// return false;
// }
return true;
}
function showCreateCatalogue(){
geiAiUpgradeInfo(createCatalogue)
}
function createCatalogue(){
if(!$('.agree-item').hasClass('active')){
alert("请阅读并勾选同意《服务条款》");
return;
}
var chkType = $('li.active_select').attr('type');
$.ajax({
type: "post",
url: 'http://aitest.chachongz.com/ajax_get_config',
async:false,
data: {
type: chkType,
is_pc_webpage: 1
},
success: function(jsondata) {
var data = JSON.parse(jsondata);
if(!data.status){
alert(data.info);
return;
}
var title = $(".inputChange").val();
var r = checkTitle(title);
if(!r) return;
var core_content = $('.textAreaForWordCount').val();
var r = checkContent(core_content);
if(!r) return;
var edu= parseInt($('#paper-edu-wrapper').find('input[type="radio"]:checked').val());
if(edu<=0 || !edu) {
alert("请选择您的学历");
return;
}
if(!$('.form_essayWords').hasClass('hide')){
var wordnums= parseInt($('.textLength').find('input[type="radio"]:checked').val());
if(wordnums<=0 || isNaN(wordnums)) {
alert("请选择您的字数");
return;
}
}
var major = parseInt($('#paper-major-wrapper').find('option:selected').val());
if(major<=0 || !major) {
alert("请选择您的专业");
return;
}
var table_and_formulas_obj = $('#paper-table_and_formulas-wrapper').find('input:checked');
var table_and_formulas='';
for (var index = 0; index < table_and_formulas_obj.length; index++) {
var table_and_formulasval = table_and_formulas_obj.eq(index).val();
if(table_and_formulas == '') {
table_and_formulas = table_and_formulasval;
continue;
}
table_and_formulas += ','+table_and_formulasval;
}
var url = data.data.agent_domain+"/catalogue?title="+encodeURIComponent(title);
var content_min_limit = $("#htmlconfig").attr('content_min_limit');
if(!$('.coreContent').hasClass('hide')){
var core_content = $('.textAreaForWordCount').val();
if(core_content.trim().length == 0 && content_min_limit>0){
alert("论文核心内容不能为空");
return;
}
url += '&core='+encodeURIComponent(core_content.trim());
}
if(table_and_formulas != '' && table_formula_types.indexOf(chkType) !== -1) url += '&table_and_formulas='+table_and_formulas;
if(!$('.form_essayWords').hasClass('hide')) url += '&aiessay_wordnum='+wordnums;
if(major) url += '&major='+major;
if(edu) url += '&edu='+edu;
loginComAction(url);
}
});
}
function geiAiUpgradeInfo(callback, param){
$.ajax({
type: "post",
url: 'http://aitest.chachongz.com/ajax_ai_upgrade_info',
data: {},
success: function (jsondata) {
var res = JSON.parse(jsondata);
if(res.status && res.data){
$('#upgrade_time').html(res.data)
$('#upgrade-modal').show()
return true;
}
callback(param);
}
});
}
</script>
</div>
<div class="footer">
<div class="footerbox backColor2">

157
style/css/index.css
View File

@ -22,7 +22,7 @@ body,p,div{
.ft18{
font-size: 18px;
}
.disNone{
.disNone,.hide{
display: none !important;
opacity: 0;
transition: all .3s;
@ -430,17 +430,17 @@ li .select_icon{
.placeBox{
position: absolute;
left: 0;
top: 0;
width: 162px;
right: 24px;
top: 2px;
/* width: 162px; */
display: flex;
font-size: 14px;
line-height: 18px;
justify-content: space-between;
padding: 13px 12px;
padding: 12px 12px;
background-color: #fff;
color: #A5ABAF;
border: 1px solid #E8E8E8;
/* border: 1px solid #E8E8E8; */
border-radius: 6px;
}
@ -458,6 +458,16 @@ li .select_icon{
width: 186px;
margin-right: 22px;
}
.key_words input{
display: flex;
flex: 1;
flex-direction: row;
align-items: center;
background-color: #fff;
border: 1px solid #E8E8E8;
padding: 8px 8px 8px 12px;
border-radius: 6px;
}
.oneRight{
flex: 1;
display: flex;
@ -480,10 +490,10 @@ li .select_icon{
color: #1F2225;
height: 32px;
}
.oneRight input::placeholder{
.oneRight input::placeholder, .key_words input::placeholder{
color:#8C919D;
}
.oneRight input:focus-visible{
.oneRight input:focus-visible ,.key_words input:focus-visible{
outline: none;
}
.loadingPos,.aititlePos{
@ -492,6 +502,7 @@ li .select_icon{
left: 0px;
top: 48px;
width: calc(100% - 28px);
z-index: 2;
/* 自动布局 */
display: flex;
flex-direction: column;
@ -503,6 +514,9 @@ li .select_icon{
border: 1px solid #E8E8E8;
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
.opt-area{
display: none;
}
.posBack{
/* 自动布局子元素 */
/* position: static;
@ -544,6 +558,7 @@ li .select_icon{
align-items: center;
font-size: 12px;
max-width: 710px;
color: #8B919A;
}
.posStep img{
width: 6px;
@ -674,12 +689,44 @@ li .select_icon{
line-height: 18px;
color: #9E9E9E;
}
.education{
.education,.essayWords,.tableChart{
display: flex;
align-items: center;
margin-right: 24px;
position: relative;
cursor: pointer;
}
.education input,.essayWords input{
opacity: 0;
position: absolute;
left: 0;
}
.tableChart input{
opacity: 0;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
.education div, .essayWords div, .tableChart div{
width: 18px;
height: 18px;
margin-right: 3px;
cursor: pointer;
}
.education div,.essayWords div{
background: url(../img/education_no_select.svg);
}
.edu_active_select div, .essayWords_active div{
background: url(../img/education_select.svg);
}
.btn_result{
.tableChart div{
background: url(../img/no_checked_icon.svg);
}
.tableChart_active div{
background: url(../img/checked_icon.svg);
}
.btn_result,.btn_result_now{
width: 200px;
height: 50px;
font-size: 15px;
@ -691,7 +738,7 @@ li .select_icon{
margin-top: 30px;
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
}
.btn_result + p{
.checkbox_wrap {
margin-top: 12px;
font-size: 12px;
line-height: 18px;
@ -699,8 +746,92 @@ li .select_icon{
align-items: center;
color: #8C919D;
}
.btn_result + p>img{
margin-right: 8px;
.checkbox_wrap p::before{
content: '';
width: 15px;
height: 15px;
display: inline-block;
background: url(../img/no_checked_icon.svg) center center no-repeat;
vertical-align: middle;
margin-right: 4px;
position: relative;
top: -1px;
}
.checkbox_wrap p.active::before{
content: '';
width: 15px;
height: 15px;
display: inline-block;
background: url(../img/checked_icon.svg) center center no-repeat !important;
vertical-align: middle;
margin-right: 4px;
position: relative;
top: -1px;
}
.no-click {
pointer-events: none;
/* 其他样式，比如透明度调整等 */
opacity: 0.5;
}
.upgrade-modal{
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0.22);
z-index: 999999999;
}
.upgrade-content{
width: 445px;
height: 162px;
background: #FFFFFF;
border-radius: 8px;
position: absolute;
top:50%;
left: 50%;
margin-top: -81px;
margin-left: -220px;
text-align: center;
}
.upgrade-info,.upgrade-info span{
font-size: 16px;
color: #000000;
line-height: 20px;
margin-top: 28px;
}
.upgrade-info img{
width: 38px;
height: 38px;
margin-right: 9px;
display: inline-block;
vertical-align: middle;
}
.upgrade-button{
width: 132px;
height: 40px;
background: linear-gradient( 139deg, #76EAE7 0%, #43CBC7 100%);
border-radius: 6px;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
line-height: 40px;
text-align: center;
margin: 28px auto;
}
.upgrade-button2{
width: 132px;
height: 40px;
background: linear-gradient( 270deg, #005FFF 0%, #00DBFF 100%);
border-radius: 6px;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
line-height: 40px;
text-align: center;
margin: 28px auto;
}
.textAreaRight{
display: flex;

80
style/js/index.js
View File

@ -20,6 +20,14 @@ $(document).ready(function() {
element.removeClass('stickyStep')
}
});
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 = $(this).attr('maxlength');
@ -127,10 +135,82 @@ $(document).ready(function() {
function showAdviseTitle(){
console.log('haha');
}
function getWordCountList(){
var chkType = $('li.active_select').attr('type');
var word_list_str = $("#word_list_str"+chkType).val();
$('.form_essayWords').addClass('disNone');
if(word_list_str){
var word_list = word_list_str.split(",");
if(word_list.length>0){
$('.form_essayWords').removeClass('disNone');
}
}
}
$('li').click(function(e) {
if ($('li').hasClass('active_select')) {
$('li').removeClass('active_select')
}
$(this).addClass('active_select')
getWordCountList();
var t = $('li.active_select').attr('type');
console.log(t,'=======ttttt');
if(t =='94'){//字数
$('.form_essayWords').show();
$('.side_info').show();
$('.btn_result').show()
$('.btn_result_now').hide()
$('.key_words').addClass('hide')
} else{
$('.btn_result').hide()
$('.btn_result_now').show()
$('.form_essayWords').hide();
$('.side_info').hide();
$('.key_words').removeClass('hide')
}
if(t == '64'){
$('.key_words').show()
}else{
$('.key_words').hide()
}
if (['81','85'].indexOf(t) !== -1) {//
$('.coreContent').show();
} else{
$('.coreContent').hide();
}
// $("#downdemo").attr('href', '/downreportdemo/type/'+t);
//图表公式
var table_formula_types = getTableFormulaTypes('support_table_formula_types');
if (table_formula_types) {
if (table_formula_types.indexOf(t) !== -1) {
$('#paper-table_and_formulas-wrapper').parent().show();
} else{
$('#paper-table_and_formulas-wrapper').parent().hide();
}
}
changeLiActive(t,'support_titleMore','.normal_recommend_title')// 标题优化
changeLiActive(t,'support_pro','.custom-select')// 专业优化
changeLiActive(t,'support_edu','.formItem_pro')// 学历优化
});
function changeLiActive(t,attr_type,ele){
var support_titleMore = getTableFormulaTypes(attr_type);
if (support_titleMore) {
if (support_titleMore.indexOf(t) !== -1) {
$(ele).removeClass('disNone');
// $(ele).css('display','block')
} else{
$(ele).addClass('disNone');
// $(ele).css('display','none')
}
}
}
function getTableFormulaTypes(attr_type) {
var support_table_formula_types = $("#htmlconfig").attr(attr_type);
if (!support_table_formula_types) return '';
var support_table_formula_types_arr = support_table_formula_types.split(",");
return support_table_formula_types_arr;
}
});
Write Preview
Loading…
Cancel
Save