@model trade

@{
    ViewBag.Title = "文件管理|查看";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var tradeNumber = Context.Request.Query["tradeNumber"].ToString();
    var canGenerate = CurUser.结算管理_交易确认书生成;
}

<style type="text/css">
    .sealTag {
        float: left;
        width: 50%;
        text-align: left;
        padding: 10px 20px 0;
    }
</style>

@section JS{
    <script type="text/javascript">
        var tradeNumber = "@tradeNumber";
        var canGenerate = '@canGenerate';
        var disabled = canGenerate == 'True' ? "" : "disabled";
        var g_grid = {};
        $(document).ready(function() {
            var PostData = {};

            @Html.Raw(JqGridSimple.OutGrid("/trade/tradeContractManagementQuery?tradeNumber=" + tradeNumber, false, false,rowNum:100));
            $("#listGrid").setGridParam({ loadonce : true });
            g_grid = jQuery('#listGrid');
            
            function AfterInsertRow(rowid, aData) {
            }
        });

        function rowclick(id) {

        }

        function SearchClick(isSearchclick) {

        }

        var colModelGrid = [
            {
                name: 'EncryptId',
                label: 'EncryptId',
                index: 'EncryptId',
                width: 1,
                align: 'center',
                hidden: true
            },
            {
                name: 'id',
                label: 'id',
                index: 'id',
                width: 1,
                align: 'center',
                hidden: true
            }, {
                name: 'Type',
                label: '文件类型',
                index: 'Type',
                width: 220,
                align: 'center'
            }, {
                name: 'RelativePath',
                label: '原文件',
                index: 'RelativePath',
                width: 420,
                align: 'center',
                sortable: false,
                formatter: function (cellValue, options, rowObject) {
                    var html;
                    if (rowObject.Type == "其他") {
                        html = cellValue + "<div style='float:right;'>";
                        html += "<input type=\"button\" class=\"wentiEdit\" onclick=\"DownloadFiles('{1}','{0}')\" value=\"下载\" title=\"下载\" />".template(cellValue, tradeNumber);
                        html += "<input type=\"button\" class=\"wentiEdit\" onclick=\"DeleteFiles('{1}','{0}')\" value=\"删除\" title=\"删除\" {2}/>".template(cellValue, tradeNumber, disabled);
                        html += "</div>";
                    }
                    else {
                        html = "<input type=\"button\" class=\"wentiEdit\" onclick=\"main.downloadFiles('{0}')\" value=\"查看\" />"
                            .template(cellValue);
                    }
                    return html;
                }
            }, {
                name: 'StampDocumentFileName',
                label: '用印扫描件',
                index: 'StampDocumentFileName',
                width: 300,
                align: 'center',
                sortable: false,
                formatter: function (cellValue, options, rowObject) {
                    if (rowObject.Type == "其他") { return ""; }
                    var html = ("<input type=\"button\" class=\"wentiEdit\" onclick=\"upload('{0}','{1}')\" value=\"上传\" " + disabled + "/>" +
                        "<input type=\"button\" class=\"wentiEdit\" {2} value=\"下载\" />")
                        .template(rowObject.EncryptId, rowObject.Type, (cellValue ? 'onclick="main.downloadFiles(\'{0}\')"'.template(cellValue) : "disabled"));
                    if ("@PS.Config.ErpElement.ConfirmBookStampStatus" == "True") {
                        html = html + (rowObject.Status == "草稿" ? "未用印" : rowObject.Status);
                    }
                    return html;
                }
            }, {
                name: 'Comments',
                label: '描述',
                index: 'Comments',
                width: 340,
                align: 'center',
                sortable: false
            }
        ];

        function DownloadFiles(tradeNumber, fileName) {

            if (tradeNumber === "") {
                main.message("交易编码不存在，请先在财务与报告页面生成交易确认书后再在此页面下载交易确认书");
                return;
            }

            main.post("/trade/DownLoadTradeFiles/", { tradeNumber: tradeNumber, fileName: fileName }).done(function (res) {
                if (res.length > 0) {
                    for (var i = 0; i < res.length; i++) {
                        window.open(res[i]);
                    }
                }
            });
        }

        function DeleteFiles(tradeNumber,fileName) {
            if (tradeNumber === "") {
                main.message("当前TradeNumber无效");
                return;
            }

            if (fileName.length <= 0) {
                main.message("请选择需要删除的文件");
                return;
            }

            main.post("/trade/DeleteTradeFiles/", { tradeNumber: tradeNumber, fileName: fileName }).done(function (res) {

                window.location.reload(false);
            });
        }

        function uploadBase(html, callback,paramer) {

            var htmlContent = $('#uploadTPL').html().replace('{{html}}',html);

            layer.open({
                type: 1,
                title: "文件上传",
                shadeClose: false,
                shade: 0.4,
                area: ['480px', 'auto'],
                zIndex:1000,
                content: htmlContent,
                btn: ['上传', '取消'],
                yes: function (index, layero) {
                    if (typeof(callback) == "function") { callback(paramer); }
                },
                cancel: function(index, layero) {
                    layer.close(index);
                }
            });
        }

        function upload(encryptId, type) {
            var title = "上传" + type;
            var srcurl = "/TradeConfirmBook/confirmBookUpload/?Id=" + encryptId;
                main.open(title, srcurl, {
                    area: ['500px', '420px'],
                    end: function(){ location.reload(); }
                });
        }

        function UploadEx(tradeNumber) {
            uploadBase("", UploadFilesEx, tradeNumber);
        }

        function UploadFilesEx(tradeNumber) {
            if (main.isEmpty(tradeNumber)) {
                main.message("交易编号不存在，请先生成交易确认书");
                return;
            }
            //alert(tradeNumber);
            var files = $("#openFile")[0].files;

            if (files.length <= 0) {
                main.message("请选择需上传的文件");
                return;
            }
            var description = $("#fileDescription").val();

            var data = new FormData();
            for (var x = 0; x < files.length; x++) {
                data.append(files[x].name, files[x]);
            }
            data.append("fileDescription", description);

            $.ajax({
                type: "Post",
                async: false,
                url: "/trade/UploadTradeFiles?tradeNumber=" + tradeNumber,
                contentType: false,
                processData: false,
                data: data,
                success: function (res) {
                    if (res.success) {
                        window.location.reload(false);
                    }
                    else {
                        main.alert(res.msg);
                    }
                },
                beforeSend(jqXHR) {
                    main.waitMe(true);
                },
                complete(jqXHR, textStatus) {
                    main.waitMe(false);
                }
            });
        }

    </script>
}
<div class="toolbarDiv">
    @if (canGenerate)
    {
        @MyControls.Btn("上传", "UploadEx('" + tradeNumber + "')")
    }
</div>

@Html.Raw(JqGridSimple.OutTable())

<template id="uploadTPL">
    <div class="p-3">
        <div class="form-group">
            <label for="openFile" class="m-2">选择文件</label>
            <div class="d-inline-block">
                <input type="file" id="openFile" name="file" accept="" />
            </div>
        </div>
        <div class="form-group">
            <label for="fileDescription" class="m-2" style="vertical-align:top;">文件描述</label>
            <div class="d-inline-block">
                <textarea style="width: 336px; height: 68px;" class="datepicker" id="fileDescription"></textarea>
            </div>
        </div>
        <div style="margin: 0px auto; padding: 10px;">{{html}}</div>
    </div>
</template>