erp/Web/EOrder/Order_Detail.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/View.master" AutoEventWireup="true" CodeFile="Order_Detail.aspx.cs" Inherits="EOrder_Order_Detail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="../js/plugins/jquery.fileDownload.js"></script>
    <script type="text/javascript" src="../js/address.js"></script>
    <script type="text/javascript">
        var tradeData = null;
        var billData = null;
        var cashData = null;
        var orderData = null;
        var userPostCode = null;
        var logData = null;
        var afterMainData = null;
        var downUrl = "";

        function downloadBillClick(stype, id) {
            if (stype == '纸质发票') {
                fileDown(downUrl, "hexdata=" + id + "&ut=fp");
            }
            else {
                postAjax("get_erp_invoicing", "id=" + id, function (data) {
                    console.log("downloadBillClick", data)
                    if (data.data.length <= 0) {
                        alert("查看发票失败");
                        return;
                    }
                    else {
                        var urlList = data.data.split(',');
                        for (var c_url of urlList) {
                            if (c_url.length > 0)
                                openWaiWin("发票", c_url, 900, 700, null);
                        }

                    }
                });
            }
        }

        function downloadCashClick(tid) {

        }

        $(function () {
            if (tradeData != null && tradeData.length > 0) {
                var tData = tradeData[0];
                $("#detailMemo").html("备注：" + tData.seller_memo);
                $("#productId").html("商品id：" + tData.ProductName);
                var afhtml = "";
                if (tData.AfterSaleState > 0 && tData.status != "CLOSE") {
                    if (tData.AfterSaleState == 4) {
                        afhtml = "<div class='state_word' style=''>售后完成</div>"
                        $("#detailAfterSaleState").html(afhtml);
                    }
                    else {
                        afhtml = "<div class='state_word' style=''>售后中</div>"
                        $("#detailAfterSaleState").html(afhtml);
                    }
                    if (userPostCode != 'Supplier') {
                        $("#aftersaleReason").html(tData.AfterSaleReason);
                        $("#aftersaleMethod").html(tData.AfterSaleMethod);
                    }
                    if (logData != null && logData.length > 0) {
                        var ahtml = "";
                        for (var item of logData) {
                            ahtml += ("<div style=\"color: sandybrown;\"> ◆" + formatCommonDate(item.OperateTime) + "-" + item.UserName + "-" + item.Con + "</div>")
                        }
                        $("#aftersaleLog").html(ahtml);
                    }
                }
                else if (tData.ctid.indexOf("S_") != -1) {
                    var mainData = afterMainData[0];
                    if (mainData.AfterSaleState == 4) {
                        afhtml = "<div class='state_word' style=''>售后完成</div>"
                        $("#detailAfterSaleState").html(afhtml);
                    }
                    else {
                        afhtml = "<div class='state_word' style=''>售后中</div>"
                        $("#detailAfterSaleState").html(afhtml);
                    }
                    if (userPostCode != 'Supplier') {
                        $("#aftersaleReason").html(mainData.AfterSaleReason);
                        $("#aftersaleMethod").html(mainData.AfterSaleMethod);
                    }
                    if (logData != null && logData.length > 0) {
                        var ahtml = "";
                        for (var item of logData) {
                            ahtml += ("<div style=\"color: sandybrown;\"> ◆" + formatCommonDate(item.OperateTime) + "-" + item.UserName + "-" + item.Con + "</div>")
                        }
                        $("#aftersaleLog").html(ahtml);
                    }
                }
                else {
                    afhtml = "<div class='state_word' style=''>无售后</div>"
                    $("#detailAfterSaleState").html(afhtml);
                }

                var ststr = (tData.staus == "NOT_SHIPPED" ? "待发货" : "已发货");
                $("#detailOrderState").html("<div class='state_word' style='background-color:#84C1FF;'>" + ststr + "</div>");

                $("#detailTid").html(tData.ctid);
                $("#detailPayTime").html(formatCommonDate(tData.pay_time));
                $("#detailBuyerNick").html(getWWurlByNick(tData.buyer_nick));
                $("#detailAddress").html(tData.receiver_state + tData.receiver_city + tData.receiver_district + tData.receiver_address);

            }
            if (billData != null && billData.length > 0) {
                var ahtml = "";
                for (var item of billData) {
                    ahtml += ("<div style=\"width:23%;float:left;padding-right:10px; display:flex;flex-direction:column;\"><div>" + item.title + "</div><div>" + item.tax + "</div><div>" + item.payment + "</div></div>");
                    ahtml += ("<div style=\"width:24%;float:left;display:flex;flex-direction:column;\"><div>" + item.UserName + "</div><div>" + formatCommonDate(item.createTime) + "</div></div>");
                    ahtml += ("<div style=\"width:24%;float:left;\">" + getBillStateStrByState(item.state) + "</div>");
                    ahtml += ("<div style=\"width:25%;float:left;\">" + "<a class=\"mini-button\" style='width:50px;height:25px;background-color:lightgreen;line-height:25px;' onclick=\"downloadBillClick('" + item.sendType + "'," + item.ID + ")\" >下载</a> " + "</div>");
                }
                $("#detailBillRecord").html(ahtml);
            }
            if (cashData != null && cashData.length > 0) {
                var ahtml = "";
                for (var item of cashData) {
                    ahtml += ("<div style=\"width:14%; height:20px; float:left;display:flex;flex-direction:column;\">" + item.rtype + "</div>");
                    ahtml += ("<div style=\"width:11%;height:20px; float:left;\">" + item.returnprice + "</div>");
                    ahtml += ("<div style=\"width:36%;height:20px;float:left;display:flex;flex-direction:row;\"><div>" + item.applyUserName + "</div><div>" + formatCommonDate(item.created) + "</div></div>");
                    ahtml += ("<div style=\"width:10%;height:20px;float:left;color:" + (item.cashstate == 2 ? "red" : "") + ";\">" + (item.cashstate == 0 ? "待审核" : (item.cashstate == 1 ? "已审核" : "已退回")) + "</div>");
                    ahtml += ("<div style=\"width:28%;height:20px;float:left;color:" + (item.cashstate == 2 ? "red" : "") + ";\">" + item.backreason + "</div>");
                }
                $("#detailReturnRecord").html(ahtml);
            }

            if (orderData != null && orderData.length > 0) {
                var oData = orderData[0];
                $("#detailImg").attr("src", oData.pic_path);
                $("#detailTitle").html(oData.title);
                $("#detailNum").html(oData.num);
                $("#detailPrice").html(oData.price);
            }
        });

    </script>
    <style type="text/css">
        .win_tb {
            width: 96%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 10px;
            background-color: #dedede;
        }

            .win_tb td {
                height: 36px;
                background-color: #fff;
                font-size: 14px;
                padding: 5px;
            }

            .win_tb input[type=text] {
                width: 90%;
                height: 24px;
                font-size: 14px;
            }

            .win_tb input[type=checkbox] {
                width: 18px;
                height: 18px;
            }

            .win_tb select {
                font-size: 14px;
                height: 30px;
                padding: 0px 5px;
            }

            .win_tb .td1 {
                color: #666;
                background-color: #F8F8F8;
                text-align: center;
            }

            .win_tb .td2 {
            }

        .word_tui {
            border-radius: 50%;
            background-color: red;
            color: white;
            font-size: 14px;
            text-align: center;
            padding: 3px;
            margin-left: 5px;
        }

        .word_shou {
            background-color: saddlebrown;
        }

        .word_green {
            background-color: forestgreen;
        }

        .state_word {
            width: 70px;
            text-align: center;
            padding: 3px 6px;
            text-align: center;
            font-weight: bold;
            color: white;
            background-color: forestgreen;
        }

        .mini-grid-cell-nowrap {
            overflow: hidden;
            /* white-space: nowrap;
            text-overflow: ellipsis; */
            word-break: keep-all;
            word-wrap: break-word;
            white-space: normal;
        }

        .mini-tab-text {
            padding: 4px;
        }

        .order-info {
            font-size: 14px;
            width: 98%;
            margin: 0px auto;
        }

            .order-info fieldset {
                border: solid 1px #dedede;
                padding: 3px;
                margin-bottom: 10px;
                color: #666;
                line-height: 25px;
            }

        .order-info-l {
            float: left;
            width: 60%;
        }

        .order-info-r {
            width: 38%;
            float: right;
        }

        .order-detail {
            font-size: 14px;
            width: 98%;
            margin: 0px auto;
        }

            .order-detail fieldset {
                border: solid 1px #dedede;
                padding: 3px;
                margin-bottom: 10px;
                color: #666;
                line-height: 25px;
            }

        .mini-tabs-scrollCt {
            border: 0px;
            margin-top: 5px;
        }
        /*.win_tb input{height:20px;}
    .win_tb .td1{height:35px;width:120px;font-size:12px;text-align:center;}
    .win_tb .td2{height:35px;width:280px;font-size:12pt;padding-left:5px;text-align:left;}*/
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="btn" runat="Server">
    <div id="tabs1" class="mini-tabs" activeindex="0" style="width: 100%; height: 580px;" plain="false">
        <div title="订单信息" style="width: 100%;">
            <div class="order-info">
                <div class="order-info-l">
                    <fieldset>
                        <legend>基本信息</legend>
                        <div style="padding: 5px;" id="detailMemo"></div>
                        <div style="padding: 5px;" id="productId"></div>
                    </fieldset>

                    <fieldset>
                        <legend>发票信息</legend>
                        <div style="padding: 5px;">
                            <div style="display: flex; flex-direction: row; width: 100%; color: darkgray;">
                                <div style="width: 25%;">发票信息</div>
                                <div style="width: 25%;">申请信息</div>
                                <div style="width: 25%;">状态</div>
                                <div style="width: 25%;">下载</div>
                            </div>

                            <div id="detailBillRecord" style="display: block; width: 100%; margin-top: 6px;">
                            </div>
                        </div>
                    </fieldset>

                    <fieldset>
                        <legend>返现信息</legend>
                        <div style="padding: 5px;">

                            <div style="display: flex; flex-direction: row; width: 100%; color: darkgray;">
                                <div style="width: 19%;">类型</div>
                                <div style="width: 15%;">金额</div>
                                <div style="width: 25%;">申请信息</div>
                                <div style="width: 15%;">状态</div>
                                <div style="width: 25%;">退回原因</div>
                            </div>

                            <div id="detailReturnRecord" style="display: block; width: 100%; margin-top: 6px;">
                            </div>

                        </div>
                    </fieldset>
                </div>
                <div class="order-info-r">
                    <fieldset>
                        <legend>售后信息</legend>
                        <div style="padding: 5px;">
                            <div class="back-tag" id="detailAfterSaleState"></div>
                            <div>售后原因：<span style="color: red; font-weight: 600;" id="aftersaleReason"></span></div>
                            <div>售后进度：</div>
                            <div style="margin-left: 10px;" id="aftersaleLog">
                            </div>
                            <div>
                                处理结果：<span style="font-weight: 600;" id="aftersaleMethod"></span>
                            </div>
                        </div>
                    </fieldset>
                </div>
            </div>

        </div>
        <div title="商品详情" iconcls="icon-cut">
            <div class="order-detail">
                <fieldset style="border: solid 1px #aaa; padding: 3px;">
                    <legend>订单状态</legend>
                    <div style="padding: 5px;">
                        <div class="back-tag" id="detailOrderState"></div>
                        <div>订单编号：<span style="font-weight: 600;" id="detailTid"></span></div>
                        <div>成交时间：<span style="font-weight: 600;" id="detailPayTime"></span></div>
                        <div>买家旺旺：<span style="font-weight: 600;" id="detailBuyerNick"></span></div>
                        <div>收货地址：<span style="font-weight: 600;" id="detailAddress"></span></div>
                        <%--<div style="background-color: lightblue; height: 30px; line-height: 30px;">买家留言：<span style="font-weight: 600;">阿斯顿发阿斯顿发阿斯顿发阿斯顿发阿斯顿发阿斯顿发阿斯顿发</span></div>--%>
                    </div>
                </fieldset>
                <fieldset style="border: solid 1px #aaa; padding: 3px;">
                    <legend>订单信息</legend>
                    <div style="padding: 5px;">
                        <table style="border: 1px solid gray; width: 100%;">
                            <tr style="width: 100%;">
                                <td style="width: 60%; background-color: lightblue; text-align: center;">宝贝</td>
                                <td style="width: 10%; background-color: lightblue; margin-left: 10px; text-align: center;">数量</td>
                                <td style="width: 10%; background-color: lightblue; margin-left: 10px; text-align: center;">总价</td>
                            </tr>
                            <tr style="width: 100%;">
                                <td style="width: 60%;">
                                    <div style="display: flex; flex-direction: row; align-items: center;">
                                        <img style="width: 40px; height: 40px; padding: 5px; margin-right: 5px;" id="detailImg" />
                                        <div id="detailTitle"></div>
                                    </div>

                                </td>
                                <td style="width: 10%; text-align: center;" id="detailNum"></td>
                                <td style="width: 10%; text-align: center;" id="detailPrice"></td>
                            </tr>
                        </table>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>

    <%--     <div id="iframe_win" class="mini-window" style="width: 800px; height: 500px; position: relative; display: none">
        <iframe id="urlIframe"></iframe>
    </div>--%>
</asp:Content>