@{
    ViewBag.Title = "ResolveVersion";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}

<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'south',border:false" style="height:50px; padding-top:10px;text-align:right; padding-right:10px;">
        <a id="btnFinish" href="#" class="easyui-linkbutton c8"><i class="fa fa-check"></i> 确定</a> &nbsp;
        <a id="btnClose" href="#" class="easyui-linkbutton c5"><i class="fa fa-power-off"></i> 关闭</a>
    </div>
    <div data-options="region:'center',border:false">
        <textarea id="tbAlterRemark" data-options="multiline:true,prompt:'请在此录入备注'"
                  style=" height:80px;width:780px"></textarea>
    </div>
</div>
<link href="~/Content/Scripts/plugins/umeditor-1.2.3/themes/default/_css/umeditor.css?v=1.1" 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?v=1.432131232221221"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/lang/zh-cn/zh-cn.js"></script>
<script src="~/Content/Scripts/Common.js"></script>
<script>
    var qusetID = '@ViewBag.ID';//问题id
    $(function () {
        UM.getEditor('tbAlterRemark', {
            toolbar: [
                'source | undo redo | emotion forecolor backcolor | removeformat |',
                'insertorderedlist insertunorderedlist | selectall cleardoc paragraph | fontsize',
                '| justifyleft justifycenter justifyright justifyjustify |',
                '| horizontal print preview'
            ]
        });
        //附件上传
        layui.use('upload', function () {
            var upload = layui.upload;
            var demoListView = $('#files');
            var uploadInst = upload.render({
                elem: '#ChooseFile' //文件选择按钮
                ,
                url: '/Problem/FileUpload',
                method: "post",
                accept: 'file' //普通文件（文件类型）
                ,
                multiple: true //多文件上传
                ,
                auto: false //自动上传
                ,
                bindAction: "#btn_upload",
                size: 5120,
                number: 3 //最大允许上传文件数量
                ,
                choose: function (obj) {
                    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="auto" 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 + "个")
                }
            });
        });

        //关闭窗口
        $('#btnClose').bind('click', function () {
            ZLPMS.CloseTopWindow();
        });


        //确定按钮事件
        $('#btnFinish').bind('click', function () {
            var DealDetail = escape(UM.getEditor('tbAlterRemark').getContent());//修改说明

            $.post('/Problem/AddNotesContent', { ProblemId: qusetID, DealDetail: DealDetail }, function (data) {
                if (data == '1') {
                    top.ZLPMS.Msg('更新版本成功');
                    ZLPMS.CloseTopWindow(true);
                } else {
                    top.ZLPMS.Msg('数据发生异常，请重新填写');
                }
            })
        });

    });
</script>