MusicShop/obj/Release/Package/PackageTmp/Views/Admin/OrdersManager.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@model IEnumerable<MusicShop.Models.Orders>
<div class="layui-row layui-clear layui-anim layui-anim-upbit" style="padding:15px;" id="order-container">
    <div class="layui-col-md3">
        <span class="layui-breadcrumb" lay-separator=">>">
            <a href="javascript:void(0);" class="layui-hide-xs">后台管理</a>
            <a href="javascript:void(0);" class="layui-hide-xs">类别管理</a>
        </span>
    </div>
    <hr class="layui-bg-cyan" />
    <div class="layui-col-md10 layui-row" style="text-align:center;">
            <a href="javascript:;" class="layui-btn layui-btn-normal btn_state layui-col-md2" data-id="0"  >未付款( @ViewBag.noPay )</a>

            <a href="javascript:;" class="layui-btn layui-btn-primary btn_state layui-col-md2" data-id="1" >未发货( @ViewBag.noSend )</a>


            <a href="javascript:;" class="layui-btn layui-btn-primary btn_state layui-col-md2" data-id="2" >待发货( @ViewBag.waitSend )</a>


            <a href="javascript:;" class="layui-btn layui-btn-primary btn_state layui-col-md2" data-id="3" >已发货( @ViewBag.hasSend )</a>


            <a href="javascript:;" class="layui-btn layui-btn-primary btn_state layui-col-md2" data-id="4" >已退货( @ViewBag.hasExit )</a>

    </div>
    <div class="layui-col-md12">
        <table class="layui-table">
            <tr class="layui-table-header" style="font-weight:bold;">
                <td>@Html.DisplayNameFor(model => model.OrderId)</td>
                <td>@Html.DisplayNameFor(model => model.Username)</td>
                <td>@Html.DisplayNameFor(model => model.Phone)</td>
                <td>@Html.DisplayNameFor(model => model.OrderDate)</td>
                <td>@Html.DisplayNameFor(model => model.Total)</td>
                <td>@Html.DisplayNameFor(model => model.OrderStatus)</td>
                <td>操作</td>
            </tr>
            <tr v-for="temp in orderData" :key="temp.orderId">
                <td>{{temp.orderId}}</td>
                <td>{{temp.userName}}</td>
                <td>{{temp.phone}}</td>
                <td>{{ReturnOrderDate(temp.orderDate)}}</td>
                <td>￥{{temp.orderPrice}}</td>
                <td>{{ReturnOrderState(temp.orderState)}}</td>
                <td>
                    <a :href="temp.detailUrl" class="layui-btn layui-btn-normal" data-ajax="true" data-ajax-mode="replace" data-ajax-update="#content">订单详情</a>
                </td>
            </tr>
        </table>
    </div>
</div>
<script>
    layui.use(['element', 'layer', 'table', 'form'], function () {
        element = layui.element;
        layer = layui.layer;
        table = layui.table;
        form = layui.form;

        element.init();
    })
    var orderVm = new Vue({
        el: "#order-container",