<template>
	<div class="replenishment-index pt10">
    	<div class="panel plr15 c-fff fs-14">
			<div class=" pt15 ">
				<div class="fs-16 f-bold">我维护的设备</div>
			</div>
			<div class="kitbox  pt10">
				<div class="box-flex-1">
					<span class="fs-23">1</span>
					<span>台</span>
				</div>
				<div class="">
					<span class="v-middle">查看设备商品</span>
					<van-icon class="v-middle"  name="arrow" />
				</div>
			</div>
			<div class="pt10 pb10">
				<span>在线：1台</span> 
				<span class="ml10">离线：0台</span>
			</div>
		</div>

		<div class="mt10"></div>
		<div class="panel plr15 c-fff fs-14">
			<div class=" pt15 ">
				<div class="fs-16 f-bold">缺货设备  |  实时</div>
			</div>
			<div class="  pt10">
				<span class="fs-23">1</span>
				<span>台</span>
			</div>
			<div class="pt10 ">
				以上统计的缺货设备为实时数据
			</div>
			<div class="kitbox ptb10">
				<div class="box-flex-1 mr10">
					<van-button plain block round size="small" type="info">去备货</van-button>
				</div>
				<div class="box-flex-1 ml10">
					<van-button plain block round size="small" type="info">去补货</van-button>
				</div>
			</div>
		</div>

		<div class="mt10">
			<div class="panel cygn">
				<div class="kitbox pt15 plr15">
					<div class="box-flex-1 c-333 fs-16 f-bold">常用功能</div>
				</div>
				<div class="ptb10 plr5">
					<van-row class="">
						<van-col span="6" class="tc ">
							<div class="fs-23 c-17b3ec"><img src="@/assets/images/dingdanguanli.png" alt=""></div>
							<div class="fs-14 c-666 pt5">备货单</div>
						</van-col>
						<van-col span="6" class="tc">
							<div class="fs-23 c-ff9526"><img src="@/assets/images/shebeiguanli.png" alt=""></div>
							<div class="fs-14 c-666 pt5">补货记录</div>
						</van-col>
					</van-row>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
export default {
	name: "index",
	components: {
		
  	},
  	data() {
    	return {
			searchTypeShow: false,
            searchType: "今日",
			options: ['今日', '7天内', '30天内']
			
    	}
  	},
	created(){
		
	},
  	mounted() {

  	},
  	methods: {
		search(){
			
		}
    },
}
</script>
<style lang="scss" scoped>
.replenishment-index {
	.panel{
		width: 345px;
		background-color: #17b3ec;
		box-shadow: 0px 2px 10px 0px 
			rgba(0, 0, 0, 0.15);
		border-radius: 5px;
		margin: 0 auto;
		&.cygn{
			background: #fff;
			.van-col{
				padding: 10px 0;
				img{
					display: block;
					width: 40px;
					height: 40px;
					margin: 0 auto;
				}
			}
			
		}
	}
}
</style>