front-end/ghsPad/src/pages/home/order.vue

<template>
<view>
    <view>
        <view class="app-casher-area">
            <view class="nav-left">
                <casherNav navType="order"></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: #3385FF;
	}
	& .order-list {
		flex: 32;
	}
    & .order-info{
        flex: 89;
    }
}
</style>