mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/portal.git
synced 2026-08-30 01:44:24 +00:00
edmondlang
47 lines
2.2 KiB
Vue
47 lines
2.2 KiB
Vue
<template>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row m-b-20 flex-sm-row flex-column-reverse" v-if="$store.getters.isAdmin">
|
|
<div class="col-12 col-md">
|
|
<div class="row mt-3 mt-md-0">
|
|
<div class="col">
|
|
<div class="input-group form-group no-margin form-group-default">
|
|
<input class="form-control p-t-10" placeholder="Search Order No.">
|
|
<button type="button" class="btn btn-primary" @click="search">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-default bg-master-light m-l-5" @click="$store.dispatch('toggleSection', {name: 'searchOrderSection', status: false})">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-auto text-right">
|
|
<a :href="route('orders.refresh')"><div class="btn btn-sm btn-warning all-caps b-rad-none pointer"><i class="fa fa-refresh m-r-10"></i>Refresh Orders</div></a>
|
|
</div>
|
|
</div>
|
|
|
|
<list-component section="searchOrderListSection" :endpoint="route('api.order.list')" :options="{reference_like:query, with_packing_lists: true}" :columns=3 v-show="$store.getters.isShowing('searchOrderSection')">
|
|
<template slot="list" slot-scope="{data}">
|
|
<order-component :data="data"></order-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
query: ''
|
|
}
|
|
},
|
|
methods: {
|
|
search() {
|
|
this.$store.dispatch('toggleSection', {name: 'searchOrderSection', status: true});
|
|
this.$store.dispatch('updateListQueue', {name: 'searchOrderListSection', filters: {reference_like:query, with_packing_lists: true}});
|
|
}
|
|
}
|
|
}
|
|
</script> |