fix:bug[16843] 功能缺陷-个人隐私保护指引，无网络，点击隐私政策，用户协议，进入空白页，预期进入“无网络”空页面样式页

+import { CommonConstants } from 'wdConstant';
+import { Logger } from 'wdKit';
+
+const TAG = 'EmptyComponent';
+
+/**
+ * WDViewDefaultType 缺省页  无网络
+ */
+export const enum WDViewDefaultType {
+  /// 0.默认
+  WDViewDefaultType_Default,
+  /// 1.无网
+  WDViewDefaultType_NoNetwork,
+}
+
+/**
+ * 空数据/无数据
+ */
+@Preview
+@Component
+export struct EmptyComponent {
+  @State emptyWidth: string | number = CommonConstants.FULL_PARENT;
+  @State emptyHeight: string | number = CommonConstants.FULL_PARENT;
+  @State emptyType: number = WDViewDefaultType.WDViewDefaultType_NoNetwork; // 缺省图类型，传枚举
+  @State emptyButton: boolean = false
+  @State timeNum: number = 10
+  /**
+   * The empty image width percentage setting.
+   */
+  readonly EMPTY_IMAGE_WIDTH: string = '15%';
+  /**
+   * The empty image height percentage setting.
+   */
+  readonly EMPTY_IMAGE_HEIGHT: string = '15%';
+  /**
+   * The empty data text component margin top.
+   */
+  readonly EMPTY_TIP_TEXT_MARGIN_TOP: string = '10';
+  /**
+   * The empty data text opacity.
+   */
+  readonly TEXT_OPACITY: number = 0.4;
+  private timer: number = -1
+  retry: () => void = () => {
+  }
+
+  build() {
+    this.noProgrammeData();
+  }
+
+  /**
+   * 无数据，空白view组件
+   */
+  @Builder
+  noProgrammeData() {
+    Column() {
+      Image(this.buildNoDataTipImage())
+        .width(160)
+        .height(112)
+        .objectFit(ImageFit.Contain)
+
+      Text(this.emptyType !== 8 ? this.buildNoDataTip() : `${this.buildNoDataTip()}(${this.timeNum}s)`)
+        .fontSize($r('app.float.font_size_14'))// .fontColor('#FF999999')
+        .fontWeight(FontWeight.Normal)
+        .opacity(this.TEXT_OPACITY)
+        .margin({ top: this.EMPTY_TIP_TEXT_MARGIN_TOP })
+        .onClick((event: ClickEvent) => {
+          Logger.info(TAG, `noProgrammeData onClick event?.source: ${event.source}`);
+        })
+
+      if (this.isShowButton()) {
+        if (this.emptyType !== 15) {
+          Button('点击重试')
+            .type(ButtonType.Normal)
+            .width(80)
+            .height(28)
+            .backgroundColor('#fffffff')
+            .fontColor('#FF666666')
+            .border({ width: 1 })
+            .borderColor('#FFEDEDED')
+            .borderRadius(4)
+            .fontSize($r('app.float.font_size_12'))
+            .margin({ top: 16 })
+            .padding(0)
+            .onClick(() => {
+              this.retry()
+            })
+        } else {
+          Button('点击重试')
+            .type(ButtonType.Normal)
+            .width(80)
+            .height(28)
+            .backgroundColor(Color.Black)
+            .fontColor('#FFCCCCCC')
+            .border({ width: 1 })
+            .borderColor('#4DFFFFFF')
+            .borderRadius(4)
+            .fontSize($r('app.float.font_size_12'))
+            .margin({ top: 16 })
+            .padding(0)
+            .onClick(() => {
+              this.retry()
+            })
+        }
+      }
+    }
+    .justifyContent(FlexAlign.Center)
+    .width(this.emptyWidth)
+    .height(this.emptyHeight)
+  }
+
+  buildNoDataTip(): string {
+    Logger.info(TAG, "buildNoDataTip");
+    let contentString: string = '暂无内容'
+    if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoNetwork) {
+      contentString = '网络出小差了，请检查网络后重试'
+    }
+    return contentString
+  }
+
+  buildNoDataTipImage(): Resource | string {
+    Logger.info(TAG, "buildNoDataTip");
+    let imageString: Resource | string = ""
+    if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoNetwork) {
+      imageString = $r('app.media.icon_no_net1')
+    }
+    return imageString
+  }
+
+  isShowButton() {
+    if (this.emptyType === 1 || this.emptyType === 9 || this.emptyType === 15) {
+      return true
+    } else {
+      return false
+    }
+  }
+}
+

 import router from '@ohos.router';
 import webview from '@ohos.web.webview';
 import { SpConstants } from 'wdConstant/Index';
-import { Logger, SPHelper } from 'wdKit';
+import { Logger, NetworkUtil, SPHelper } from 'wdKit';
 import { Params } from '../../../../../../../commons/wdRouter/oh_modules/wdBean/src/main/ets/bean/content/Params';
+import { EmptyComponent } from './EmptyComponent';
 
 
 const TAG = 'LoginProtocolWebview';
@@ -12,7 +13,7 @@ const TAG = 'LoginProtocolWebview';
 struct LoginProtocolWebview {
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
-  webUrl: string = ''
+  @State webUrl: string = ''
   webviewController: webview.WebviewController = new webview.WebviewController()
   userProtocol = "https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/app/protocol-1005.html"
   privateProtocol = 'https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/app/protocol-1001.html'
@@ -22,6 +23,7 @@ struct LoginProtocolWebview {
   collectionProtocol = 'https://cdnpeoplefront.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/app/protocol-1002.html'//收集个人信息明示清单
   thirdVendorProtocol = 'https://cdnpeoplefront.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/app/protocol-1004.html'//第三方信息共享清单
   @State contentID:string = "0"
+  @State isConnectNetwork : boolean = NetworkUtil.isNetConnected()
 
   async aboutToAppear() {
     if (router.getParams()) {
@@ -33,24 +35,17 @@ struct LoginProtocolWebview {
       if (params.contentID == "1") { //"人民日报客户端网络服务使用协议"
         this.webUrl = this.userProtocol
         this.webUrl = await SPHelper.default.get(SpConstants.NET_SERVICE_PROTOCOL, this.userProtocol) as string
-        this.webviewController.loadUrl(this.webUrl)
-
       } else if(params.contentID == "2"){ //"人民日报客户端用户隐私协议"
         this.webUrl = this.privateProtocol
         this.webUrl = await SPHelper.default.get(SpConstants.PRIVATE_PROTOCOL, this.privateProtocol) as string
-        this.webviewController.loadUrl(this.webUrl)
       }else if(params.contentID == "3"){ //注销协议
         this.webUrl = await SPHelper.default.get(SpConstants.LOGOUT_PROTOCOL, this.logoutProtocol) as string
-        this.webviewController.loadUrl(this.webUrl)
       } else if(params.contentID == "4"){ //华为用户认证协议
         this.webUrl = this.huaweiAuthProtocol
-        this.webviewController.loadUrl(this.webUrl)
       } else if(params.contentID == "5"){ //收集个人信息明示清单
         this.webUrl = this.collectionProtocol
-        this.webviewController.loadUrl(this.webUrl)
       } else if(params.contentID == "6"){ //第三方信息共享清单
         this.webUrl = this.thirdVendorProtocol
-        this.webviewController.loadUrl(this.webUrl)
       }
     }
 
@@ -75,20 +70,27 @@ struct LoginProtocolWebview {
         .alignItems(VerticalAlign.Center)
         .width('100%')
         .height(44)
-
-        Web({ src: this.webUrl, controller: this.webviewController })
-          .domStorageAccess(true)
-          .databaseAccess(true)
-          .javaScriptAccess(true)
-          .zoomAccess(false)
-          .horizontalScrollBarAccess(false)
-          .verticalScrollBarAccess(false)
-          .onHttpErrorReceive((event) => {
-            //TODO 页面加载不成功的时候处理
-            Logger.info(TAG, 'onHttpErrorReceive event.request.getRequestUrl:' + event?.request.getRequestUrl());
-            Logger.info(TAG, 'onHttpErrorReceive event.response.getResponseCode:' + event?.response.getResponseCode());
-          })
-          .padding({bottom:this.contentID === "2" ? "40lpx" : 0 })
+        if(this.isConnectNetwork){
+          Web({ src: this.webUrl, controller: this.webviewController })
+            .domStorageAccess(true)
+            .databaseAccess(true)
+            .javaScriptAccess(true)
+            .zoomAccess(false)
+            .horizontalScrollBarAccess(false)
+            .verticalScrollBarAccess(false)
+            .onHttpErrorReceive((event) => {
+              //TODO 页面加载不成功的时候处理
+              Logger.info(TAG, 'onHttpErrorReceive event.request.getRequestUrl:' + event?.request.getRequestUrl());
+              Logger.info(TAG, 'onHttpErrorReceive event.response.getResponseCode:' + event?.response.getResponseCode());
+            })
+            .padding({bottom:this.contentID === "2" ? "40lpx" : 0 })
+        }else{
+          EmptyComponent({ emptyType: 1,emptyHeight:"100%" ,retry: () => {
+            this.isConnectNetwork = NetworkUtil.isNetConnected()
+          }})
+            .layoutWeight(1)
+            .width('100%')
+        }
       }
     }.width("100%")
     .height("100%")