<!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="{$priv_style}/css/index.css?v=192">
    <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"></script>
    <!-- <script src="qrcode.js"></script> -->
</head>

<body>
    <div class="big_container">
        <header>
            <div class="left">
                <img src="{$priv_style}/img/title_logo.svg" alt="">
                AI 写作大师
            </div>
            <div class="right">
                <div class="right_btn activebtn">论文写作</div>
                <div class="right_btn"><a href="http://aitest.chachongz.com/report2" target="_blank"
                        rel="noopener noreferrer">报告下载</a></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="{$priv_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="{$priv_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 step_two">
                            <dt>
                                <img src="{$priv_style}/img/step_2.svg" alt="">
                            </dt>
                            <dd>
                                <span class="nor_step_title">编辑大纲</span>
                                <span>生成论文初稿</span>
                            </dd>
                        </dl>
                        <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="">
                            </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" type="94" check_flag='aiessayzx'>
                            <img src="{$priv_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">
                        </li>
                        <li type="81" check_flag="aiessaystd">
                            <img src="{$priv_style}/img/calsstext.svg" alt="" class="li_icon">
                            <span>课程论文</span>
                            <img src="{$priv_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">
                            <span>专升本计划书</span>
                            <img src="{$priv_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">
                            <span>职称论文</span>
                            <img src="{$priv_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">
                            <span>开题报告</span>
                            <img src="{$priv_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">
                            <span>论文选题</span>
                            <img src="{$priv_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">
                            <span>文献综述</span>
                            <img src="{$priv_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">
                            <span>答辩PPT</span>
                            <img src="{$priv_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">
                            <span>任务书</span>
                            <img src="{$priv_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">
                            <span>英文论文</span>
                            <img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon">
                        </li>
                    </ul>
                    <form action="" class="my_form">
                        <div class="formOne opt-block">
                            <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="82,94" 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" onclick="toggleSelect()">
                                    <!-- 请选择您的论文专业 -->
                                    <img src="{$priv_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 opt-advise">
                                <img src="{$priv_style}/img/input_icon.svg" alt="">
                                <input type="text" class="inputChange " placeholder="输入完整的论文标题,获得更好的生成效果">
                                <div class="total_length">
                                    <span class="inputText" max="100" min="1">0/100</span>
                                </div>
                                <div class="normal_recommend_title">
                                    <img src="{$priv_style}/img/title_icon.svg" alt="">
                                    <span onclick="showAdviseTitle()">标题推荐</span>
                                    <div class="aititlePos opt-area" id="not-title" >
                                        <div class="posBack">
                                            <div class="posHead flex">
                                                <img src="{$priv_style}/img/posStart.svg" alt="">
                                                <p>您输入的标题更像是论文要求呢,让AI帮您优化标题吧!</p>
                                            </div>
                                            <div class="posStep flex">
                                                <img src="{$priv_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="">
                                                <span>AI深度分析,根据内容推荐标题</span>
                                                <img src="{$priv_style}/img/line11111.svg" alt="" class="posLine">
                                                <img src="{$priv_style}/img/posCircle.svg" alt="">
                                                <span>选择推荐标题</span>
                                            </div>
                                        </div>
                                        <div class="posFooter">
                                            <div class="ignoreBtn" onclick="hideOptArea()">忽略</div>
                                            <div class="startBtn" onclick="startGetTitle('aititlePos')">开始优化</div>
                                        </div>
                                    </div>
                                    <div id="loading" class="opt-area opt-click-hide loadingPos">
                                        <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="">
                                            <!-- <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="">

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

                                            <div class="step-icon" id="loading-step4"></div>
                                            <div class="step-text">完成</div>
                                        </div>
                                    </div>
                                    <div id="advise-area" class="opt-area opt-click-hide">
                                        <div id="title-change" class="title-change">
                                            <div class="change-text">检测到您的标题内容已修改,是否重新推荐标题</div>
                                            <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 id="advise-ul"></div>
                                        <div class="advise-refresh">
                                        <span style="width: 120px;" onclick="adviseTitle(true)">
                                            <img src="{$priv_style}/img/changeMore_tit.svg" alt="">换一批
                                        </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="formItem formItem_pro">
                            <div class="formLeft">
                                选择学历
                                <img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
                            </div>
                            <div class="formRight educationRight" id="educationRight">
                                <div class="education">
                                    <input value="1" type="radio" name="edu" id="edu1"
                                    onclick="getEducation('edu','1','.education','edu_active_select')">
                                    <div></div>
                                    <label for="edu1">大专</label>
                                </div>
                                <div class="education edu_active_select">
                                    <input value="2" type="radio" name="edu" id="edu2"
                                    onclick="getEducation('edu','2','.education','edu_active_select')">
                                    <div></div>
                                    <label for="edu2">本科</label>
                                </div>
                                <div class="education">
                                    <input value="3" type="radio" name="edu" id="edu3"
                                    onclick="getEducation('edu','3','.education','edu_active_select')">
                                    <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" placeholder="请输入选题关键词,例如:广告设计(2-50字内)" class="key_words_input" maxlength="50" minlength="2">
                            </div>
                        </div>
                        <div class="formItem side_info hide">
                            <div class="formLeft">辅助信息</div>
                            <div class="formRight textAreaRight">
                                <textarea name="textAreaForWordCount" class="textAreaForWordCount" id="side_textarea"
                                    placeholder="请输入相关的辅助信息,帮助论文生成的更加准确!(非必填)"></textarea>
                            </div>
                        </div>
                        <div class="formItem coreContent "style="display: none;">
                            <div class="formLeft">核心内容</div>
                            <div class="formRight textAreaRight">
                                <textarea name="coreContent" class="coreWordCount" id="coreTextarea" maxlength="200"
                                    placeholder="请写出需要在论文中包含的要点。"></textarea>
                                <div id="charCount" class="char-count">0/200</div>  
                                <script>
                                    const maxLength = 200; // 设置最大字数限制  
                                    $('#coreTextarea').on('input', function() {  
                                        const currentLength = $('#coreTextarea').val().length;  
                                        $('#charCount').text(`${currentLength}/${maxLength}`);
                                        if (currentLength > maxLength) {  
                                            $('#coreTextarea').val($('#coreTextarea').val().slice(0, maxLength)); // 如果超过限制,则截断文本  
                                        }  
                                    });
                                </script>
                            </div>
                        </div>
                        <div class="formItem form_essayWords">
                            <div class="formLeft">
                                论文字数
                                <img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
                            </div>
                            <div class="formRight educationRight" id="textLength">
                                <div class="essayWords">
                                    <input value="3000" type="radio" name="wordnums" id="wordnums3000"
                                    onclick="getEducation('wordnums','3000','.essayWords','essayWords_active')">
                                    <div></div>
                                    <label for="wordnums3000">约3000字</label>
                                </div>
                                <div class="essayWords">
                                    <input value="5000" type="radio" name="wordnums" id="wordnums5000"
                                    onclick="getEducation('wordnums','5000','.essayWords','essayWords_active')">
                                    <div></div>
                                    <label for="wordnums5000">约5000字</label>
                                </div>
                                <div class="essayWords">
                                    <input value="8000" type="radio" name="wordnums" id="wordnums8000"
                                    onclick="getEducation('wordnums','8000','.essayWords','essayWords_active')">
                                    <div></div>
                                    <label for="wordnums8000">约8000字</label>
                                </div>
                                <div class="essayWords">
                                    <input value="10000" type="radio" name="wordnums" id="wordnums10000"
                                    onclick="getEducation('edu','10000','.essayWords','essayWords_active')">
                                    <div></div>
                                    <label for="wordnums10000">约10000字</label>
                                </div>
                                <div class="essayWords">
                                    <input value="15000" type="radio" name="wordnums" id="wordnums15000"
                                    onclick="getEducation('edu','15000','.essayWords','essayWords_active')">
                                    <div></div>
                                    <label for="wordnums15000">约15000字</label>
                                </div>
                                <div class="essayWords">
                                    <input value="20000" type="radio" name="wordnums" id="wordnums20000"
                                    onclick="getEducation('edu','20000','.essayWords','essayWords_active')">
                                    <div></div>
                                    <label for="wordnums20000">约20000字</label>
                                </div>
                                <div class="essayWords">
                                    <input value="30000" type="radio" name="wordnums" id="wordnums30000"
                                    onclick="getEducation('edu','30000','.essayWords','essayWords_active')">
                                    <div></div>
                                    <label for="wordnums30000">约30000字</label>
                                </div>
                                <div class="essayWords">
                                    <input value="50000" type="radio" name="wordnums" id="wordnums50000"
                                    onclick="getEducation('edu','50000','.essayWords','essayWords_active')">
                                    <div></div>
                                    <label for="wordnums50000">约50000字</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>
                                <p>将在所生成范文的随机位置插入所选项</p>
                            </div>
                        </div>
                    </form>
                    <button class="btn_result point" onclick="showCreateCatalogue()">生成论文大纲</button>
                    <button class="btn_result_now point" id="formInputSumbtn">立即生成</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="{$priv_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 showTitleChange() {
                        $('#title-change').addClass('fade')
                        setTimeout(function (){
                            $('#title-change').removeClass('fade')
                        },5000)
                    }

                    function hideTitleChange() {
                        $('#title-change').removeClass('fade')
                    }
                    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);
                            }
                        });
                    }
                    function toggleSelect() {
                        var select = document.getElementById('project_select');
                        select.size = select.size ? 0 : 3; // 切换展开/收起状态
                    }
                    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() {
                        // hideDom('.aititlePos')
                        adviseTitle(true)
                    }
                    $('.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();
                        console.log(cur_title,'cur_title-----');
                        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');
                        });

                        showOptArea('loading');
                        console.log($('#loading'),'loading怎言了');
                        // 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 stepDone(step, ani){
                        let obj = document.getElementById('loading-step'+step);
                        obj.innerHTML = '';
                        obj.classList.remove('step-icon-active');
                        obj.classList.add('step-icon-done');
                        ani.destroy();
                    }
                    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');
                                    
                                }
                            }, 500);
                        }

                        $('.opt-advise input').on('input', function() {
                            console.log('------input');
                            if ($(this).val() !== window.title) {
                                showTitleChange()
                            }
                        });
                    }

                    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: "{$priv_style}/img/loding.json", // AE 导出JSON文件
                                path: "http://css.chachongz.com/images/ai2/modelessay/loading_analysis.json", // AE 导出JSON文件
                            });
                        } else {
                            return lottie.loadAnimation({
                                container: obj, //dom元素的容器
                                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文件
                            });
                        }
                    }
                    function getAdviseTitle() {
                        let title = $('.inputChange').val();
                        let title_type = $('#cur_title_type').val()
                        $.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);
                                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 confirmTitle(obj){
                        console.log(obj.innerText.length,'obj.innerText.length');
                        $('.inputChange').val(obj.innerHTML);
                        $('.inputText').text(obj.innerText.length + '/100');
                        hideOptArea();
                    }
                    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').css('display') == 'none') {
                                    // if ($('#loading').hasClass('disNone')) {
                                        // showDom('.aititlePos')
                                        showOptArea('not-title');

                                    }
                                }
                            }
                        });
                    }
                    //点击页面其余地方隐藏标题信息
                    $(document).click(function (event) {
                        if (!$(event.target).closest('.opt-advise').length) {
                            hideOptArea()
                        }
                    });
                    function showOptArea(area) {
                        $('.opt-area').css('display', 'none');
                        $('#' + area).css('display', 'block');
                        console.log(area,'advise-area---');
                    }
                    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 = 'essayWords_active') {
                        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) {
                        console.log('0000000000');
                        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 = 100;
                        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 showAdviseTitle(){
                        geiAiUpgradeInfo(adviseTitle)
                    }
                    function createCatalogue() {
                        if (!$('.agree-item').hasClass('active')) {
                            alert("请阅读并勾选同意《服务条款》");
                            return;
                        }
                        var chkType = $('li.active_select').attr('type');
                        console.log(chkType,'chkType====');
                        $.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 service_domain = 'http://aitest.chachongz.com/'
                                let pathType = {
                                    '94':'aiessayzx',
                                    '82':'aiessayen'
                                }
                                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($('#educationRight').find('input[type="radio"]:checked').val());
                                if (edu <= 0 || !edu) {
                                    alert("请选择您的学历");
                                    return;
                                }
                                if (chkType != '82' && !$('.form_essayWords').hasClass('hide')) {
                                    var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
                                    if (wordnums <= 0 || isNaN(wordnums)) {
                                        alert("请选择您的字数");
                                        return;
                                    }
                                }
                                var major = parseInt($('#project_select').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 = service_domain+ pathType[chkType] + "/catalogue?title=" + encodeURIComponent(title);
                                // 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;
                                location.href =url
                            }
                        });
                    }
                    function getTableFormulaTypes() {
                        var support_table_formula_types = $("#htmlconfig").attr("support_table_formula_types");
                        if (!support_table_formula_types) return '';

                        var support_table_formula_types_arr = support_table_formula_types.split(",");
                        return support_table_formula_types_arr;
                    }
                    var table_formula_types = getTableFormulaTypes(); 

                    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">
                    <div class="main_footer">
                        <div class="left_top">
                            <img src="{$priv_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 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="">
            </div>
            <div class="pay_content " 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="">
                            <span>微信支付</span>
                            <img class="pay_icon" src="{$priv_style}/img/pay_icon.svg" alt="">
                        </div>
                        <div class="pay_every" pay_type="3">
                            <img src="{$priv_style}/img/pay_zfb.svg" alt="">
                            <span>支付宝支付</span>
                            <img class="pay_icon" src="{$priv_style}/img/pay_icon.svg" alt="">
                        </div>
                    </div>
                    <div class="pay_right">
                        <p class="pay_moneyNum">应付总额:¥<span id="totalMoney"></span></p>
                        <p>扫码支付自动提交,请勿刷新</p>
                        <p>提交成功用订单号查询结果</p>
                    </div>
                </div>
            </div>
            <div class="pay_detail hide" mes="此页面信息至关重要,您可截图保存避免丢失">
                <div class="pay_succ_header">
                    <img src="{$priv_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="">
                            微信扫码,随时获知生成状态
                        </p>
                        <p>
                            订单号:<span id="pay_succ_tid">OIY898998787721878233</span>
                            <img src="{$priv_style}/img/copy_icon.svg" class="point" id="copy_tid" alt="">
                        </p>
                    </div>
                </div>
                <div class="pay_opera_btn">
                    <div class="payresultBtn1 point">再生成一篇</div>
                    <div class="payresultBtn2 point">去下载</div>
                </div>
            </div>
            <div class="modal_mes">
                <img src="{$priv_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 class="kefu point">
            <div class="kefuCom flex">
                <img class="linkIcon" src="{$priv_style}/img/wx_kefu.svg" alt="">
                <span class="ft14 linkkf">联系客服</span>
                <div class="kefuQrcode">
                    <img src="{$priv_style}/img/kefuQrcode.png" alt="">
                    <span class="ft12">微信扫码添加客服</span>
                    <span class="ft12">上班时间:9:00-16:00</span>
                </div>
            </div>
        </div>
    </div>
</body>

</html>