safesite/safesite/templates/exampaperedit.html

<div class="easyui-layout" style="width:100%;height:100%">
    <div data-options="region:'center'," title="出题详情">
        <div id="tmsdiv" style="margin-left:15px">

        </div>
        <div style="padding:15px 15px;">
            <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls: 'fa-plus'"
                onclick="javascript:opendg2('新增','html/questionchoose')">添加试题</a>
        </div>
    </div>
    <div data-options="region:'west',collapsible:false," title="试卷信息" style="width:24%;height:100%;padding:15px 15px;">
        <form id="sjff" method="post" name="sjff" enctype="multipart/form-data">
            <div style="margin-bottom:5px">
                    <input id="name" class="easyui-textbox" name="name" style="width:100%;" data-options="label:'试卷名称'"
                    required=true />
            </div>
            <hr>
            <div style="margin-bottom:5px">
                <input id="dxnum" class="easyui-textbox" name="dxnum" style="width:100%;" data-options="label:'单选题数',onChange:function(val){calnum2()}"
                    editable=false />
            </div>
            <div style="margin-bottom:5px">
                <input id="dxs" class="easyui-textbox" name="dxs" style="width:100%;"
                    data-options="label:'每题得分',onChange:function(val){calnum2()}" required=true value=1 />
            </div>
            <hr>
            <div style="margin-bottom:5px">
                <input id="duoxnum" class="easyui-textbox" name="duoxnum" style="width:100%;" data-options="label:'多选题数',onChange:function(val){calnum2()}"
                editable=false />
            </div>
            <div style="margin-bottom:5px">
                <input id="duoxs" class="easyui-textbox" name="duoxs" style="width:100%;"
                    data-options="label:'每题得分',onChange:function(val){calnum2()}" required=true value=2 />
            </div>
            <hr>
            <div style="margin-bottom:5px">
                <input id="pdnum" class="easyui-textbox" name="pdnum" style="width:100%;" data-options="label:'判断题数',onChange:function(val){calnum2()}"
                editable=false />
            </div>
            <div style="margin-bottom:5px">
                <input id="pds" class="easyui-textbox" name="pds" style="width:100%;"
                    data-options="label:'每题得分',onChange:function(val){calnum2()}" required=true value=1 />
            </div>
            <hr>
            <div style="margin-bottom:5px">
                    <input id="totalnum" class="easyui-textbox" name="totalnum" style="width:100%;"
                        data-options="label:'总题数'" editable=false />
                </div>
                <div style="margin-bottom:5px">
                        <input id="totals" class="easyui-textbox" name="totals" style="width:100%;"
                            data-options="label:'总得分'" disabled=true />
                    </div>
        </form>
    </div>
    <div id='southdiv' data-options="region:'south'" style="height:50px;text-align:center;padding:5px">
        <a href="javascript:void(0)" iconCls="fa-check" class="easyui-linkbutton" onclick="sjsubmitForm()"
            id="submitb">保存</a>
        <a href="javascript:void(0)" iconCls="fa-close" class="easyui-linkbutton" onclick="closeForm()">取消</a>
    </div>
</div>
<script>
    $.get('api/exampaper?a=detailtms&id='+{{id}},function(res){
        console.log(res)
        $('#name').textbox('setValue',res.name)
        $('#dxnum').textbox('setValue',res.total.dx.num)
        $('#duoxnum').textbox('setValue',res.total.duox.num)
        $('#pdnum').textbox('setValue',res.total.pd.num)
        $('#dxs').textbox('setValue',res.total.dx.score)
        $('#duoxs').textbox('setValue',res.total.duox.score)
        $('#pds').textbox('setValue',res.total.pd.score)
        $('#totalnum').textbox('setValue',res.total.total.num)
        var rows=res.tms
		for(var i=0; i<rows.length; i++){
            html='<div class="tmdiv" tmid="'+rows[i].question__id+'" tmtype="'+rows[i].question__type+'">'
            html+='<p><button onclick="delthistm(this)">删除</button>'+rows[i].question__title+'</p>'
            var sorder=Object.keys(rows[i].question__answer).sort();
            for(var x=0; x<sorder.length; x++){
                if(rows[i].question__answer[sorder[x]]!=''){
                    if(isInArray(rows[i].question__right,sorder[x])){
                        html+='<div style="color:blue">'+sorder[x]+':'+rows[i].question__answer[sorder[x]]+'</div>'
                    }else{
                        html+='<div>'+sorder[x]+':'+rows[i].question__answer[sorder[x]]+'</div>'
                    }
                    
                }
                
            }
            html+='<div style="color:red">解析:'+rows[i].question__resolution+'</div></div>'
            $('#tmsdiv').append(html)
        }
    })
    function calnum(){
        var d=$(".tmdiv");
        console.log(d)
        let totalnum=0
        let dxnum=0
        let duoxnum=0
        let pdnum=0
        d.each(function () {
            if($(this).attr("tmtype")==1){
                dxnum = dxnum +1
            }else if($(this).attr("tmtype")==2){
                duoxnum = duoxnum +1
            }else if($(this).attr("tmtype")==3){
                pdnum = pdnum +1
            }
            totalnum = totalnum +1
            });
        $('#totalnum').textbox('setValue',totalnum)
        $('#dxnum').textbox('setValue',dxnum)
        $('#duoxnum').textbox('setValue',duoxnum)
        $('#pdnum').textbox('setValue',pdnum)
        calnum2()
    }
    function calnum2(){
        n1 = $('#dxnum').textbox('getValue')
        console.log(n1)
        n2 = $('#duoxnum').textbox('getValue')
        n3 = $('#pdnum').textbox('getValue')
        v1 = $('#dxs').textbox('getValue')
        v2 = $('#duoxs').textbox('getValue')
        v3 = $('#pds').textbox('getValue')
        $('#totals').textbox('setValue', n1*v1+n2*v2+n3*v3)
    }
    function delthistm(o){
        $(o).parent().parent().remove()
        calnum()
    }
    function sjsubmitForm(){
        var tms = new Array();
        $(".tmdiv").each(function () {
            tms.push({'id':$(this).attr("tmid"),'type':$(this).attr("tmtype")});
        });
        var sjdata = $('#sjff').serializeJSON();
        sjdata['tms']=tms
        sjdata['id']={{id}}
        $.ajax({
            type: "POST",
            url: 'api/exampaper?a=edit',
            data: JSON.stringify(sjdata),
            datatype: "json",
            processData: false,
            contentType: "application/json;charset=utf-8",
            beforeSend: function () {
                var bo = $('#sjff').form('validate')
                if (bo == false) {
                    return bo
                } else {
                    $('#submitb').linkbutton('disable');
                }
            },
            success: function (data) {
                if (data.code == 1) {
                    $('#sjtable').datagrid('reload');
                    $("#dd").dialog("close");
                } else { $.messager.alert('提示', '失败!'); }
            $('#submitb').linkbutton('enable');
            },
        });
    }
</script>