cief/shipping-portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git synced 2026-08-19 04:24:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

revert tab active show manipulation.

Browse Source
This commit is contained in:
weichien00
2021-08-05 11:17:00 +08:00
parent 93e5371882
commit 7c1f5ffaf8
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/orders/elements/orderListComponent.vue
+9 -4
View File
@@ -20,17 +20,21 @@
<div class="col">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<li class="nav-item">
<a class="nav-item nav-link active" v-show="section!='orderList'" id="nav-order-completed-tab" data-toggle="tab" href="#nav-order-completed" role="tab" aria-controls="nav-order-completed" aria-selected="true">Completed</a>
<a class="nav-item nav-link" id="nav-order-history-tab" data-toggle="tab" href="#nav-order-history" role="tab" aria-controls="nav-order-history" aria-selected="tab">Order History</a>
<!-- <li class="nav-item">
<a class="nav-item nav-link" v-bind:class="{ active: isCreateOrderSection }" v-show="section!='orderList'" id="nav-order-completed-tab" data-toggle="tab" href="#nav-order-completed" role="tab" aria-controls="nav-order-completed" aria-selected="tab">Completed</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" v-bind:class="{ active: isOrderList }" id="nav-order-history-tab" data-toggle="tab" href="#nav-order-history" role="tab" aria-controls="nav-order-history" aria-selected="true">Order History</a>
</li>
</li> -->
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="!completedOrder && section!='orderList'" ></loading-component>
<div class="tab-pane fade" v-bind:class="{ active: isCreateOrderSection ,show:isCreateOrderSection }" id="nav-order-completed" role="tabpanel" aria-labelledby="nav-order-completed-tab">
<!-- <div class="tab-pane fade" v-bind:class="{ active: isCreateOrderSection ,show:isCreateOrderSection }" id="nav-order-completed" role="tabpanel" aria-labelledby="nav-order-completed-tab"> -->
<div class="tab-pane fade show active" id="nav-order-completed" role="tabpanel" aria-labelledby="nav-order-completed-tab">
<!-- each order component-->
<div class="card m-t-15" v-if="completedOrder">
<div class="card-body">
@@ -43,7 +47,8 @@
</div>
</div>
<div class="tab-pane fade" v-bind:class="{ active: isOrderList ,show:isOrderList }" id="nav-order-history" role="tabpanel" aria-labelledby="nav-order-history-tab">
<div class="tab-pane fade" id="nav-order-history" role="tabpanel" aria-labelledby="nav-order-history-tab">
<!-- <div class="tab-pane fade" v-bind:class="{ active: isOrderList ,show:isOrderList }" id="nav-order-history" role="tabpanel" aria-labelledby="nav-order-history-tab"> -->
<list-component key="2" section="purchaseOrderSection1" :endpoint="route('api.order.list')" :options="{per_page: 10, CompanyModuleId :company_module_id}">
<template slot="list" slot-scope="{data}">
<div class="card m-t-15">