重大危险源

pages.json

@@ -43,7 +43,7 @@
 			"style": {
 				"navigationBarTitleText": "编辑资料"
 				// "navigationStyle": "custom" // 隐藏系统导航栏
-				
+
 			}
 		},
 		{
@@ -317,7 +317,7 @@
 			"path": "pages/indexpage/YJgoods/cangKuKuCun/cangKuKuCun",
 			"style": {
 				// "navigationStyle": "custom",
-				"navigationBarTitleText" : "场库库存",
+				"navigationBarTitleText": "场库库存",
 				"enablePullDownRefresh": false
 			}
 		},
@@ -332,7 +332,7 @@
 		{
 			"path": "pages/indexpage/YJgoods/wzPanDian/wzPanDian",
 			"style": {
-"navigationStyle": "custom",
+				"navigationStyle": "custom",
 				"navigationBarTitleText": "物资盘点",
 				"enablePullDownRefresh": false
 			}
@@ -493,7 +493,7 @@
 			"path": "pages/indexpage/YJgoods/wzYvJing/wzYvJing",
 			"style": {
 				// "navigationStyle": "custom",
-				"navigationBarTitleText" : "库存预警",
+				"navigationBarTitleText": "库存预警",
 				"enablePullDownRefresh": false
 			}
 		},
@@ -557,17 +557,20 @@
 	// 	"onReachBottomDistance": 0 //设置后，所有页面都起效
 	// },
 	"globalStyle": {
-	    "navigationBarTextStyle": "black",
-	    "navigationBarTitleText": "应急资源管理模块",
-	    "navigationBarBackgroundColor": "#F8F8F8",
-	    "backgroundColor": "#F8F8F8",
-	    "backgroundColorTop": "#F4F5F6",
-	    "backgroundColorBottom": "#F4F5F6",
-	    "mp-alipay": {
-	        "titleBarColor": "#FFFFFF"
-	    },
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "应急资源管理模块",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8",
+		"backgroundColorTop": "#F4F5F6",
+		"backgroundColorBottom": "#F4F5F6",
+		"mp-alipay": {
+			"titleBarColor": "#FFFFFF"
+		},
 		"navigationStyle": "custom",
-		"onReachBottomDistance": 0 
+		"onReachBottomDistance": 0,
+		"app-plus": {
+			"titleNView": false
+		}
 	}
 
 }

pages/indexpage/zdwxy/zdwxy.vue

@@ -2,7 +2,7 @@
 	<view>
 		<!-- //导航栏 -->
 		<u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="重大危险源" :autoBack="true">
-		
+
 		</u-navbar>
 		<!-- <u-sticky bgColor="#fff">
 			<u-tabs lineWidth="37" gutter="25" :activeStyle="{
@@ -16,7 +16,7 @@
 		</u-sticky> -->
 		<!-- <swiper :current="tabIndex" @change="tabChange" style="height: calc(100vh - 176rpx);margin-top: 10rpx;">
 			<swiper-item> -->
-		<view class="content" style="height: 100%;overflow-y: scroll;">
+		<view class="content" :style="{ top: navbarHeight + 'px', height: webViewHeight + 'px' }">
 			<!-- 危险源统计 -->
 			<view class="tongji" v-for="(item,index) in countList" :key="index">
 				<view class="head">
@@ -143,13 +143,34 @@
 				beianList: [], //备案表格数据
 				beianStatusList: [], //是否备案字典数组
 				countList: [], //数量数组
+				// 导航栏高度（动态计算）
+				navbarHeight: 0,
+				// web-view 的高度（动态计算）
+				webViewHeight: 0,
 			};
 		},
 		mounted() {
 			this.getDict();
+			this.setNavbarHeight()
 		},
 
 		methods: {
+			setNavbarHeight() {
+				// 获取系统信息
+				const systemInfo = uni.getSystemInfoSync();
+
+				// 获取状态栏的高度
+				const statusBarHeight = systemInfo.statusBarHeight;
+
+				// 自定义导航栏高度可以根据设计需求调整，这里假设导航栏的高度是 44px
+				const customNavbarHeight = 44;
+
+				// 计算导航栏的总高度
+				this.navbarHeight = statusBarHeight + customNavbarHeight;
+
+				// 设置 web-view 的高度：全屏高度减去导航栏的高度
+				this.webViewHeight = systemInfo.windowHeight - this.navbarHeight;
+			},
 			//文件预览
 			prefile(e) {
 				uni.downloadFile({
@@ -240,6 +261,8 @@
 		box-sizing: border-box !important;
 
 		.content {
+			height: 100%;
+			overflow-y: scroll;
 			padding: 30rpx;
 
 			.tongji {