增加消息详情页

src/pages/notice/notice.vue

@@ -214,7 +214,8 @@ const getNoticeList = (pageIndex, pageSize) => {
 // 跳转webview
 const handleJump = (item)=>{
     uni.navigateTo({
-        url: '/pages/h5-webview/h5-webview?url=' + item.mobileLink+"&title="+item.subject
+        // url: '/pages/h5-webview/h5-webview?url=' + item.mobileLink+"&title="+item.subject
+        url:'/pages/notice/noticeDetail?title='+item.subject+'&time='+item.createTime+'&appName='+item.appName
     });
 }
 </script>

src/pages/notice/noticeDetail.vue

@@ -0,0 +1,84 @@
+<template>
+    <view class="con-body">
+        <view class="con-bg">
+            <!-- 头部 -->
+            <customHeader ref="customHeaderRef" :title="'消息通知'" :leftFlag="true" :rightFlag="false"></customHeader>
+
+            <!-- 高度来避免头部遮挡 -->
+            <view class="top-height"></view>
+
+            <!-- 正文内容 -->
+            <view class="white-bg">
+                <view class="n-title">{{ title }}</view>
+                <view class="n-time">
+                   <text>来自：{{appName}}</text> {{ time }}
+                </view>
+                <view class="btn-blue"  @click="handleJump">跳转详情页</view>
+            </view>
+
+            <!-- 底部加高度来避免tabbar遮挡 -->
+            <view class="bottom-height"></view>
+        </view>
+    </view>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import customHeader from '@/components/customHeader.vue'
+import {showToast} from '@/utils/message.js'
+
+// 加载后调用
+let title = ref(null);
+let time = ref(null);
+let appName = ref(null);
+onLoad((options) => {
+    console.log(options)
+    title.value = options.title;
+    time.value = options.time;
+    appName.value = options.appName
+})
+
+// 跳转webview
+const handleJump = ()=>{
+    showToast('暂不支持跳转');
+}
+
+</script>
+
+<style scoped>
+.white-bg {
+    width: 650rpx;
+    padding:30rpx 50rpx;
+    height:100vh;
+    margin: 0;
+    border-radius: 8px 8px 0 0;
+    
+}
+.white-bg .n-title{
+    font-size:40rpx;
+    font-weight: bold;
+    padding:20rpx 0 25rpx;
+    text-align: center;
+    border-bottom: 1px solid #BFBFBF;
+}
+.white-bg .n-time{
+    text-align: center;
+    color:#919191;
+    font-size:26rpx;
+    padding:20rpx;
+}
+.white-bg .n-time text{
+    margin-right:50rpx;
+}
+.btn-blue {
+    background-color: #05A3F4;
+    color: #fff;
+    width:380rpx;
+    height:80rpx;
+    line-height: 80rpx;
+    margin:300rpx auto 0;
+    text-align: center;
+    border-radius: 40rpx;
+}
+</style>

src/pages/notice/waitApproveDetail.vue

@@ -59,6 +59,7 @@ import customHeader from '@/components/customHeader.vue'
 import { getNavBarPaddingTop } from '@/utils/system.js'
 import {formatLevel} from '@/utils/status.js'
 import { parseTime } from '@/utils/datetime.js'
+import {showToast} from '@/utils/message.js'
 
 
 let detail = ref({})
@@ -80,10 +81,11 @@ onMounted(() => {
 
 // 跳转webview
 const handleJump = ()=>{
-    let item = detail.value;
-    uni.navigateTo({
-        url: `/pages/h5-webview/h5-webview?url=${item.mobileLink}&title=${item.subject}`
-    });
+    showToast('暂不支持跳转');
+    // let item = detail.value;
+    // uni.navigateTo({
+    //     url: `/pages/h5-webview/h5-webview?url=${item.mobileLink}&title=${item.subject}`
+    // });
 }
 </script>