App/app-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面切图

Browse Source
This commit is contained in:
仲么了
2023-02-06 13:34:15 +08:00
parent d1a1396164
commit 6cd009f621
29 changed files with 12591 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
pages/index/index.vue
View File

@@ -18,33 +18,12 @@
</div>
</div>
</div>
<Cn-grid title="常用功能" class="mt20">
<Cn-grid-item background="#fff" src="/static/zantai.png" text="设备管理"
@click="jump('/pages/device/list')"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="网关管理" @click="send"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="直连装置管理" @click="send"></Cn-grid-item>
</Cn-grid>
<!-- <Cn-grid title="统计" class="mt20">
<Cn-grid-item background="#fff" src="/static/zantai.png" text="设备数量"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="设备状态" @click="send"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="告警数量" @click="send"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="暂态事件数量" @click="send"></Cn-grid-item>
<Cn-grid-item background="#fff"></Cn-grid-item>
<Cn-grid-item background="#fff"></Cn-grid-item>
</Cn-grid> -->
<!-- <Cn-grid title="能耗分析" class="mt20">
<Cn-grid-item background="#fff" src="/static/zantai.png" text="稳态治理"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="稳态报表" @click="send"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="暂态治理"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="暂态报表"></Cn-grid-item>
<Cn-grid-item background="#fff"></Cn-grid-item>
<Cn-grid-item background="#fff"></Cn-grid-item>
</Cn-grid>
<Cn-grid title="日志" class="mt20">
<Cn-grid-item background="#fff" src="/static/zantai.png" text="设备操作"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/zantai.png" text="运维" @click="send"></Cn-grid-item>
<Cn-grid-item background="#fff"></Cn-grid-item>
</Cn-grid> -->
<uni-card title="基础设备" sub-title="副标题" extra="APF" v-for="item in 3" :key="item" @click="jump"
thumbnail="/static/device.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>
@@ -53,7 +32,15 @@
export default {
data () {
return {
loading: false
loading: false,
content: [{
iconPath: '/static/device.png',
text: '添加设备',
}, {
iconPath: '/static/wangguan.png',
text: '添加网关',
},
]
}
},
methods: {
@@ -69,11 +56,18 @@ export default {
}
})
},
jump (url) {
jump () {
uni.navigateTo({
url: url
url: '/pages/device/detailAPF'
})
},
trigger (e) {
if (e.index === 0) {
uni.navigateTo({
url: '/pages/device/new'
})
}
}
},
onShow () {
setTimeout(() => {
@@ -84,9 +78,10 @@ export default {
</script>
<style lang="scss">
.index {
padding: 34rpx;
padding: 34rpx 0;
.header {
margin: 0 30rpx;
background: #fff;
border-radius: 12rpx;
background: $uni-color-primary;

10
pages/index/mine.vue
View File

@@ -5,7 +5,7 @@
<image mode="aspectFill" class="mine-header-head" src="/static/head.png" />
<view class="mine-header-name hide-txt">
<view>灿能电力</view>
<view class="tag">普通用户</view>
<view class="tag">工程</view>
</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
@@ -15,11 +15,17 @@
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view> -->
<view class="mine-nav" @click="jump('message')"
style="border-bottom: none; box-shadow: 0 4rpx 8rpx #e7e7e74c;">
>
<image mode="aspectFill" class="mine-nav-icon" src="/static/message2.png" />
<view class="mine-nav-label">个人消息</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('message')"
style="border-bottom: none; box-shadow: 0 4rpx 8rpx #e7e7e74c;">
<image mode="aspectFill" class="mine-nav-icon" src="/static/message2.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>