@{

}


<div class="ibox-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="order_status">
                <span class="s-step">
                    <b>
                        <b></b>
                    </b>
                    <p class="active"></p>
                    <em></em>
                    <div>空箱出场</div>
                </span>
                <span class="s-step">
                    <b>
                        <b></b>
                    </b>
                    <p class="active"></p>
                    <em></em>
                    <div>重箱返场</div>
                </span>
                <span class="s-step">
                    <b>
                        <b></b>
                    </b>
                    <p class="active"></p>
                    <em></em>
                    <div>海关放行</div>
                </span>
                <span class="s-step">
                    <b><b></b></b>
                    <p class="active"></p>
                    <em></em>
                    <div>码头放行</div>
                </span>
                <span class="s-step">
                    <b>
                        <b></b>
                    </b>
                    <em></em>
                    <div>装船出运</div>
                </span>
            </div>
        </div>
    </div>

    <div class="row row-lg">
        <div class="col-sm-12">
            <table id="table"
                   data-toggle="table"
                   data-height="350"
                   data-show-refresh="false"
                   data-show-toggle="false"
                   data-show-columns="false"
                   data-url="@Url.Action("OpFeeListData")?BSNO=@ViewBag.BSNO"
                   data-data-field="Data"
                   data-method="post">
                <thead>
                    <tr>
                        <th data-field="FeeName">费用名称</th>
                        <th data-field="Unit">单位标准</th>
                        <th data-field="UnitPrice">单价</th>
                        <th data-field="Quantity">数量</th>
                        <th data-field="Amount">金额</th>
                        <th data-field="Currency">币别</th>
                        @*<th data-field="ExChangerate">汇率</th>*@
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<script>
    $(function () {
        debugger;
        $('#table').bootstrapTable({ height: $(window).height() * 0.66 });

        $("#btnSearch").click(function () {
            $('#table').bootstrapTable('refresh')
        })

        $.ajax({
            type: "POST",
            url: "@Url.Action("OpStatusListData",new { BSNO= ViewBag.BSNO })",
            dataType: "json",
            success: function (data) {
                var spans = $(".order_status").find("span.s-step");
                $(spans).each(function (idx, v) {
                    var findName = $(v).find("div:first").html();
                    var time = findStatusTime(data.Data, findName);
                    if (time) {
                        $(v).find("em:first").html(time);
                        $(v).find("b b").addClass("active");
                    }
                });
            }
        });
    });

    function findStatusTime(arr, name) {
        for (var idx = 0; idx < arr.length; idx++) {
            if (arr[idx].STATUS == name) {
                return arr[idx].COMPTIME;
            }
        }
    }
</script>