@{
    ViewBag.Title = "NewSupportProblem";
    Layout = "~/Views/Shared/Comfirm&CLose_Window.cshtml";
}

<link href="~/Content/Scripts/plugins/umeditor-1.2.3/themes/default/_css/umeditor.css" rel="stylesheet" />
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/umeditor.min.js"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/umeditor.config.js"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/lang/zh-cn/zh-cn.js"></script>
<script src="~/Content/Scripts/plugins/easyui/easyui-lang-zh_CN.js"></script>
<script src="~/ViewModels/Register.Problem.js?r=1.1223456"></script>


<style>
    table {
        width: 97%;
    }

        table td {
            padding: 3px;
            border-bottom: solid 1px #EEE;
        }

    .CheckImg:hover {
        transform: scale(3);
        z-index: 999;
        width: 100px;
        height: 40px;
    }

    .CheckImg {
        cursor: pointer;
        transition: all 0.6s;
    }

    .tabs .tabs-last {
        display: none;
    }

    .combobox-item {
        width: 1000px;
    }

    #tbJJFA .edui-body-container {
        height: 310px !important;
    }

    .tabs-header {
        border: 0px;
    }
    .hide-tips {
        white-space-collapse: collapse;
        text-wrap: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #0084ff;
        text-decoration: underline !important; /* 文字底部线 */
    }
    .title-color {
        color: #0070c0; /* 问题描述内容颜色 */
    }
</style>

<form class="easyui-tabs" fit="true" lay-filter="insert_problem" id="insert_problem">
    <div title="<i class='fa fa-sticky-note-o'></i> 问题信息" style="padding:5px;display:none;">
        <input type="hidden" id="BH" name="BH" value="@ViewBag.id" />
        <input type="hidden" id="Type" name="Type" />
        <input type="hidden" id="RegisterType" name="RegisterType" value="0" />
        <input type="hidden" id="MKID" name="MKID" />
        <input type="hidden" id="BBH" name="BBH" />
        <table>
            <tr>
                <td style="width:80px;">
                    问题标题：
                </td>
                <td>
                    <input id="WTBT" name="WTBT" autofocus class="easyui-textbox" style="width:445px" />
                    <input class="easyui-combobox" required id="WTXZ" name="WTXZ" editable="false" data-options="label:'问题性质：',prompt:'请选择',limitToList:true,panelHeight:150,tipPosition:'top',labelAlign:'right'" style="width:250px;" />
                </td>
            </tr>
            <tr>
                <td>项目：</td>
                <td>
                    <input id="XMID" name="XMID" required panelheight="200px" class="easyui-combobox" data-options="labelAlign:'right',prompt:'请选择(默认项目)',limitToList:true,tipPosition:'top'" style="width:200px;" />
                    <input id="JGID" name="JGID" editable panelheight="200px" class="easyui-combobox" data-options="label:'机构：',labelAlign:'right',limitToList:true, required:true" style="width:240px;" />
                    <input class="easyui-combobox" id="DDID" name="DDID" data-options="limitToList:true,panelHeight:400,panelWidth:300,tipPosition:'top',label:'迭代任务：',labelAlign:'right'" style="width:250px;" />
                </td>
            </tr>
            <tr>
                <td>所属产品：</td>
                <td>
                    <input required editable="false" panelheight="200px" class="easyui-combobox" id="CPID" name="CPID" data-options="required:true,prompt:'指定一个产品',limitToList:true,tipPosition:'top'" style="width:200px;" />
                    <input panelheight="200px" editable="true" class="easyui-combotree" id="MK" name="MK" data-options="label:'所属模块：',labelAlign:'right',limitToList:true,prompt:'请选择所属模块',tipPosition:'top', required:true" style="width:240px;" />
                    <input id="JJBB" name="JJBB" class="easyui-combobox" data-options="label:'解决版本：',limitToList:true,panelHeight:150,tipPosition:'top',labelAlign:'right'" style="width:250px;">
                </td>
            </tr>
            <tr>
                <td>反馈人：</td>
                <td>
                    <input id="FKR" name="FKR" class="easyui-combobox" data-options="labelAlign:'right'" style="width:200px;" />
                    <input class="easyui-combobox" id="YFCLRID" name="YFCLRID" data-options="label:'研发人员：',limitToList:true,labelAlign:'right',tipPosition:'top'" style="width:240px;" />
                    <input id="CSCLRID" name="CSCLRID" class="easyui-combobox" data-options="label:'测试人员：',limitToList:true,labelAlign:'right'" style="width:250px;" />
                </td>
            </tr>
            <tr>
                <td>登记来源：</td>
                <td>
                    <input class="easyui-combobox" id="LYDM" name="LYDM" editable="false" data-options="prompt:'请选择',limitToList:true,panelHeight:150,tipPosition:'top', required:true" style="width:200px;" />
                </td>
            </tr>
            <tr>
                <td>
                    问题描述： <br /><br /><br />
                    <a href="#" onclick="selectModuleParam()" class="hide-tips">
                        <span>查看产品问<br />题登记规范</span>
                    </a>
                </td>
                <td colspan="2">
                    <textarea id="WTMS" name="WTMS" style="width:100%;height:140px;"></textarea>
                </td>
            </tr>
            <tr>
                <td style="border-bottom:0px">问题附件：</td>
                <td colspan="2" id="demoList" style="border-bottom:0px">
                    <a id="ChooseFile" href="#" class="easyui-linkbutton c8" data-options="plain:true"><i class="fa fa-plus-square-o"></i> 添加附件</a>
                </td>
            </tr>

        </table>

        <div id="attchment" style="height: 50px;background-color: #F5F5F5">
            <p>&nbsp;</p>
            <p>说明:为减少不必要的沟通成本,请仔细阅读问题登记规范,对于登记不合格的问题将退回登记人,并定期按渠道通报问题登记质量情况</p>
        </div>
    </div>

    <div title="<i class='fa fa-server'></i> 相关信息" style="padding:5px;display:none;">
        <table>
            <tr>
                <td><input id="DJRJ" name="DJRJ" required class="easyui-datetimebox" editable="false" data-options="label:'反馈日期：',tipPosition:'top'" value="${notices.release_time}" style="width:260px"></td>
                <td><input id="YQSJ" name="YQSJ" class="easyui-datebox" editable="false" data-options="label:'要求时间：',tipPosition:'top'" style="width:260px"></td>
            </tr>
            <tr>
                <td><input class="easyui-combobox" required id="JJDM" name="JJDM" editable="false" data-options="label:'紧急程度：',prompt:'请选择',limitToList:true,panelHeight:150,tipPosition:'top'" style="width:260px;" /></td>
                <td></td>
            </tr>
            <tr>
                <td colspan="3"><input id="JJMS" name="JJMS" class="easyui-textbox" data-options="label:'紧急事由：',prompt:'紧急描述',tipPosition:'top',multiline:true" style="width:750px;height:300px;"></td>
            </tr>
        </table>
    </div>

    <div title="<i class='fa fa-tags'></i> 其它信息" style="padding:5px;">
        <table>
            <tr>
                <td class="lable">问题类型:</td>
                <td>
                    <input class="easyui-radiobutton" id="rdItem" value="1" name="WTLX" label="项目问题" checked="checked" labelPosition="after">
                    <input class="easyui-radiobutton" id="rdProc" value="2" name="WTLX" label="产品问题" labelPosition="after">
                </td>
            </tr>
            <tr>
                <td class="lable">是否发布</td>
                <td><input id="ckIsRelease" name="SFFB" value="1" class="easyui-checkbox" label="勾选发布" labelPosition="after"></td>

                <td class="lable">BH问题编号</td>
                <td><input id="tbBHNumber" name="BHBH" class="easyui-textbox" style="width:250px;"></td>
            </tr>
            <tr>
                <td class="lable">常见问题</td>
                <td><input id="ckIsOften" name="CJWT" value="1" class="easyui-checkbox" label="常见问题" labelPosition="after"></td>
                <td class="lable">BH版本号</td>
                <td><input id="tbBHVersion" name="BHBB" class="easyui-textbox" style="width:250px;"> </td>
            </tr>
            <tr>
                <td class="lable">需要培训</td>
                <td><input id="ckIsTrain" value="1" name="XYPX" class="easyui-checkbox" label="需要培训" labelPosition="after"></td>
                <td class="lable">内部问题</td>
                <td><input id="NBWT" value="1" name="NBWT" class="easyui-checkbox" labelWidth="240" label="内部产品问题（仅研发可见此问题）" labelPosition="after"></td>
            </tr>
            <tr>
                <td class="lable">修改说明</td>
                <td colspan="3"><input id="tbAlterRemark" name="XGSM" class="easyui-textbox" data-options="multiline:true,prompt:'请在此录入修改说明'" style="width:100%; height:80px;"></td>
            </tr>
            <tr>
                <td class="lable">升级说明</td>
                <td colspan="3"><input id="tbUpgrateRemark" name="SJSM" class="easyui-textbox" data-options="multiline:true,prompt:'请在此录入升级说明'" style="width:100%; height:80px;"></td>
            </tr>
        </table>
    </div>

    <div title="<i class='fa fa-server'></i> 解决方案" style="padding:5px;">
        <table>
            <tr>
                <td>
                    <input name="XZRID" class="easyui-combobox" id="XZRID" data-options="label:'协助人：',limitToList:true" style="width:200px;" />
                </td>
            </tr>
            <tr>
                <td id="tbJJFA">
                    <textarea id="JJFA" name="JJFA" style="width:830px;height:700px;"></textarea>
                </td>
            </tr>

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

<script type="text/javascript">
    $(function () {
        //人员性质
        var RYXZ = "@ViewBag.RYXZ";
        var models = new ProblemModel();
        if ("@ViewBag.type" != '2') {
            models.NewSupportProblemInit();
        } else {
            $("#SubmitProblem").hide()
            //隐藏其他信息
             $('li:eq(2)').hide();
            models.EditSupportProblemInit("@ViewBag.id");
        }
        layui.use('upload', function () {
            var upload = layui.upload;
            var demoListView = $('#demoList');
            var uploadInst = upload.render({
                elem: '#ChooseFile'  //文件选择按钮
                , url: '/Problem/FileUpload'
                , method: "post"
                , accept: 'file' //普通文件（文件类型）
                , multiple: true  //多文件上传
                , auto: false  //自动上传
                , size: 5120
                , bindAction: "#btn_upload"
                , number: 3//最大允许上传文件数量
                , choose: function (obj) {
                    problemObj.Choose = 1;
                    var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                    //读取本地文件
                    obj.preview(function (index, file, result) {
                        var display = "none";
                        if (file.type == "image/jpeg" || file.type == "image/png") {
                            display = "";
                        }
                        var tr = $(['<tr id="upload-' + index + '">'
                            , '<td class="uplad-filename">' + file.name + '</td>'
                            , '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>'
                            , '<td>等待上传</td>'
                            , '<td>'
                            , '<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>'
                            , '<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete" style="height:25px;line-height:25px">删除</button>'
                            , '<img src="' + result + '" class="CheckImg" width="100" height="40" style="margin-left:10px;display:' + display + '"/>'
                            , '</td>'
                            , '</tr>'].join(''));

                        //单个重传
                        tr.find('.demo-reload').on('click', function () {
                            obj.upload(index, file);
                        });

                        //删除
                        tr.find('.demo-delete').on('click', function () {
                            delete files[index]; //删除对应的文件
                            tr.remove();
                            uploadInst.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                        });

                        demoListView.append(tr);
                    });
                }
                , allDone: function (obj) {
                    top.ZLPMS.Msg("总共上传" + obj.total + ",成功" + obj.successful + "个,失败" + obj.aborted + "个")
                    if ($('#Constantly').prop("checked")) {
                        ZLPMS.UnLoading(problemObj.index)
                        top.ZLPMS.UnLoading(problemObj.index2);
                        //根据Type选择不同的登记弹窗
                        SupportProblem_Window();//项目问题
                        ZLPMS.CloseTopWindow(true);
                        return;
                    }
                    ZLPMS.UnLoading(problemObj.index)
                    top.ZLPMS.UnLoading(problemObj.index2);
                    ZLPMS.CloseTopWindow(true);
                }
                //, done: function (res, index, upload) {
                //    var location = top.ZLPMS.Loading("请等待...");
                //    if (res.msg.length == 36) {
                //        top.ZLPMS.Msg("问题登记且附件上传成功", 1)
                //        top.ZLPMS.UnLoading(location);
                //        if ($('#Constantly').prop("checked")) {
                //            //连续登记
                //            SupportProblem_Window();
                //            ZLPMS.CloseTopWindow(true);
                //            return
                //        }
                //        ZLPMS.CloseTopWindow(true);
                //    }
                //    else {
                //        top.ZLPMS.Msg("问题登记成功,但附件上传失败", 2)
                //        top.ZLPMS.UnLoading(location);
                //        ZLPMS.CloseTopWindow(true)
                //    }
                //}
            });
        });
    })
</script>