ZLPMS/PMS.WebUI/Views/SmartForm/UploadFileInfo.cshtml


@{
    ViewBag.Title = "UploadFile";
    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">
        <div style="padding:10px 0px 0px 5px">
            <label>推送标题：</label>
            <input id="TSBT" name="TSBT" autofocus class="easyui-textbox" style="width:250px"value="表单处理结果通知!" />
        </div>
        <div style="padding:10px 0px 0px 5px">
            <label>推送内容：</label>
            <input id="TSNR" name="TSNR" autofocus class="easyui-textbox" style="width:250px" />
        </div>
        @*<div style="padding:10px 0px 0px 5px">
            <label>填写表单：</label>
            <input type="text" id="BDID" name="BDID" panelheight="100px" lay-verify="model" autocomplete="off"
                   data-options="limitToList:true" class="easyui-combobox" style="width:250px" />
        </div>*@
      
    <div style="padding:10px 0px 0px 5px">
        <label>问题附件：</label>
        <a id="ChooseFile" href="#" class="easyui-linkbutton c8" data-options="plain:true">
            <i class="fa fa-plus-square-o"></i> 添加附件
        </a>
    </div>
    <div style="padding:10px 0px 0px 5px" id="demoList">
       
    </div>
    </div>
    </div>

<script>
    $(function () {
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        var fileUrl = [];//文件地址
        $('#TSNR').textbox('setValue', '【@ViewBag.XM】填报的表单已被【@ViewBag.CLR】通过');
        //关闭窗口
        $('#btnClose').bind('click', function () {
            top.ZLPMS.CloseWindow(index);
        });
        //附件上传
        layui.use('upload', function () {
            var upload = layui.upload;
            var demoListView = $('#demoList');
            var uploadInst = upload.render({
                elem: '#ChooseFile' //文件选择按钮
                ,
                url: '/Problem/FormMakingFileUpload',
                method: "post",
                accept: 'file' //普通文件（文件类型）
                ,
                multiple: true //多文件上传
                ,
                auto: true //自动上传
                ,
                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) {
                        fileUrl.push({ index: index, data: result, name: file.name })
                        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]; //删除对应的文件
                            fileUrl.forEach((item, i) => {
                                if (item.index == index) {
                                    fileUrl.splice(i, 1)//删除本地文件
                                }
                            });
                            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.CloseTopWindow(true);
                        return;
                    }

                }, done: function (res, index, upload) {
                    //假设code=0代表上传成功
                    if (res.code == 0) {

                        //do something （比如将res返回的图片链接保存到表单的隐藏域）
                    }

                    //获取当前触发上传的元素，一般用于 elem 绑定 class 的情况，注意：此乃 layui 2.1.0 新增
                    var item = this.item;

                }

            });
        });

        //确定按钮事件
        $('#btnFinish').bind('click', function () {
           /* document.getElementById("btn_upload").click();*/
            var param = {
                ID: "@ViewBag.id",
                TSBT: $('#TSBT').textbox('getValue'),
                TSNR: $('#TSNR').textbox('getValue'),
                /*     FJ: encodeURIComponent("D:\软件下载\QQ\58e3b9463333cb534afc4321a2ff61e.jpg"),*/
              /*  FJ: $('#YYFM').val(),*/
                File: fileUrl,
                BDXXID: "@ViewBag.BDXXID"

            };
            $.post("/SmartForm/AuditAttachmentPush", param, function (data) {
                if (data.code == 200) {
                    top.ZLPMS.Msg(data.msg);
                    ZLPMS.CloseTopWindow(true);
                } else {
                    top.ZLPMS.Msg(data.msg);
                }
            })

        });



    });

</script>