mes_mobile/pages/equipmentManage/equipmentManage.vue

<template>
	<!-- 设备管理 -->
	<view class="page_padding bot_padding">
		<view class="" v-for="(item,index) in list" :key="index" >
			<view class="page_list contentboxsty font13" @click="toDeviceDetail(item.id)">
				<view class="list_row">
					<view class="row_name">
						设备名称
					</view>
					<view class="row_data">
						{{item.name}}
					</view>
					<view class="iconfont icon-bianji font20" @click="toAddDevice()"></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:[]
			}
		},
		onLoad() {
			this.getList();
		},
		methods: {
			getList(){
				// this.$api.postFuncLoading('/equipment.mag',{}).then(res=>{
				// 	console.log(res)
				// 	this.list = res.data.rows;
				// })
			},
			//详情
			toDeviceDetail(id){
				console.log(id)
				uni.navigateTo({
					url:'/pages/equipmentManage/deviceDetail?id='+id
				})
			},
			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>