88 lines
2.0 KiB
Vue
88 lines
2.0 KiB
Vue
<template>
|
|
<!-- 设备管理 -->
|
|
<view class="pagepaddings 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>
|