@{
    ViewBag.Title = "confirmBookUpload";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";

    var pageObj = new
    {
        Id = ViewBag.Id,
        SendMailId = ViewBag.SendMailId
    };
}

@section CSS{
    <style>
        .formlabel.col-auto {
            width: 100px;
            min-width: 100px;
        }
    </style>
}

@section JS{
    <script>
    var page = @Json.Serialize(pageObj);

    function UploadFiles1() {
        if (main.isEmpty(page.Id)) {
            main.message("id没有传入");
            return;
        }
        //alert(tradeNumber);
        var encryptId = page.Id;
        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);
        data.append("encryptId", encryptId);
        data.append("OurpartySeal", $("#ourpartySeal").is(':checked'));
        data.append("CounterpartySeal", $("#counterpartySeal").is(':checked'));
        data.append("ContractCode", $("#ContractCode").val());

        $.ajax({
            type: "Post",
            //async: false,
            url: "/trade/UploadContractFile",
            contentType: false,
            processData: false,
            data: data,
            success: function (res) {
                if (!res.success) {
                    main.message(res.msg);
                    return;
                }
                if ($("#autoSendMail").is(':checked') && page.SendMailId) {
                    parent.sentMail(page.SendMailId);
                }
                parent.SearchClick()
                layer.closeSelf();
            },
            beforeSend(jqXHR) {
                main.waitMe(true);
            },
            complete(jqXHR, textStatus) {
                main.waitMe(false);
            }
        });
    }
    function canCodeWrite() {
        $("#ContractCode").attr("readonly", !$("#isChangeFileCode").is(':checked'));
    }
    </script>
}
<div class="yc-panel">
    <div class="form-group row">
        <label class="formlabel col-auto">选择文件</label>
        <div class="col"><input type="file" id="openFile" name="file" accept=".xlsx,.xls,.pdf,.docx,.doc" style="width:90%;" /></div>
    </div>

    <div class="form-group row">
        <label class="formlabel col-auto">合约编号</label>
        <div class="col">
            <div class="input-group">
                <div class="input-group-text">
                    <input id="isChangeFileCode" type="checkbox" value="修改合约编号" onchange="canCodeWrite()" title="修改合同编号">
                </div>
                <input id="ContractCode" placeholder="合约编号" readonly="readonly" class="form-control">
            </div>
        </div>
    </div>

    <div class="form-group row">
        <label class="formlabel col-auto" style="vertical-align:top">文件描述</label>
        <div class="col"><textarea class="form-control" rows="2" id="fileDescription"></textarea></div>
    </div>

    <div class="form-group row">
        <label class="formlabel col-auto">用印情况</label>
        <div class="col">
            <label class="mr-4"><input id="ourpartySeal" type="checkbox" value="我方用印">&nbsp;我方用印</label>
            <label><input id="counterpartySeal" type="checkbox" value="对方用印">&nbsp;对方用印</label>
        </div>
    </div>
    @if (PS.Config.Company == CompanyEnum.招证)
    {
        <div class="form-group row">
            <label class="formlabel col-auto">后续操作</label>
            <div class="col">
                <label class="mr-4">发送邮件&nbsp;<input id="autoSendMail" type="checkbox" value="自动发送"></label>
            </div>
        </div>
    }

    <div class="form-group row">
        <label class="formlabel col-auto">&nbsp;</label>
        <div class="col">
            <a class="btn btn-primary" onclick="UploadFiles1()"> 上传 </a>
            <a class="btn btn-primary" onclick="layer.closeMe()"> 取消 </a>
        </div>
    </div>
</div>