table遍历

喜欢ヅ旅行 2022-04-13 11:22 165阅读 0赞

<div class="panel panel-default">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-6">
                            
                            <div style="margin-bottom: 5px;">
                                <span style="margin-left: 10px;"><strong>生产信息</strong></span>
                            </div>
                            <div class="panel panel-default">
                                <table class="table table-bordered">
                                    <tbody>
                                    <tr class="text-center active">
                                        <td>订单号</td>
                                        <td>生产状态</td>
                                        <td>生产商</td>
                                        <td>生产成本</td>
                                    </tr>
                                    <tr class="text-center" v-for="(item, index) in erpOrderProductionEntityList">
                                        <td>{
       {item.orderNo}}</td>
                                        
                                        <td v-if="item.productionStatus==1">待生产</td><td v-else-if="item.productionStatus==2">生产中</td><td v-else-if="item.productionStatus==3">生产完成</td><td v-else-if="item.productionStatus==4">取消</td>
                                        <td>{
       {item.sellerName}}</td>
                                        <td>{
       {item.cost}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            
                        </div>
                        <div class="col-md-6">
                            
                            <div style="margin-bottom: 5px;">
                                <span style="margin-left: 10px;"><strong>物流信息</strong></span>
                            </div>
                            <table class="table table-bordered">
                                <tbody>
                                <tr class="text-center active">
                                    <td>订单号</td>
                                    <td>物流公司</td>
                                    <td>物流单号</td>
                                    <td>创建人</td>
                                    <td>创建时间</td>
                                </tr>
                                <tr class="text-center" v-for="(item, index) in orderLogisticsEntityList">
                                    <td>{
       {item.orderId}}</td>
                                    <td>{
       {item.logiCompany}}</td>
                                    <td>{
       {item.logiNo}}</td>
                                    <td>{
       {item.createName}}</td>
                                    <td>{
       {item.createTime}}</td>
                                </tr>
                                </tbody>
                            </table>
                            
                        </div>
                    </div>
                </div>
            </div>

![20181129110636574.png][]

[20181129110636574.png]: /images/20220413/d1d36be6e6d8496d8183a9fe5af3f39a.png