<template>
	<!-- 设备管理 -->
	<view class="pagepaddings bot_padding">
		<view class="" v-for="(item,index) in list" :key="index" >
			<view class="page_list contentboxsty font13">
				<view class="list_row">
					<view class="row_name">
						设备名称
					</view>
					<view class="row_data">
						{{item.name}}
					</view>
					<view class="iconfont icon-bianji font20"></view>
				</view>
				<view class="list_row">
					设备IP/端口
				</view>
				<view class="list_row">
					<view class="row_name">
						已绑定设备
					</view>
					<view class="row_data">
						{{item.name}}
					</view>
					<view class="iconfont icon-bangding font20" @click="toBindingDevice()"></view>
				</view>
			</view>
		</view>
	</view>
	<view class="page_bottom_button">
		<view class="page_add"  @click="toAddDevice()">
		<!-- 	<view class="name_left font14">
				系统设备管理
			</view> -->
			<view class="iconfont icon-tianjia font24"></view>
			<text>添加</text>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[{name:"双头立锯"},
				{name:"双头立锯"},
				{name:"双头立锯"},
				{name:"双头立锯"},
				{name:"双头立锯"},
				{name:"双头立锯"},
				{name:"双头立锯"},
				{name:"双头立锯"},
				{name:"双头立锯"},
				]
			}
		},
		methods: {
			toAddDevice(){
				uni.navigateTo({
					url:'/pages/equipmentManage/editDevice'
				})
			},
			toBindingDevice(){
				uni.navigateTo({
					url:'/pages/equipmentManage/bindingDevice'
				})
			}
		}
	}
</script>

<style>
	/* .page_name{display: flex;margin-bottom: 10px;align-items: center;} */
	/* .name_left{flex: 1;} */
	.page_list{padding: 6px 12px;}
	.list_row{display: flex;padding: 6px 0;align-items: center;}
	.row_name{width:30%;}
	.row_data{width: 65%;}
</style>
