|
|
@@ -0,0 +1,89 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view>
|
|
|
+ <view class="app-casher-area">
|
|
|
+ <view class="nav-left">
|
|
|
+ <casherNav navType="index"></casherNav>
|
|
|
+ </view>
|
|
|
+ <view class="order-list">
|
|
|
+ <orderList ref="orderListRef" @getOrderInfo="getOrderInfo"></orderList>
|
|
|
+ </view>
|
|
|
+ <view class="order-info">
|
|
|
+ <orderInfo ref="orderInforRef" :selectOrderId="selectOrderId" @calcFn="calcFn" @finishNotice="finishNotice"></orderInfo>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <script>
|
|
|
+ import { mapGetters } from "vuex";
|
|
|
+ import productMins from "@/mixins/product";
|
|
|
+ import casherNav from './components/nav.vue'
|
|
|
+ import orderList from './components/orderList.vue'
|
|
|
+ import orderInfo from './components/orderInfo.vue'
|
|
|
+ export default {
|
|
|
+ name: "order",
|
|
|
+ components: {casherNav,orderList,orderInfo},
|
|
|
+ mixins: [productMins],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ currentJobType:'order',
|
|
|
+ currentJobId:0,
|
|
|
+ selectOrderId:0,
|
|
|
+ modifyInfo:{hasModify:0}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["getLoginInfo"])
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ if(this.modifyInfo.hasModify && this.modifyInfo.hasModify == 1){
|
|
|
+ this.$refs.orderInforRef.getOrderDetail(this.selectOrderId)
|
|
|
+ }
|
|
|
+ // #ifdef APP-PLUS
|
|
|
+ this.listenScanItem()
|
|
|
+ // #endif
|
|
|
+ },
|
|
|
+ onHide(){
|
|
|
+ // #ifdef APP-PLUS
|
|
|
+ //避免重复,每次进来先移除全局自定义事件监听器
|
|
|
+ uni.$off('listenGetScanCode')
|
|
|
+ // #endif
|
|
|
+ },
|
|
|
+ onUnload() {
|
|
|
+ // #ifdef APP-PLUS
|
|
|
+ //避免重复,每次进来先移除全局自定义事件监听器
|
|
|
+ uni.$off('listenGetScanCode')
|
|
|
+ // #endif
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ finishNotice(){
|
|
|
+ this.$refs.orderListRef.refreshList()
|
|
|
+ },
|
|
|
+ calcFn(val){
|
|
|
+ this.calc = val
|
|
|
+ },
|
|
|
+ getOrderInfo(item){
|
|
|
+ this.selectOrderId = Number(item.id)
|
|
|
+ this.currentJobId = Number(item.id)
|
|
|
+ this.$refs.orderInforRef.getOrderDetail(this.selectOrderId)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ </script>
|
|
|
+ <style lang="scss" scoped>
|
|
|
+ .app-casher-area {
|
|
|
+ display: flex;
|
|
|
+ height: 100vh;
|
|
|
+ & .nav-left {
|
|
|
+ flex: 5;
|
|
|
+ background-color: rgba(72, 91, 107, 1);
|
|
|
+ }
|
|
|
+ & .order-list {
|
|
|
+ flex: 32;
|
|
|
+ }
|
|
|
+ & .order-info{
|
|
|
+ flex: 89;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|