页面切图

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
   },

pages/home/feedback.vue

@@ -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>

pages/home/service.vue

@@ -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>

pages/index/comp/indexGongCheng.vue

@@ -141,11 +141,7 @@ export default {
         }
     },
     methods: {
-        submitFeedBack () {
+        submitFeedBack () {             uni.navigateTo({                 url: '/pages/home/feedback'             })         },
-            uni.navigateTo({
-                url: '/pages/device/feedback'
-            })
-        },
         projectTypeChange (e) {
             // 重置name
             this.select.projectName = ''

pages/index/comp/indexYunWei.vue

@@ -139,11 +139,7 @@ export default {
         }
     },
     methods: {
-        submitFeedBack () {
+        submitFeedBack () {             uni.navigateTo({                 url: '/pages/home/feedback'             })         },
-            uni.navigateTo({
-                url: '/pages/device/feedback'
-            })
-        },
         projectTypeChange (e) {
             // 重置name
             this.select.projectName = ''

pages/index/comp/indexZhuYongHu.vue

@@ -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="提交反馈"
+                <Cn-grid-item src="/static/feedback2.png" text="提交反馈" @click="submitFeedBack"></Cn-grid-item>
-                    @click="submitFeedBack"></Cn-grid-item>
             </Cn-grid>
         </view>
         <view class="nav">
@@ -141,11 +140,7 @@ export default {
         }
     },
     methods: {
-        submitFeedBack () {
+        submitFeedBack () { uni.navigateTo({ url: '/pages/home/feedback' }) },
-            uni.navigateTo({
-                url: '/pages/device/feedback'
-            })
-        },
         projectTypeChange (e) {
             // 重置name
             this.select.projectName = ''

pages/index/comp/indexZiYongHu.vue

@@ -140,11 +140,7 @@ export default {
         }
     },
     methods: {
-        submitFeedBack () {
+        submitFeedBack () {             uni.navigateTo({                 url: '/pages/home/feedback'             })         },
-            uni.navigateTo({
-                url: '/pages/device/feedback'
-            })
-        },
         projectTypeChange (e) {
             // 重置name
             this.select.projectName = ''

pages/message/feedback.vue

@@ -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="机器不稳定"
+            <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 in 5" />
+                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 () {

pages/message/feedbackDetail.vue

@@ -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>

pages/mine/book.vue

@@ -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>

pages/mine/database.vue

@@ -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>

pages/mine/setup.vue

@@ -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>

pages/mine/subordinate.vue

@@ -2,6 +2,7 @@
     <Rc-page :loading='loading'>
         <view slot='body'>
             <view class='index'>
+                
             </view>
         </view>
     </Rc-page>