消防报告详情

src/pages/business/mhxf/fireReport/components/detailedPath.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="detailed" style="font-size: 30upx">
     <view class="detailedContent">
-      <web-view :src="pathUrl"></web-view>
+      <web-view update-title="消防报告详情" :src="pathUrl"></web-view>
     </view>
   </view>
 </template>
@@ -21,9 +21,10 @@ const publicStores = publicStore(); //全局公共Store
 
 const dataList = reactive({
   pathUrl: "",
+  viewerUrl: "/static/pdf/web/viewer.html",
 });
 
-const { pathUrl } = toRefs(dataList);
+const { pathUrl, viewerUrl } = toRefs(dataList);
 
 watchEffect(() => {});
 
@@ -38,7 +39,10 @@ onNavigationBarButtonTap((e) => {
 });
 
 onLoad((options) => {
-  pathUrl.value = options.reportPath;
+  if (options.reportPath) {
+    let fileUrl = encodeURIComponent(options.reportPath); // encodeURIComponent 函数可把字符串作为 URI 组件进行编码。
+    pathUrl.value = viewerUrl.value + "?file=" + fileUrl;
+  }
 });
 
 onReady(() => {});

src/pages/business/mhxf/fireReport/index.vue

@@ -36,18 +36,12 @@ const pageSize = ref(20);
 const pageNum = ref(1);
 const total = ref(0);
 
-const isShowProgress = ref(false);
-const progress = ref(0);
-
 /**
  * @列表点击事件
  */
 function handleSelect(reportPath) {
   proxy.$tab.navigateTo("/pages/business/mhxf/fireReport/components/detailedPath?reportPath=" + reportPath);
-
-  // uni.navigateBack({
-  //   delta: 1,
-  // });
+  // proxy.$tab.navigateTo("/pages/business/mhxf/fireReport/components/detailed");
 }
 
 /**
@@ -64,6 +58,10 @@ function reportInfoListApi() {
     console.log(res);
     dataList.value = res.data.records;
     total.value = res.data.total;
+
+    if (total.value == dataList.value.length) {
+      status.value = "nomore";
+    }
   });
 }