页面切图
This commit is contained in:
18
pages.json
18
pages.json
@@ -144,7 +144,6 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "告警情况",
|
||||
"navigationStyle": "custom"
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -233,7 +232,7 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/device/feedback",
|
||||
"path": "pages/home/feedback",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提交反馈"
|
||||
}
|
||||
@@ -345,6 +344,18 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "报警设备"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/message/feedbackDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "反馈详情"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/home/service",
|
||||
"style": {
|
||||
"navigationBarTitleText": "联系客服"
|
||||
}
|
||||
}
|
||||
],
|
||||
"tabBar": {
|
||||
@@ -379,9 +390,8 @@
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "灿能电力",
|
||||
"navigationBarBackgroundColor": "#ffffff",
|
||||
"backgroundColor": "#f3f4f5"
|
||||
"backgroundColor": "#f3f4f5",
|
||||
// #ifdef H5
|
||||
,
|
||||
"navigationStyle": "custom"
|
||||
// #endif
|
||||
},
|
||||
|
||||
@@ -21,6 +21,9 @@
|
||||
<view class="btn-wrap">
|
||||
<view class="btn-wrap-item " @click="submit"> 提交 </view>
|
||||
</view>
|
||||
<navigator url="/pages/home/service" hover-class="none" class="fixed-btn">
|
||||
<image src="/static/service.png" style="height:66rpx;width:66rpx" />
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</Cn-page>
|
||||
@@ -85,4 +88,23 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-btn {
|
||||
position: fixed;
|
||||
right: 80rpx;
|
||||
bottom: 200rpx;
|
||||
width: 126rpx;
|
||||
height: 126rpx;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.2);
|
||||
|
||||
image {
|
||||
height: 66rpx;
|
||||
width: 66rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
105
pages/home/service.vue
Normal file
105
pages/home/service.vue
Normal file
@@ -0,0 +1,105 @@
|
||||
<template>
|
||||
<Cn-page :loading='loading'>
|
||||
<view slot='body'>
|
||||
<view class='index'>
|
||||
<!-- 客服页面 显示微信和电话 -->
|
||||
<view class="content">
|
||||
<view class="content-item">
|
||||
<view class="content-item-left">
|
||||
<image src="/static/phone.png" style="height: 40rpx;width: 40rpx" />
|
||||
</view>
|
||||
<view class="content-item-right">
|
||||
<view class="content-item-right-title">电话</view>
|
||||
<view class="content-item-right-des">10086</view>
|
||||
</view>
|
||||
<view class="content-item-operation" @click="call">拨打</view>
|
||||
</view>
|
||||
<view class="content-item mt60">
|
||||
<view class="content-item-left">
|
||||
<image src="/static/wechat.png" style="height: 40rpx;width: 40rpx" />
|
||||
</view>
|
||||
<view class="content-item-right">
|
||||
<view class="content-item-right-title">微信</view>
|
||||
<view class="content-item-right-des">10086</view>
|
||||
</view>
|
||||
<view class="content-item-operation" @click="copy">复制</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</Cn-page>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
call () {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: '10086'
|
||||
})
|
||||
},
|
||||
copy () {
|
||||
uni.setClipboardData({
|
||||
data: '10086',
|
||||
success: () => {
|
||||
this.$util.toast('复制成功')
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.index {
|
||||
padding: 34rpx;
|
||||
|
||||
.content {
|
||||
margin-bottom: 20rpx;
|
||||
padding: 34rpx;
|
||||
background: $uni-theme-white;
|
||||
border-radius: 12rpx;
|
||||
|
||||
.content-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.content-item-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
.content-item-right {
|
||||
flex: 1;
|
||||
margin-left: 20rpx;
|
||||
|
||||
.content-item-right-title {
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.content-item-right-des {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content-item-operation {
|
||||
padding: 8rpx 20rpx;
|
||||
margin-left: 20rpx;
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
background: $uni-theme-blue;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -141,11 +141,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submitFeedBack () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/device/feedback'
|
||||
})
|
||||
},
|
||||
submitFeedBack () { uni.navigateTo({ url: '/pages/home/feedback' }) },
|
||||
projectTypeChange (e) {
|
||||
// 重置name
|
||||
this.select.projectName = ''
|
||||
|
||||
@@ -139,11 +139,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submitFeedBack () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/device/feedback'
|
||||
})
|
||||
},
|
||||
submitFeedBack () { uni.navigateTo({ url: '/pages/home/feedback' }) },
|
||||
projectTypeChange (e) {
|
||||
// 重置name
|
||||
this.select.projectName = ''
|
||||
|
||||
@@ -18,8 +18,7 @@
|
||||
<Cn-grid title="常用功能">
|
||||
<Cn-grid-item src="/static/device2.png" text="设备注册" @click="registerDevice"></Cn-grid-item>
|
||||
<Cn-grid-item src="/static/gateway2.png" text="网关注册" @click="registerGateway"></Cn-grid-item>
|
||||
<Cn-grid-item src="/static/feedback2.png" text="提交反馈"
|
||||
@click="submitFeedBack"></Cn-grid-item>
|
||||
<Cn-grid-item src="/static/feedback2.png" text="提交反馈" @click="submitFeedBack"></Cn-grid-item>
|
||||
</Cn-grid>
|
||||
</view>
|
||||
<view class="nav">
|
||||
@@ -141,11 +140,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submitFeedBack () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/device/feedback'
|
||||
})
|
||||
},
|
||||
submitFeedBack () { uni.navigateTo({ url: '/pages/home/feedback' }) },
|
||||
projectTypeChange (e) {
|
||||
// 重置name
|
||||
this.select.projectName = ''
|
||||
|
||||
@@ -140,11 +140,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submitFeedBack () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/device/feedback'
|
||||
})
|
||||
},
|
||||
submitFeedBack () { uni.navigateTo({ url: '/pages/home/feedback' }) },
|
||||
projectTypeChange (e) {
|
||||
// 重置name
|
||||
this.select.projectName = ''
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<uni-list :border="false">
|
||||
<uni-list-item :show-badge="item<0" badgeType="error" isDot badge-text="未读" title="机器不稳定"
|
||||
note="2023-02-01 15:10:29" v-for="item in 5" />
|
||||
<uni-list-item :show-badge="index < 1" badgeType="error" isDot badge-text="未读" :title="item.title"
|
||||
note="2023-02-01 15:10:29" v-for="(item, index) in list" :key="index"></uni-list-item>
|
||||
</uni-list>
|
||||
<uni-load-more status="nomore"></uni-load-more>
|
||||
</view>
|
||||
@@ -12,7 +12,15 @@
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
title: '灿能'
|
||||
title: '灿能',
|
||||
list: [
|
||||
{
|
||||
title: '机器不稳定',
|
||||
},
|
||||
{
|
||||
title: '死机'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
onLoad () {
|
||||
|
||||
66
pages/message/feedbackDetail.vue
Normal file
66
pages/message/feedbackDetail.vue
Normal file
@@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<Cn-page :loading='loading'>
|
||||
<view slot='body'>
|
||||
<view class='detail'>
|
||||
<view class="detail-content " style="font-size:32rpx">
|
||||
<!-- <view class="detail-content-title mb20">发生时间</view> -->
|
||||
<view>2023-02-14</view>
|
||||
</view>
|
||||
<view class="detail-content ">
|
||||
<view class="detail-content-title mb20">基础信息</view>
|
||||
<view class="mb10">CN_NPQS682</view>
|
||||
<view>发生暂降事件,特征幅值:88%,持续时间:0.047s</view>
|
||||
<view>
|
||||
南京市 灿能园区
|
||||
</view>
|
||||
<view>
|
||||
电压等级:0.38kV
|
||||
</view>
|
||||
<view>
|
||||
网路参数:00-B7-8D-A8-00-D3
|
||||
</view>
|
||||
<!-- <view class="space-between">请您评价本次事件是否对设备造成影响
|
||||
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="detail-content ">
|
||||
<view class="detail-content-title mb20">瞬时波形图</view>
|
||||
<image style="width:100%" src="/static/boxing1.jpeg" mode="widthFix" />
|
||||
</view>
|
||||
<view class="detail-content ">
|
||||
<view class="detail-content-title mb20">RMS波形图</view>
|
||||
<image style="width:100%" src="/static/boxing2.jpeg" mode="widthFix" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</Cn-page>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.detail {
|
||||
padding: 20rpx 0;
|
||||
|
||||
.detail-content {
|
||||
padding: 20rpx;
|
||||
background: #fff;
|
||||
margin-bottom: 20rpx;
|
||||
font-size: 26rpx;
|
||||
|
||||
.detail-content-title {
|
||||
font-size: 32rpx;
|
||||
color: #111;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
25
pages/mine/book.vue
Normal file
25
pages/mine/book.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<Cn-page :loading='loading'>
|
||||
<view slot='body'>
|
||||
<view class='index'>
|
||||
说明书pdf
|
||||
</view>
|
||||
</view>
|
||||
</Cn-page>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.index {
|
||||
padding: 34rpx;
|
||||
}
|
||||
</style>
|
||||
25
pages/mine/database.vue
Normal file
25
pages/mine/database.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<Cn-page :loading='loading'>
|
||||
<view slot='body'>
|
||||
<view class='index'>
|
||||
数据库pdf
|
||||
</view>
|
||||
</view>
|
||||
</Cn-page>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.index {
|
||||
padding: 34rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -21,6 +21,14 @@
|
||||
<view class="mine-nav-label">系统介绍</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<view class="mine-nav" @click="jump('book')">
|
||||
<view class="mine-nav-label">使用手册</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<view class="mine-nav" @click="jump('database')">
|
||||
<view class="mine-nav-label">资料库</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<view class="mine-nav" @click="jump('company')">
|
||||
<view class="mine-nav-label">公司介绍</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
<Rc-page :loading='loading'>
|
||||
<view slot='body'>
|
||||
<view class='index'>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</Rc-page>
|
||||
|
||||
BIN
static/phone.png
Normal file
BIN
static/phone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
BIN
static/service.png
Normal file
BIN
static/service.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
static/wechat.png
Normal file
BIN
static/wechat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
Reference in New Issue
Block a user