页面切图

This commit is contained in:
仲么了
2023-02-15 16:32:21 +08:00
parent b9b627eaa8
commit c183f91ace
6 changed files with 138 additions and 12 deletions

View File

@@ -25,7 +25,8 @@
"modules" : {
"Maps" : {},
"Barcode" : {},
"Camera" : {}
"Camera" : {},
"Push" : {}
},
/* */
"distribute" : {
@@ -67,8 +68,12 @@
}
},
"push" : {
"unipush" : null
}
"unipush" : {
"version" : "2",
"offline" : false
}
},
"share" : {}
},
"icons" : {
"android" : {

View File

@@ -258,6 +258,12 @@
"style": {
"navigationBarTitleText": "修改昵称"
}
},
{
"path": "pages/mine/project",
"style": {
"navigationBarTitleText": "项目管理"
}
}
],
"tabBar": {

View File

@@ -2,16 +2,11 @@
<Cn-page :loading='loading'>
<view slot='body'>
<view class='device-list'>
<div class="header">
<uni-segmented-control :current="current" :values="items" :style-type="styleType"
:active-color="activeColor" @clickItem="onClickItem" />
</div>
<uni-card title="基础设备" sub-title="副标题" extra="APF" v-for="item in 10" :key="item"
<uni-card title="基础设备" sub-title="副标题" extra="APF" v-for="item in 10" :key="item" @click="jump"
thumbnail="/static/real_time_data.png">
<text>设备基础信息 </text>
</uni-card>
<uni-load-more status="nomore"></uni-load-more>
<uni-fab ref="fab" horizontal="right" vertical="bottom" :content="content" @trigger="trigger" />
</view>
</view>
</Cn-page>
@@ -36,6 +31,11 @@ export default {
onClickItem (e) {
this.current = e.currentIndex
},
jump () {
uni.navigateTo({
url: '/pages/device/APF/detail'
})
},
trigger (e) {
if (e.index === 0) {
uni.navigateTo({

View File

@@ -5,7 +5,7 @@
<uni-forms>
<uni-forms-item label="设备DID">
<view style="display:flex">
<uni-easyinput type="number" v-model="code" placeholder="请输入设备DID" />
<uni-easyinput type="number" v-model="code" placeholder="请输入设备NDID" />
<uni-icons type="camera" color="#007aff" size="26" class="ml20"
@click="scanCode"></uni-icons>
</view>

View File

@@ -14,17 +14,24 @@
<view class="mine-nav-label">角色升级</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view> -->
<view class="mine-nav" @click="jump('user')">
<view class="mine-nav" @click="jump('user')" v-if="userInfo.role == 4">
<image mode="aspectFill" class="mine-nav-icon" src="/static/subordinate.png" />
<view class="mine-nav-label">子用户列表</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('gateway')"
<view class="mine-nav" @click="jump('project')" v-if="userInfo.role == 4">
<image mode="aspectFill" class="mine-nav-icon" src="/static/subordinate.png" />
<view class="mine-nav-label">项目管理</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('gateway')" v-if="userInfo.role == 4 || userInfo.role == 3"
style="border-bottom: none; box-shadow: 0 4rpx 8rpx #e7e7e74c;">
<image mode="aspectFill" class="mine-nav-icon" src="/static/gateway.png" />
<view class="mine-nav-label">网关列表</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('setup')" style="margin-top:20rpx;border-bottom: none; ">
<image mode="aspectFill" class="mine-nav-icon" src="/static/setup.png" />
<view class="mine-nav-label">设置</view>

108
pages/mine/project.vue Normal file
View File

@@ -0,0 +1,108 @@
<template>
<view :loading="loading">
<view class="message">
<view class="message-nav" @click="jump('system')">
<view class="message-nav-label">监测</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="message-nav" @click="jump('feedback')">
<view class="message-nav-label">治理</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="message-nav" @click="jump('report')">
<view class="message-nav-label">用能</view>
<uni-badge text="3"></uni-badge>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
</view>
</view>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
init () {
},
upgrade (code) {
console.log(code);
uni.showToast({
title: '升级成功',
icon: 'none'
})
},
jump (type) {
uni.navigateTo({
url: `/pages/device/list`
})
}
},
onLoad () {
this.init()
},
}
</script>
<style lang="scss">
.message {
padding-top: 20rpx;
.message-header {
padding: 200rpx 34rpx 34rpx;
display: flex;
align-items: center;
background: $uni-theme-white;
margin-bottom: 20rpx;
box-shadow: 0 4rpx 8rpx #e7e7e74c;
.message-header-head {
margin-right: 30rpx;
height: 128rpx;
width: 128rpx;
border-radius: $uni-theme-radius;
overflow: hidden;
}
.message-header-name {
margin-right: 30rpx;
flex: 1;
font-size: 36rpx;
color: #111;
font-weight: 700;
.tag {
margin-top: 10rpx;
font-size: 24rpx;
color: #aaa;
}
}
}
.message-nav {
padding: 34rpx;
display: flex;
align-items: center;
background: $uni-theme-white;
border-bottom: 1rpx solid #e8e8e8;
&-icon {
margin-right: 30rpx;
height: 44rpx;
width: 44rpx;
border-radius: $uni-theme-radius;
overflow: hidden;
}
&-label {
margin-right: 30rpx;
flex: 1;
font-size: 28rpx;
color: #111;
}
}
}
</style>