<template>
    <view>
        <view class="app-casher-area">
            <view class="nav-left"> </view>
            <!-- 已选花材列表 -->
            <view class="itemList-box">
                <leftItem></leftItem>
            </view>
            <!-- 分类和花材图片 -->
            <view class="all-item-area">
                <rightItemArea> </rightItemArea>
            </view>
            <!-- 按钮操作 -->
            <view class="open-box">

				<view class="button-area">
					<view @click="clearItemFn">清空</view>
					<view @click="confirmModify">确认</view>
				</view>

            </view>
        </view>
    </view>
</template>
<script>
import { mapGetters } from "vuex";
import rightItemArea from './components/rightItemArea.vue'
import leftItem from './components/leftItem.vue'
import productMins from "@/mixins/product";
export default {
	name: "modify",
	components: { rightItemArea,leftItem},
	mixins: [productMins],
	data() {
		return {
			//0成品 1花材
			currentProperty:0,
			itemList:[],
			currenSelectShop:{},
			selectItem: {},
			selectItemUser:{},
			isLogin:2,
			customId:0,
            selectJobType:'bill',
            selectJobId:0,
			chooseCustomer:false
		}
	},
	computed: {
		...mapGetters(["getLoginInfo"])
	},
	onLoad() {
		this.initDataFromStorage()
	},
	onPullDownRefresh() {
	},
	onShow() {
	},
	mounted() {
		if(this.$util.isEmpty(this.getLoginInfo.admin) || this.getLoginInfo.admin.currentShopId == 0){
			this.isLogin = 0
		}else{
			this.isLogin = 1
		}
	},
	watch:{
		getLoginInfo: {
			handler(newValue) {
				if(this.$util.isEmpty(newValue.admin) == false && newValue.admin.currentShopId > 0){
					this.isLogin = 1
				}else{
					this.isLogin = 0
				}			
			}
		}
	},
	methods: {
		confirmModify(){
			uni.navigateBack({delta: 1})
		},
		changeProperty(property){
			this.currentProperty = property
		},
		resetCustomer(){
			this.chooseCustomer = true
		},
		selectCustomer(info){
			this.customId = info.id ? parseInt(info.id) : 0
			this.selectJobId = this.customId
		},
		init() {
		},
	}
};
</script>
<style lang="scss" scoped>
.app-casher-area {
	display: flex;
	height: 100vh;
	& .all-item-area {
		flex: 76;
	}
	& .nav-left {
		flex: 5;
		background-color: rgba(72, 91, 107, 1);
	}
	& .itemList-box {
		flex: 30;
	}
	& .open-box {
		flex: 8;
		.button-area {
			height: 100vh;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			padding: 5upx;
			padding-top: 12upx;
			& > view {
				border: 1upx solid #CCCCCC;
				border-radius: 5upx;
				text-align: center;
				padding: 10upx 0;
				color: #666666;
				margin-bottom: 10upx;
				font-size: 10upx;
				text-align: center;
				&.active {
					color: #008000;
					border-color: #008000;
					border-radius: 2upx;
				}
			}
		}
	}
}
</style>