<!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=101">
    <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>
</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 point" type="1">论文写作</div>
                <div class="right_btn point" type="2">报告下载</div>
            </div>
        </header>
        <div class="main_page_top ">
            <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>
        <div class="hide" id="styleUrl" url="{$priv_style}"></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 normal_step1 active_step " stepNum="1">
                            <dt></dt>
                            <dd>
                                <span class="nor_step_title ">输入论文题目</span>
                                <span>生成千字大纲</span>
                            </dd>
                        </dl>
                        <div class="step_line "></div>
                        <dl class="normal_step normal_step2 step_two" stepNum="2">
                            <dt></dt>
                            <dd>
                                <span class="nor_step_title">编辑大纲</span>
                                <span>生成论文初稿</span>
                            </dd>
                        </dl>
                        <div class="step_line  step_two"></div>
                        <dl class="normal_step normal_step3" stepNum="3">
                            <dt></dt>
                            <dd>
                                <span class="nor_step_title">下载论文</span>
                                <span>一键快速下载论文</span>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="backColor2 user_default">
                    <div class="user_none hide"></div>
                    <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" check_flag="aippt">
                            <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>
                    <!-- 新版加载测试 -->
                    <!-- <div class="step-icon" id="loading-step5"></div>
                    <div class="loading-text">加载中...5%</div> -->
                    <!-- 新版加载测试 -->

                    <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-dropdown">
                                <div class="custom-icon"></div>
                                <input type="text" class="dropdown-input" placeholder="选择您的论文专业" selected_val="0"
                                    id="myInput" onclick="showDropdown()" readonly>
                                <div id="myDropdown" class="dropdown-content">
                                    <p value="1">经济</p>
                                    <p value="2">教育</p>
                                    <p value="3">文学</p>
                                    <p value="4">医药</p>
                                    <p value="5">法律</p>
                                    <p value="6">计算机科学</p>
                                    <p value="7">建筑科学</p>
                                    <p value="8">工业技术</p>
                                    <p value="9">其它(自动识别)</p>
                                </div>
                            </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">
                                    <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">
                                    <div></div>
                                    <label for="edu1">大专</label>
                                </div>
                                <div class="education edu_active_select">
                                    <input value="2" type="radio" name="edu" id="edu2">
                                    <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>
                                <!-- {literal} -->
                                <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>
                                <!-- {/literal} -->
                            </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 words_content" id="textLength">
                            </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>
                        <div class="form_pptItem " style="display: none;">
                            <input id="upload_file_md5" type="hidden" value="">
                            <input id="upload_file_name" type="hidden" value="">
                            <input id="upload_file_tmpname" type="hidden" value="">
                            <div class="ppt_label flex">
                                上传论文
                                <img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
                            </div>
                            <div class="ppt_upload flex">
                                <input type="file" id="fileUpload" class="point hide" name="file">
                                <div class="uploadShow center point ">
                                    <img src="{$priv_style}/img/addUpload.svg" alt="">
                                    <p class="ft14">支持单篇上传,txt doc docx文档,上限80M</p>
                                </div>
                                <div class="uploadMesShow flex hide">
                                    <img src="{$priv_style}/img/uploadFileIcon.svg" alt="">
                                    <div class="fileInfobox">
                                        <div class="fileInfo flex">
                                            <span class="fileName">文件名称。doc</span>
                                            <div class="uploadMes hide">上传中。。。95</div>
                                        </div>
                                        <div id="cancleBtn" class="point btn">取消上传</div>
                                        <div id="againBtn" class="hide btn point">重新上传</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form_pptItem " style="display: none;">
                            <div class="flex ppt_labelTwo">
                                <div>选择标签
                                    <img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
                                </div>
                                <div class="lookAll point">
                                    查看全部
                                    <img src="{$priv_style}/img/lookAllPPT.svg" alt="">
                                </div>
                            </div>
                            <div class="ppt_temList">
                            </div>
                        </div>
                    </form>
                    <div class="flex btnWrap">
                        <button class="btn_mast point" >立即生成正文</button>
                        <button class="btn_result point" onclick="showCreateCatalogue()">先生成论文大纲</button>

                        <button class="btn_result_now point" id="formInputSumbtn">立即生成</button>
                    </div>
                    <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.chachongzhan.com/images/ai2/ai_upgrade.png"
                                    alt="">服务器正在维护,请耐心等待<span id="upgrade_time"></span>~</div>
                            <div class="upgrade-button2" onclick="hideUpgradeMoadl()">知道啦~</div>
                        </div>
                    </div>
                </div>
                <div class="backColor2 backColorAdd step_add_three  hide">
                    <h4>您将获得</h4>
                    <div class="addServiceds_show">
                        <div class="serviceds_top">
                            <div class="top_left">
                                <img src="{$priv_style}/img/rsetgy.png" alt="">
                                <div>
                                    <h4>正文 | <span id="mainText">haha]h哈哈哈哈哈</span>.doc</h4>
                                    <p class="ft12 mainEduWords">本科·约2000字</p>
                                </div>
                                <span>X1</span>
                            </div>
                            <div class="top_left">
                                <img src="{$priv_style}/img/sthrseth.png" alt="">
                                <div>
                                    <h4><span class="notNormalBZ">赠送</span>查重报告</h4>
                                    <p class="ft12">贴合学校主流查重系统结果</p>
                                </div>
                                <span>X1</span>
                            </div>
                        </div>
                        <div class="serviceds_bottom flex">
                        </div>
                    </div>
                </div>
                <!-- <div class="backColor2 backColorAdd step_add_three  hide">
                    <h4>增值附加服务 <img src="{$priv_style}/img/add_hot.svg" alt=""><span>HOT</span></h4>
                    <div class="addListBox flex">
                    </div>
                </div> -->
                <button class="btn_result_now2 point  step_add_three  hide" id="click_AI_moretext">点击生成正文</button>

                {literal}
                <script>
                    var stepFlag = false;
                    var eduObj = {
                        '1': '大专',
                        '2': '本科',
                        '3': '硕博'
                    }
                    var service_domain = location.origin+'/';
                    // var service_domain = 'https://www.90616.com/'
                    
                    $(document).ready(function () {
                        // 等待页面加载完毕
                        $(window).on('load', function () {
                            // optButton();
                            checkAiTitle();
                            //默认选中
                            $('#edu2').prop('checked', true);
                            $('#table_and_formulas3').prop('checked', true);
                            $('#table_and_formulas4').prop('checked', true);
                            $('.coreContent').hide()
                            $('.btn_result_now').hide()
                        });
                    });
                    function showDropdown() {
                        var dropdownContent = document.getElementById("myDropdown");
                        dropdownContent.style.display = "block";
                    }

                    // 当用户点击其他地方时隐藏下拉框
                    window.onclick = function (event) {
                        if (!event.target.matches('.dropdown-input')) {
                            var dropdownContent = document.getElementById("myDropdown");
                            if (dropdownContent.style.display === "block") {
                                dropdownContent.style.display = "none";
                            }
                        } else {
                        }
                    }
                    function showNextFunc() {
                        stepFlag = true;
                        geiAiUpgradeInfo(createCatalogue)
                    }
                    function showNextStep(title, chkType, wordnums, eduObj, edu) {
                        //修改步骤条状态
                        $('.normal_step').removeClass('active_step')
                        $('.step_line').removeClass('suc_step_line')
                        $('.step_line').eq(0).addClass('suc_step_line')
                        $('.step_line').eq(1).addClass('suc_step_line')
                        $('.normal_step').eq(0).addClass('success_step')
                        $('.normal_step').eq(1).addClass('success_step')
                        $('.normal_step').eq(2).addClass('active_step')
                        // $('.step_add_three').removeClass('hide')
                        // $('#mainText').html(title)
                        // $('.user_none').removeClass('hide')//禁用
                        // if (chkType != '82') {
                        //     let mainEduWords = eduObj[edu] + '·约' + wordnums + '字'
                        //     $('.step_add_three .mainEduWords').html(mainEduWords)
                        // } else {
                        //     $('.step_add_three .mainEduWords').html(eduObj[edu])
                        // }
                        // if (chkType == '94') {
                        //     window.scrollTo({ top: 1000, behavior: 'smooth' })
                        // } else {
                        //     window.scrollTo({ top: 800, behavior: 'smooth' })
                        // }
                    }
                    $('.dropdown-content p').click(function () {
                        $('.dropdown-content p').removeClass('selected_back')
                        $(this).addClass('selected_back')
                        let value = parseInt($(this).attr('value'));
                        $('.dropdown-input').val($(this).text())
                        $('.dropdown-input').attr('selected_val', value)
                    })

                    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: service_domain + '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 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() {
                        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;
                        }
                    }
                    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');
                        });

                        showOptArea('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')){
                        if ($('#loading').css('display') == 'block') {
                            var intervalId = setInterval(function () {
                                var adviseTitle = $('#advise-ul').html();
                                if (adviseTitle) {
                                    clearInterval(intervalId)
                                    showOptArea('advise-area');

                                }
                            }, 500);
                        }

                        $('.opt-advise input').on('input', function () {
                            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: "http://css.chachongzhan.com/images/ai2/modelessay/loading_analysis.json", // AE 导出JSON文件
                            });
                        } else {
                            return lottie.loadAnimation({
                                container: obj, //dom元素的容器
                                loop: false, //循环播放
                                autoplay: true, //自动播放
                                path: "http://css.chachongzhan.com/images/ai2/modelessay/loading_done.json", // AE 导出JSON文件
                            });
                        }
                    }
                    function getAdviseTitle() {
                        let title = $('.inputChange').val();
                        let title_type = $('#cur_title_type').val()
                        $.ajax({
                            type: "post",
                            url: service_domain + '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: service_domain + '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) {
                                    if ($('#loading').css('display') == 'none') {
                                        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');
                    }
                    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() {
                        stepFlag = false;
                        geiAiUpgradeInfo(createCatalogue)
                    }
                    function showAdviseTitle() {
                        geiAiUpgradeInfo(adviseTitle)
                    }

                    function createCatalogue() {
                        if (!$('.agree-item').hasClass('active')) {
                            alert("请阅读并勾选同意《服务条款》");
                            return;
                        }
                        var chkType = $('li.active_select').attr('type');
                        $.ajax({
                            type: "post",
                            url: service_domain + '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;
                                }
                                let pathType = {
                                    '94': 'aiessayzx',
                                    '82': 'aiessayen'
                                }
                                var title = $(".inputChange").val();
                                var r = checkTitle(title);
                                if (!r) return;
                                var edu = parseInt($('#educationRight').find('input[type="radio"]:checked').val());
                                if (edu <= 0 || !edu) {
                                    alert("请选择您的学历");
                                    return;
                                }
                                if (chkType != '82' && $('.form_essayWords').css('display') !== 'none') {
                                    var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
                                    if (wordnums <= 0 || isNaN(wordnums)) {
                                        alert("请选择您的字数");
                                        return;
                                    }
                                }

                                var major = parseInt($('.dropdown-input').attr('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').css('display') !== 'none') {
                                    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').css('display') !== 'none') {
                                    url += '&aiessay_wordnum=' + wordnums;
                                }
                                if (major) url += '&major=' + major;
                                if (edu) url += '&edu=' + edu;
                                if (stepFlag) {
                                    showNextStep(title, chkType, wordnums, eduObj, edu)
                                    return
                                }
                                setTimeout(() => {
                                    window.open(url);
                                }, 1500)
                            }
                        });
                    }
                    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(); 
                </script>
                {/literal}
            </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 class="footerBox">
                    <span>
                        Copyright ©2024 . All Rights Reserved {if $webbeian}{$webbeian}{/if}
                    </span>
                    {if $company_name !=''}<span>{$company_name}</span>{/if}
                </footer>
            </div>
        </div>
        <div class="look_PPT_modal hide">
            <div class="lookPPT flex">
                <div class="look_backImgBox">
                    <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
                    <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
                    <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
                    <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
                </div>
                <img src="{$priv_style}/img/exitLook.svg" class="exitLook point" alt="">
                <div class="look_content">
                    <div class="look_left">
                        <!-- <div class="look_backImgBox">
                            <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
                            <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
                            <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
                            <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt="">
                        </div> -->
                        <!-- <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt=""> -->
                        <div class="look_left_top">
                            <img src="{$priv_style}/img/ppt_2.png" alt="" class="topimg">
                            <div class="gallery-box flex">
                                <img id="prev" class="point" src="{$priv_style}/img/prevPPT.svg" alt="">
                                <div id="gallery-container">
                                    <div class="gallery"></div>
                                </div>
                                <img id="next" class="point" src="{$priv_style}/img/nextPPT.svg" alt="">
                            </div>
                        </div>
                        {literal}
                        <script>
                            const gallery = document.querySelector('.gallery');
                            const images = document.querySelectorAll('.gallery img');
                            const leftButton = document.getElementById('prev');
                            const rightButton = document.getElementById('next');
                            let currentIndex = 0;
                            leftButton.addEventListener('click', function () {
                                moveLeft();
                            });
                            rightButton.addEventListener('click', function () {
                                moveRight();
                            });
                            function moveLeft() {
                                if (currentIndex > 0) {
                                    currentIndex--;
                                    gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex) * 16}px)`;
                                }
                            }
                            function moveRight() {
                                const images = document.querySelectorAll('.gallery_img');
                                if (currentIndex < images.length - 4) { // 四张固定展示
                                    currentIndex++;
                                    gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex) * 16}px)`;
                                }
                            }
                        </script>
                        {/literal}
                        <div class="look_left_bot flex">
                            <div class="ppt_cancel point">取消预览</div>
                            <div class="ppt_submit point">使用模板</div>
                        </div>
                    </div>
                    <div class="look_right">
                        <h4>选择PPT模板</h4>
                        <div class="ppt_temList">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pageMask hide"></div>
        <div class="payTypeList hide" cur="2"></div>
        <div class="payModal hide">
            <div class="pay_header">
                <h4>订单详情</h4>
                <img src="{$priv_style}/img/modal_close.svg" class="close_modal point" alt="">
            </div>
            <div class="pay_message">
            </div>
            <div class="payModal_main"></div>
        </div>

        <div id="report_page" class="hide">
            <div class="report_box center">
                <div class="report_content ">
                    <h3>报告下载</h3>
                    <div class="search_report">
                        <span>订单编号:</span>
                        <input class="report_input" type="text" placeholder="请输入您的订单号来查找报告">
                        <span>|</span>
                        <span id="searchReport" class="point">查找报告</span>
                    </div>
                    <div class="report_list">
                        <p class="report_ques center"><img src="{$priv_style}/img/question.svg" alt="">找不到订单编号?</p>
                        <div class="findtid-wrap hide">
                            <div class="findtid-wrap-tip">
                                <div class="findtid-wrap-tip-trigger"></div>
                            </div>
                            <ul>
                                <li class="select"
                                    style="border:none !important;;width: auto;padding:none;border-radius:0">
                                    <p>微信支付</p>
                                </li>
                                <li>
                                    <p>支付宝支付</p>
                                </li>
                                <li>
                                    <p>淘宝订单</p>
                                </li>
                            </ul>
                            <img src="{$priv_style}/img/wx_pay_mes.png" alt="" style="height:168px">
                            <img class="hide" src="{$priv_style}/img/zfb_pay_mes.png" alt="" style="height:168px">
                            <img class="hide" src="{$priv_style}/img/tb_pay_mes.png" alt="" style="height:168px">
                        </div>
                    </div>
                    <div class="report_detail">
                        <div class="empty center">
                            <img src="{$priv_style}/img/report_null.svg" alt="">
                            <p>咦~ 还没有订单号呢?</p>
                        </div>
                        <div class="report_main" style="display: none;">
                            <div class="main_top">
                            </div>
                            <div class="downLoad point" style="display: none;">下载</div>
                        </div>
                    </div>
                </div>
                <div class="report_mes center ft12">
                    <img src="{$priv_style}/img/mes.svg" alt="">
                    系统保留7天以内的检测报告,超过7天则被删除,确保您的论文不会被泄露和盗窃,检测完成后请尽快下载您的检测报告。
                </div>
            </div>
        </div>

        <div class="pay_complete_modal purpleColor hide">
            <div class="pay_com_left">
                <div class="left_logo">AI 写作大师</div>
                <div class="left_ai">写作大师即将为您生成正文<br />支付后您将获赠:<div class="left_ai_img"></div>
                </div>
                <div class="left_line"></div>
                <div class="left_ai_listMes">
                </div>
            </div>
            <div class="pay_com_right">
                <div class="right_title">
                    一顿火锅钱,为您节省1000小时写作时长
                    <img src="{$priv_style}/img/modal_close.svg" class="close_modal point" alt="">
                </div>
                <div class="right_main">
                    <div class="right_main_content">
                        <h4>订单详情</h4>
                        <div class="pay_completeDetailMes"></div>
                        <div class="addServices_box ">
                            <h4>增值服务</h4>
                            <!-- <p class="add_length">您选择了3项增值服务</p> -->
                            <div class="addListBox flex">
                            </div>
                        </div>
                        <div class="pay_complete_main"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- <div class="continue_pay_modal flex">
            <div class="continue_title flex">
                <h3>您的论文框架已准备就绪!</h3>
                <img src="{$priv_style}/img/modal_close.svg" alt="">
            </div>
            <div class="continue_lunwen">
                <span>论文大纲</span>
                <span>参考文献</span>
                <span>正文内容</span>
                <span class="pay_progess">已完成80%</span>
            </div>
            <div class="continue_dagang">
                <div class="left"></div>
                <div class="right"></div>
            </div>
            <div class="continue_payGift">
                <h4>支付后将将为您提供:</h4>
                <div class="gift_list">
                    <div class="gift_item">
                        <p>专业的万字AI论文</p>
                        <p>符合学术规范的写作表达</p>
                    </div>
                    <div class="gift_item">
                        <p>本次附赠查重报告</p>
                        <p>不会照搬照抄</p>
                    </div>
                    <div class="gift_item">
                        <p>真实的文献引用</p>
                        <p>规范的引用格式与标注</p>
                    </div>
                </div>
            </div>
            <div class="continue_footer">
                <p><img src="{$priv_style}/img/continue_footer_icon.svg" alt=""> 离开后本次生成的论文框架将丢失哦!</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/kefuQrcode2.png" alt="">
                    <p class="ft12">微信扫码添加客服</p>
                    <p class="ft12">上班时间:9:00-16:00</p>
                </div>
            </div>
        </div>
    </div>

    {$access_stats_code}
</body>
<script src="{$priv_style}/js/index.js?v=110"></script>

</html>