81 lines
1.8 KiB
Vue
81 lines
1.8 KiB
Vue
|
<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>
|