<template>
	
	<view class="share grid col-3 ">
		<view class="share-item  text-center">
			<view><text class="icon iconfont margin-xs" style="color:#19A402">&#xe66d;</text></view>
			<view @tap="goDeviceAdd()">新增</view>
		</view>
		<view class="share-item  text-center">
			<view><text class="icon iconfont margin-xs" style="color:#FF0303">&#xe66c;</text></view>
			<view @tap="deleteItem" data-target="DialogModal2">删除</view>
		</view>
		<view class="share-item  text-center">
			<view><text class="icon iconfont margin-xs" style="color:#FF642E">&#xe66e;</text></view>
			<view @tap="showModal2" data-target="DialogModal">导出</view>
	
		</view>
		<view class="checkAll" style="display:inline-block">
	
			<checkbox-group @change="allChoose">
				<label>
					<checkbox value="all" :class="{'checked':allChecked}" :checked="allChecked?true:false">
					</checkbox> <text class="margin-left-xs">全选</text>
				</label>
			</checkbox-group>
		</view>
	</view>
</template>

<script>
	export default {
		 props: ['allChecked'],
		data() {
			return {
				// modalName: null,
			}
		},
		methods: {
			// 页面跳转
			goDeviceAdd() {
				uni.navigateTo({
					url: '/pages/deviceManage/deviceAdd/deviceAdd',
				});
			},
			showModal2() {
			        this.$emit('showFatherModal');
			}
			
			
		}
	}
</script>

<style>
</style>
