页面切图

common/css/base.scss

@@ -42,6 +42,10 @@ page {
     align-items: center;
     justify-content: center;
 }
+.space-between{
+    display: flex;
+    justify-content: space-between;
+}
 
 .hide-txt {
     overflow-x: hidden;

manifest.json

@@ -131,5 +131,5 @@
     "uniStatistics" : {
         "enable" : false
     },
-    "vueVersion" : "3"
+    "vueVersion" : "2"
 }

pages.json

@@ -187,6 +187,12 @@
         "navigationBarTitleText": "暂态事件"
       }
     },
+    {
+      "path": "pages/message/incidentDetail",
+      "style": {
+        "navigationBarTitleText": "暂态事件详情"
+      }
+    },
     {
       "path": "pages/message/term",
       "style": {
@@ -340,8 +346,9 @@
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "灿能电力",
     "navigationBarBackgroundColor": "#ffffff",
-    "backgroundColor": "#f3f4f5",
+    "backgroundColor": "#f3f4f5"
     // #ifdef H5
+    ,
     "navigationStyle": "custom"
     // #endif
   },

pages/message/incident.vue

@@ -65,7 +65,7 @@ export default {
     methods: {
         jump () {
             console.log(123);
-            uni.navigateTo({ url: '/pages/message/termDetail' })
+            uni.navigateTo({ url: '/pages/message/incidentDetail' })
         }
     }
 }
@@ -97,6 +97,6 @@ export default {
 }
 /deep/ .uni-card__header-extra-text {
     color: #dd524d !important;
-  
+    font-size: 20rpx;
 }
 </style>

pages/message/incidentDetail.vue

@@ -0,0 +1,66 @@
+<template>
+    <Cn-page :loading='loading'>
+        <view slot='body'>
+            <view class='detail'>
+                <view class="detail-content ">
+                    <!-- <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/message/report.vue

@@ -1,7 +1,7 @@
 <template>
     <view class="content">
         <uni-list :border="false">
-            <uni-list-item :show-badge="item<4" badgeType="error" isDot badge-text="未读" title="输入电压异常"
+            <uni-list-item :show-badge="item<4" badgeType="error" isDot badge-text="未读" title="输入电压异常1"
                 note="2023-02-01 15:10:29" v-for="item in 5" />
         </uni-list>
         <uni-load-more status="nomore"></uni-load-more>
@@ -35,5 +35,7 @@ export default {
 }
 /deep/ .uni-badge {
     background-color: unset !important;
+    color: #dd524d !important;
+    font-size: 28rpx !important;
 }
 </style>

pages/message/term.vue

@@ -40,4 +40,9 @@ export default {
 /deep/ .uni-list-item {
     background-color: $uni-theme-white !important;
 }
+/deep/ .uni-badge {
+    background-color: unset !important;
+    color: #dd524d !important;
+    font-size: 28rpx !important;
+}
 </style>

tsconfig.json

@@ -1,29 +0,0 @@
-// tsconfig.json
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "strict": true,
-    "jsx": "preserve",
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "skipLibCheck": true,
-    "importHelpers": true,
-    "allowSyntheticDefaultImports": true,
-    "useDefineForClassFields": true,
-    "resolveJsonModule": true,
-    "lib": [
-      "esnext",
-      "dom"
-    ],
-    "types": [
-      "@dcloudio/types"
-    ]
-  },
-  "exclude": [
-    "node_modules",
-    "unpackage",
-    "src/**/*.nvue"
-  ]
-}