xiaoben-as2-php/protected/views/layouts/parse_label.php

<!--数学，物理上传试卷共用弹窗-->
<script src="/js/xndatepicker/src/moment.js"></script>
<script type="text/javascript" src="/js/xndatepicker/src/xndatepicker.js"></script>
<style>
    <!--
    .xndatepicker {
        z-index: 999999999;

    }

    #parse_area{
        width:720px;
        height:500px;
        font-size:12px;
    }
    .pa_head{
        width:100%;
        height:40px;
        color:#000;
    }
    .pa_middle{
        height:230px;
    }
    .pa_bottom{margin-top:10px;}
    .pa_title{float: left;width:100px;line-height: 40px;text-align: center;font-weight:bold;}
    .pa_tab{float:left;width:620px;line-height: 40px;}
    .pa_explain{float:left;width:620px;}
    .pa_upload_area{float:left;width:620px;background:#ddd;height:230px;}
    .pa_red{color:red;font-weight:bold}
    .pa_black{font-weight: bold}
    .pa_purple{color:purple;font-weight: bold}

    .pa_upload_area button{
        width:141px;
        height:43px;
        border:1px solid #2977ff;
        border-radius: 5px;
        background: #fff;
        display: block;
        margin:15px auto 0px auto;
        color:#2977ff;
        font-size:14px;
        font-weight:bold;
    }

    .pa_upload_area .show_word{
        display: block;
        text-align: right;
        width:100%;
        margin-top:120px;
        padding-right:10px;
    }

    /*标注样式*/
    #label_win{
        width:410px;
        height:300px;
        padding-left:10px;
    }
    .pa_label_tab{float:left;width:300px;line-height: 40px;}
    .estimate{height:20px;}
    .label_remark{width:100%;height:150px;resize:vertical;line-height: 20px;}

    .dateinputer{
        line-height:40px;
        height:40px;
        margin:10px 0;
        border:1px solid #ccc;
        cursor: pointer;
        position:relative;
        /*top:10px;*/
        /*left:20px;*/
        padding:0 6px;
        font-size:12px !important;
    }
    .flex-div{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-flow: column;
        margin-left:30px;
        margin-top:20px;
    }
    .shortcut{display: none}
    .dater1{
        -webkit-box-sizing:unset !important;
        box-sizing:unset !important;
    }
    -->
</style>

<div id="parse_area" style="display: none">
    <div class="pa_head">
        <div class="pa_title">解析方式:</div>
        <div class="pa_tab">
            <span><input type="radio" name="select_upload_mode" class="select_upload_mode" checked value="1" />模板解析</span>
            <span><input type="radio" name="select_upload_mode" class="select_upload_mode" value="2" />AI解析</span>
            <span><input type="radio" name="select_upload_mode" class="select_upload_mode" eid="" grade="" value="3" />复用试卷</span>
            <input type="hidden" name="upload_template_eid" value="">
            <input type="hidden" name="upload_template_type" value="2">
        </div>
    </div>
    <div class="pa_list">
        <div class="pa_middle">
            <div class="pa_title">选择文件:</div>
            <div class="pa_upload_area">
                <div class="upload_left upload_btn_1">
                    <button id="word_file_button">WORD上传</button>
                    <input type="file" name="word_file" id="word_file" style="display:none">
                    <span class="word_file_path"></span>
                    <span class="show_word"><a style="color:#619aff" href="/assets/data/physics_topic_mould.docx">word模板下载</a></span>
                </div>
                <div class="upload_left upload_btn_2" style="display: none">
                    <button id="paper_file_button">试卷上传</button>
                    <input type="file" name="paper_file" id="paper_file" style="display:none">
                    <span class="paper_file_path"></span>
                    <button id="parse_file_button">答案上传</button>
                    <input type="file" name="parse_file" id="parse_file" style="display:none">
                    <span class="parse_file_path"></span>
                    <span class="show_word" style="margin-top:70px;"><a style="color:#619aff;" download="" href="/images/example.png">查看图示</a></span>
                </div>
            </div>
        </div>
        <div class="pa_bottom">
            <div class="pa_title">注意事项:</div>
            <div class="pa_explain p_txt_1">
                1、一套试卷只能选择其中一种上传方式；<br>
                2、新解析支持格式word、pdf，每次只可上传一份试卷，试卷若为图片，请保存至word后上传；<br>
                3、试卷、答案分开上传时，请分别在不同的入口上传；若答案与试卷在同一份文件中，可直接在试卷入口上传即可，答案处不用上传；<br>
                4、文件最大不超过10MB；<br>
                5、AI解析，目前仅<span class="pa_red">高中物理、高中数学</span>在工作时间8:30-18:00内才可使用，其他学科不支持；<br>
                6、采用AI解析时，将由题库后台校对，预计会在<span class="pa_red">48</span>小时内完成，且学科老师在进行题目过编时，对于文档上传错误或者图片不清晰等的试卷，有权打回。<br>
                7、<span class="pa_red">AI解析处在试用阶段，上传试卷后无法撤回与重新上传，请谨慎使用……</span>;
            </div>

            <div class="pa_explain p_txt_2" style="display: none">
                <br>
                1、<span class="pa_red">请确保试卷及答案解析完整，再发送标注，否则无法生成错题本／个性化学习宝；</span><br>
                2、新解析支持格式word、pdf，每次只可上传一份试卷，试卷若为图片，请保存至word后上传；<br>
                3、试卷、答案分开上传时，请分别在不同的入口上传；若答案与试卷在同一份文件中，可直接在试卷入口上传即可，答案处不用上传；
                4、文件最大不超过10MB；<br>
            </div>
        </div>
    </div>
    <div class="copy_exam_list" style="display: none">
        <form id="examSelect">
            <div class="" style="height:520px;padding:10px;">

                <div class="class_area" id="class_area">
                    <table id="dynamic-table" class="table table-striped table-bordered table-hover dataTable no-footer student-list" style="font-size:12px">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>创建时期</th>
                            <th>考试日期</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr><td colspan="8">暂无数据</td></tr>
                        </tbody>
                    </table>
                    <div class="row">

                        <div class="col-xs-6">
                            <div class="dataTables_paginate paging_simple_numbers student_list_page">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

</div>
<!--数学，物理上传试卷共用弹窗end-->


<!--数学，物理发送新题库标注弹窗-->
<div id="label_win" style="display: none;">
    <div class="pa_head">
        <div class="pa_title"><span class="pa_red">*</span>标注方式:</div>
        <div class="pa_label_tab">
            <span><input type="radio" name="select_label_mode" class="select_label_mode" checked value="1" />题库后台标注</span>
         <!--   <span><input type="radio" name="select_label_mode" disabled class="select_label_mode" value="2" />教师端自主标注</span>-->
        </div>
        <div class="pa_title"><span class="pa_red">*</span>期望完成时间:</div>
        <div class="pa_label_tab">
            <span><input type="text" name="estimate" class="estimate form_datetime dateinputer" readonly  value="" /></span>
        </div>
        <p class="pa_red">注：期望完成时间是预计标注完成的重要依据之一，但实际预计完成不一定为期望完成时间。</p>
        <div class="pa_title">备注:</div>
        <div class="pa_label_tab">
            <span>
                <textarea name="remark" class="label_remark"></textarea>
            </span>
        </div>
    </div>
</div>
<!--数学，物理发送标注弹窗end-->

<script>
    var datetime=new XNDatepicker($(".form_datetime"),{
        // format:'YYYY-MM-DD',
        type:'datetime',//year/month/date/multiple/ week/datetime/datetimerange/ daterange/monthrange/yearrange
        multipleDates:[],//当为多选日期类型时的初始值
        startTime:'',
        // endTime:'2036-04-04',
        // minDate:'2019-04-04',
        format:'YYYY-MM-DD HH:mm',
        maxDate:'',
        separator:' 到 ',
        showType:'modal',
        linkPanels:false,//面板联动
        showClear:true,//是否显示清除按钮
        autoConfirm:true,
       // showShortKeys:true,
        autoFillDate:true,//自动变更element里面的值
    },function(data){
        console.log(data)
    },)
</script>