<template>
	<view class="box-bg">
		<uni-nav-bar fixed="true" statusBar="true" leftIcon="left" leftText="返回" @clickLeft="back" rightIcon="scan" @clickRight="scan"> 
			<view class="input-view">
				<uni-icons class="input-uni-icon" type="search" size="18" color="#999" />
				<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索关键词"
					@confirm="confirm" />
			</view> 
		</uni-nav-bar>
		
		<uni-list>
			<uni-list-item  title="产品查询" showArrow link to="/cpzs/query/query"></uni-list-item>
			<uni-list-item  title="产品查询" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
			<uni-list-item  title="入库登记" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
			<uni-list-item  title="入仓登记" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
			<uni-list-item  title="出仓调货" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
			<uni-list-item  title="出售登记" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
			<uni-list-item  title="售后申请" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
			<uni-list-item  title="售后操作" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				city: '北京'
			}
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				})
			},  
			search() {
				uni.showToast({
					title: '搜索'
				})
			}, 
			scan() {
				// #ifdef H5
				uni.showToast({
					title: '暂不支持H5扫码'
				})
				// #endif
				// #ifndef H5 
				uni.scanCode({
					success: function (res) {
						console.log('条码类型：' + res.scanType);
						console.log('条码内容：' + res.result);
					}
				});
				// #endif
			}, 
			confirm() {
				uni.showToast({
					title: '搜索'
				})
			}
		},
		onPullDownRefresh() {
			console.log('onPullDownRefresh')
			setTimeout(function() {
				uni.stopPullDownRefresh()
				console.log('stopPullDownRefresh')
			}, 1000)
		}
	}
</script>


<style lang="scss">
	$nav-height: 30px;

	.box-bg {
		background-color: #F5F5F5;
		padding: 5px 0;
	}

	.city {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		// width: 160rpx;
		margin-left: 4px;
	}

	.input-view {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		// width: 500rpx;
		flex: 1;
		background-color: #f8f8f8;
		height: $nav-height;
		border-radius: 15px;
		padding: 0 15px;
		flex-wrap: nowrap;
		margin: 7px 0;
		line-height: $nav-height;
	}

	.input-uni-icon {
		line-height: $nav-height;
	}

	.nav-bar-input {
		height: $nav-height;
		line-height: $nav-height;
		/* #ifdef APP-PLUS-NVUE */
		width: 370rpx;
		/* #endif */
		padding: 0 5px;
		font-size: 12px;
		background-color: #f8f8f8;
	}
</style>

