@model ZoomLaCMS.Models.Exam.VM_Question
@{

}
@section head{
<style type="text/css">
ul{padding-left:0px;}
ul li{list-style-type:none;}
.float-right{float:right;}
.float-left{float:left;}
.tabinput,.btn-light{border:1px solid #ddd;}
</style>
<script src="/Plugins/Ueditor/ueditor.config.js" charset="utf-8"></script>
<script src="/Plugins/Ueditor/ueditor.all.min.js" charset="utf-8"></script>
<script src="/Plugins/Ueditor/kityformula-plugin/addKityFormulaDialog.js"></script>
<script src="/Plugins/Ueditor/kityformula-plugin/getKfContent.js"></script>
@*<script src="/Plugins/Ueditor/kityformula-plugin/defaultFilterFix.js"></script>*@
@*<script src="/Plugins/Ued`itor/Formdesign/leipi.Formdesign.v4.js" charset="utf-8"></script>*@
<link type="text/css" href="/dist/css/bootstrap-switch.min.css" rel="stylesheet" />
<script src="/JS/OAKeyWord.js"></script>
<title>试题管理</title>
}
@section content{
@Call.SetBread(new Bread[] {
  new Bread("{admin}"),
  new Bread("Papers_System_Manage","教育模块"),
  new Bread("QuestList?NodeID="+Model.NodeID,"试题列表"),
  new Bread(Context.Request.RawUrl(),"试题信息")
})
<form action="@MVCHelper.GetAction("Question_Add",Context.Request)" method="post">
    <div id="pageflag" data-nav="edu" data-ban="ke"></div>
    <div class="list_choice">
        <ul class="nav nav-tabs" style="border-bottom:none;">
            <li class="nav-item"><a class="nav-link active" href="#basic" data-toggle="tab">基本信息</a></li>
            <li class="nav-item"><a class="nav-link" href="#question" id="questtype_a" data-toggle="tab">试题信息</a></li>
            <li class="nav-item"><a class="nav-link" href="#other" data-toggle="tab">解析说明</a></li>
        </ul>
        <table class="table table-striped table-bordered tab-content sys_table">
            <tbody id="basic" class="tab-pane active">
                <tr>
                    <th class="w12rem_lg">试题标题</th>
                    <td>
                        <input type="text" id="p_title" name="p_title" class="form-control" maxlength="50" value="@Model.questMod.p_title" />
                    </td>
                </tr>
                <tr>
                    <th>教材版本</th>
                    <td>
                        @MVCHelper.H_Radios("Version", Model.verDT, "ID", "VersionName", Model.questMod.Version.ToString())
                    </td>
                </tr>
                <tr>
                    <th>所属年级</th>
                    <td>
                        @MVCHelper.H_Radios("p_Views", Model.gradeDT, "GradeID", "GradeName", Model.questMod.p_Views.ToString())
                    </td>
                </tr>
                <tr id="nodetr">
                    <th>试题科目</th>
                    <td>
                        @Html.Partial("C_TreeTlpDP", Model.treeMod)
                    </td>
                </tr>
                <tr>
                    <th>难度</th>
                    <td style="display:flex;">
                        <input type="text" id="p_Difficulty" name="p_Difficulty" class="form-control float" style="width:80px;" value="@Model.questMod.p_Difficulty" />
                        <small class="text-muted">0-1之间的值,1为最易</small>
                    </td>
                </tr>
                <tr>
                    <th>题型</th>
                    <td>
                      @MVCHelper.H_Radios("qtype_rad", "单选题,多选题,填空题,解析题,完形填空,大题".Split(','), "0,1,2,3,4,10".Split(','), Model.questMod.p_Type.ToString())
                    </td>
                </tr>
                <tr>
                    <th>知识点</th>
                    <td class="d-flex flex-row">
                        <div id="Examkeyword"></div>
                        <input type="text" id="TagKey" name="TagKey" value="@ViewBag.tagkey" class="form-control max20rem" style="display:none;" />
                        @*<button type="button" onclick="SelKnow();" class="btn btn-outline-info btn-sm">选择知识点</button>*@
                    </td>
                </tr>
                <tr>
                    <th>分数</th>
                    <td>
                        <input type="text" id="p_defaultScores" name="p_defaultScores" class="form-control" style="width:80px;" value="@Model.questMod.p_defaultScores" />
                    </td>
                </tr>
                <tr>
                    <th>是否共享</th>
                    <td>
                        <input type="checkbox" id="IsShare" name="IsShare" class="switchChk" @(Model.questMod.IsShare==1 ? "checked='checked'" : "") />
                    </td>
                </tr>
                <tr id="normaltr">
                    <th>题干</th>
                    <td>
                        <textarea id="p_Content" name="p_Content" style="height:200px;width:100%;">@Model.questMod.p_Content</textarea>
                        @MvcHtmlString.Create(Call.GetUEditor("p_Content", 2))
                    </td>
                </tr>
                <tr class="bigtr" style="display:none;">
                    <th>试题内容</th>
                    <td ng-app="app">
                        <div ng-controller="appController">
                            <table class="table table-bordered">
                                <tr><td>序号</td><td>试题名</td><td>类型</td><td>排序</td><td>操作</td></tr>
                                <tbody ng-repeat="item in list|orderBy:'-orderid'">
                                    <tr>
                                        <td ng-bind="$index+1"></td>
                                        <td ng-bind="item.p_title"></td>
                                        <td>{{getTypeStr(item.p_Type)}}</td>
                                        <td>
                                            <input type="text" class="form-control int" style="width: 60px;" ng-model="item.orderid" />
                                        </td>
                                        <td>
                                            <a href="javascript:;" ng-click="remove(item.p_id);" title="移除"><span class="zi zi_times"></span></a>
                                            <a href="javascript:;" ng-click="edit(item.p_id);" title="修改"><span class="zi zi_pencilalt"></span></a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <button class="btn btn-primary btn-sm" type="button" onclick="ShowAdd(0,@Model.questMod.p_id)">添加小题</button>
                            <button class="btn btn-primary btn-sm" type="button" onclick="ShowSel()">题库引用</button>
                        </div>
                    </td>
                </tr>
            </tbody>
            <tbody id="question" class="tab-pane">
                <tr>
                    <th class="w12rem_lg">选项信息</th>
                    <td>
                        <span></span>
                        <select id="p_ChoseNum_DP" name="p_ChoseNum_DP" class="form-control text_x" onchange="AddOption($(this).val());">
                            <option value="0">0</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                        </select>
                        <div>
                            <ul id="option_ul"></ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>正确答案<small class="text-muted">(仅用于自动改卷)</small></th>
                    <td>
                        <input type="text" id="p_Answer" name="p_Answer" class="form-control max20rem" value="@Model.questMod.p_Answer" />
						<small class="text-muted">如有多个答案用|号分隔,用于支持自动批阅试卷,单选:A,多选:A|B,填空:值1|值2|值3</small>
                    </td>
                </tr>
                <tr>
                    <th>正确答案<small class="text-muted">(教师与学生可见)</small></th>
                    <td>
                        <textarea id="p_shuming" name="p_shuming" style="width:100%;height:200px;">@Model.questMod.p_shuming</textarea>
                        @MvcHtmlString.Create(Call.GetUEditor("p_shuming", 2))
                    </td>
                </tr>
            </tbody>
            <tbody id="other" class="tab-pane">
                <tr>
                    <th class="max20rem">试题解析</th>
                    <td>
                        <textarea id="Jiexi" name="Jiexi" style="height: 200px; width: 100%;">
                            @if (string.IsNullOrEmpty(Model.questMod.Jiexi))
                            {
                                <p><span class="analysis_text">【考点】</span></p>
                                <p><span class="analysis_text"><span>【专题】</span></span></p>
                                <p><span class="analysis_text"><span>【分析】</span></span></p>
                                <p><span class="analysis_text"><span>【解答】</span></span></p>
                                <p><span class="analysis_text">【点评】</span></p>
                            }
                            else
                            {
                                <div>@Model.questMod.Jiexi</div>
                            }
                        </textarea>
                        <div class="alert alert-info" style="margin-top:5px;">考试完后,展示给用户的题目解答详情</div>
                        @MvcHtmlString.Create(Call.GetUEditor("Jiexi", 2))
                    </td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td colspan="2" class="text-center">
                        <input type="hidden" id="Optioninfo_Hid" name="Optioninfo_Hid" value="@Model.GetOPInfo()" />
                        <input type="submit" class="btn btn-outline-info" value="保存试题" onclick="return CheckData();"/>
                        @if (Model.Mid > 0)
                        {<input type="submit" class="btn btn-outline-info" value="添加为新试题"/>}
                        <a href="@Url.Action("Questlist","Exam")" class="btn btn-outline-info">返回列表</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <input type="hidden" id="Id_hid" value="@Model.Mid" />
    <input type="hidden" ID="Qids_Hid" name="Qids_Hid" />
    <input type="hidden" ID="Qinfo_Hid" name="Qinfo_Hid" value="@Model.questMod.Qinfo" />
</form>
}
@section script{
<style type="text/css">
#mymodal1 .modal-dialog { margin-top: 7%; }
#mymodal1 .modal-dialog iframe { height: 600px !important; }
#option_ul li { margin-top: 3px; }
#errormes { z-index: 9999; }
</style>
<script src="/dist/js/bootstrap-switch.js"></script>
<script src="/JS/DatePicker/WdatePicker.js"></script>
<script src="/JS/Controls/ZL_Dialog.js"></script>
<script src="/JS/SelectCheckBox.js"></script>
<script src="/JS/jquery.validate.min.js"></script>
<script src="/JS/Controls/ZL_Array.js"></script>
<script src="/JS/Plugs/angular.min.js"></script>
<script src="/JS/ZL_Regex.js"></script>
<script src="/JS/ICMS/ZL_Exam_Paper.js"></script>
<script src="/JS/ICMS/ZL_Exam_Controls.js"></script>
<script src="/JS/ICMS/ZL_Exam_Question.js?v=1"></script>
<script>
    $(function () {
        if ("1" == "@Model.IsSmall") { $("#bigrad").hide(); }
        if ("@Model.Mid" != "0") {
            SetRadVal('qtype_rad', "@Model.questMod.p_Type");
            $("#p_ChoseNum_DP").val("@Model.questMod.p_ChoseNum");
        }
        InitKeyWord($("#TagKey").val());
        ZL_Regex.B_Num(".int");
        ZL_Regex.B_Float(".float");
        ZL_Regex.B_Value("#p_Difficulty", { min: 0, max: 1, });
        $("form").validate({
            rules: {
                p_title: { required: true },
                p_defaultScores: { required: true, number: true },
                p_Content: { required: true }
            },
            messages: {
                p_title: { required: "试题标题不能为空" },
                p_defaultScores: { required: "分数不能为空", number: "分数只能为数字" },
                p_Content: { required: "题干不能为空" }
            },
        });
    });
</script>
}