zszq-trs/YLErpWeb/Views/TradeConfirmBook/confirmBookUploadNew.cshtml

@{
    ViewBag.Title = "confirmBookUploadNew";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var contractCodeName = YLErp.PS.Config.Company == YLErp.Configuration.CompanyEnum.国联
        ? "交易确认书编号"
        : "合约编号";

    var pageObj = new
    {
        TradeId = ViewBag.TradeId,
        ContractCodeName = contractCodeName
    };
}

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

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

        function UploadFiles1() {
            var tradeId = page.TradeId;

            if (main.isEmpty(tradeId)) {
                main.message("缺少交易参数，无法上传");
                return;
            }
            var files = $("#openFile")[0].files;

            if (files.length <= 0) {
                main.message("请选择需上传的文件");
                return;
            }
            var useContractCode = $("#useContractCode").is(':checked');
            var contractCode = $("#contractCode").val();

            if (useContractCode && main.isEmpty(contractCode)) {
                main.message(page.ContractCodeName + "必填");
                return;
            }

            var data = new FormData();
            for (var x = 0; x < files.length; x++) {
                data.append(files[x].name, files[x]);
            }
            data.append("tradeId", tradeId);
            data.append("isCounterpartyDoc", $("#isCounterpartyDoc").is(':checked'));
            data.append("useContractCode", useContractCode);
            data.append("contractCode", contractCode);

            $.ajax({
                type: "Post",
                //async: false,
                url: "/trade/UploadContractFileNew",
                contentType: false,
                processData: false,
                data: data,
                success: function (res) {
                    if (!res.success) {
                        main.message(res.msg);
                        return;
                    }
                    parent.SearchClick()
                    layer.closeSelf();
                },
                beforeSend(jqXHR) {
                    main.waitMe(true);
                },
                complete(jqXHR, textStatus) {
                    main.waitMe(false);
                }
            });
        }

        function toggleContractCode() {
            var useContractCode = $("#useContractCode").is(':checked');
            $("#contractCode").prop("disabled", !useContractCode);
            if (!useContractCode) {
                $("#contractCode").val("");
            }
        }

        $(function () {
            $("#useContractCode").on("change", toggleContractCode);
            toggleContractCode();
        });
    </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">&nbsp;</label>
        <div class="col">
            <label class="mr-4"><input id="useContractCode" type="checkbox" value="@contractCodeName">&nbsp;@contractCodeName</label>
            <input id="contractCode" class="form-control d-inline-block" style="width:300px;" placeholder="请输入@contractCodeName" />
        </div>
    </div>
    <div class="form-group row">
        <label class="formlabel col-auto">&nbsp;</label>
        <div class="col">
            <label><input id="isCounterpartyDoc" type="checkbox" value="对方用印文件">&nbsp;是否为对方用印文件</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>