mes_mobile/pages/equipmentManage/equipmentManage.vue

81 lines
1.8 KiB
Vue
Raw Normal View History

2024-02-19 16:53:38 +08:00
<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>