111 lines
3.1 KiB
Vue
111 lines
3.1 KiB
Vue
<template>
|
|
<v-layout column fill-height>
|
|
<!-- <v-flex xs12> -->
|
|
<v-card class="pa-1 mb-2">
|
|
<v-card-text class="pa-0">
|
|
<v-layout row wrap>
|
|
<v-flex xs12>
|
|
<order-search-box></order-search-box>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
|
|
</v-card>
|
|
<!-- </v-flex> -->
|
|
|
|
|
|
<!-- <v-flex xs12 grow> -->
|
|
<v-card class="pa-1 p-left-side grow" grow>
|
|
<v-card-text class="pa-0">
|
|
<v-layout row wrap>
|
|
|
|
<v-flex xs12>
|
|
<order-detail></order-detail>
|
|
</v-flex>
|
|
<v-divider></v-divider>
|
|
<v-flex xs12>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
|
|
|
|
</v-card>
|
|
|
|
</v-layout>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
/* .p-left-side {
|
|
min-height: 500px;
|
|
} */
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
components: {
|
|
'order-search-box': httpVueLoader('./orderSearchBox.vue'),
|
|
'order-detail': httpVueLoader('./orderDetail.vue'),
|
|
'order-notes': httpVueLoader('./orderNotes.vue'),
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
},
|
|
computed: {
|
|
dialog_start: {
|
|
get() {
|
|
return this.$store.state.order.dialog_start
|
|
},
|
|
set(val) {
|
|
this.$store.commit('order/update_dialog_start', val)
|
|
}
|
|
},
|
|
status_start: {
|
|
get() {
|
|
return this.$store.state.order.status_start
|
|
},
|
|
set(val) {
|
|
this.$store.commit('order/update_status_start', val)
|
|
}
|
|
},
|
|
time_start: {
|
|
get() {
|
|
return this.$store.state.order.time_start
|
|
},
|
|
set(val) {
|
|
this.$store.commit('order/update_time_start', val)
|
|
}
|
|
},
|
|
elapsedTime: {
|
|
get() {
|
|
return this.$store.state.order.elapsedTime
|
|
},
|
|
set(val) {
|
|
this.$store.commit('order/update_elapsedTime', val)
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
start() {
|
|
this.time_start = setInterval(() => {
|
|
this.elapsedTime += 1000;
|
|
}, 1000);
|
|
this.status_start = 'Y'
|
|
// this.show_time = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
|
|
//this.dialog_start = false
|
|
this.$store.dispatch('order/get_time_start', {
|
|
'id': 0
|
|
})
|
|
},
|
|
stop() {
|
|
clearInterval(this.time_start);
|
|
},
|
|
reset() {
|
|
this.elapsedTime = 0;
|
|
}
|
|
}
|
|
}
|
|
</script> |