小程序图片PDF预览修改

app.json

@@ -11,8 +11,8 @@
     "pages/suggestion/suggestion",
     "pages/about/about",
     "pages/lookStay-detail/lookStay-detail",
-    "pages/preview/preview",
-    "pages/link/link"
+    "pages/link/link",
+    "pages/preview-list/preview-list"
   ],
   "permission": {
     "scope.userLocation": {

components/detail-announcement/detail-announcement.js

@@ -19,8 +19,9 @@ Component({
             this.triggerEvent('setMark', e)
         },
         previewImage(e) {
-            var type = e.target.dataset.type;
-            if (this.properties.info.transactionStatus == "toBeListed") {
+            let type = e.target.dataset.type;
+            let transactionStatus = this.properties.info.transactionStatus;
+            if (transactionStatus == "toBeListed") {
                 $api.AJAX('GET', 'applets/landToListAttachment', {
                     fileType: type,
                     proposedseriaId: this.properties.info.proposedseriaId,
@@ -44,7 +45,8 @@ Component({
                 }, true).then(res => {
                     if (res.data.length > 0) {
                         wx.navigateTo({
-                            url: '/pages/preview/preview?src=' + res.data[0].filePath,
+                            url: '/pages/preview-list/preview-list?transactionStatus=' +
+                                transactionStatus + '&fileType=' + type + '&id=' + this.properties.info.landListedId,
                         })
                     } else {
                         wx.showToast({

pages/auctionRecord/auctionRecord.wxml

@@ -9,7 +9,7 @@
       <view class="th">名义楼面价(元/m2)</view>
       <view class="th">无偿移交比例(%)</view>
     </view>
-    <scroll-view scroll-y="{{true}}" style="height: 1120rpx;">
+    <scroll-view scroll-y="{{true}}" style="height: 43rem;">
       <block wx:for="{{listData}}" wx:key="index">
       <view class="tr bg-g" wx:if="{{index % 2 == 0}}">
         <view class="td1">{{item.ranking}}</view>

pages/preview-list/preview-list.js

@@ -0,0 +1,109 @@
+// pages/preview-list/preview-list.js
+const $api = require('../../utils/api').API;
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    previewFileList: [],
+    images: [],
+    loadingHidden: true
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    if (options.transactionStatus == "toBeListed") {
+      $api.AJAX('GET', 'applets/landToListAttachment', {
+        fileType: options.fileType,
+        proposedseriaId: options.id,
+      }, true).then(res => {
+        if (res.data.length > 0) {
+          let images = res.data.filter(item => {
+            let src = item.filePath;
+            let startIndex = src.lastIndexOf(".");
+            let fileType;
+            if (startIndex != -1) {
+              fileType = src.substring(startIndex + 1, src.length).toLowerCase();
+            }
+            let imgTypes = ['png', 'bmp', 'gif', 'jpg', 'jpeg'];
+            return imgTypes.indexOf(fileType) != -1;
+          }).map(item => {
+            return item.filePath
+          })
+          this.setData({
+            previewFileList: res.data,
+            images
+          })
+        }
+      })
+    } else {
+      $api.AJAX('GET', 'applets/landAttachment', {
+        fileType: options.fileType,
+        landListedId: options.id,
+      }, true).then(res => {
+        if (res.data.length > 0) {
+          let images = res.data.filter(item => {
+            let src = item.filePath;
+            let startIndex = src.lastIndexOf(".");
+            let fileType;
+            if (startIndex != -1) {
+              fileType = src.substring(startIndex + 1, src.length).toLowerCase();
+            }
+            let imgTypes = ['png', 'bmp', 'gif', 'jpg', 'jpeg'];
+            return imgTypes.indexOf(fileType) != -1;
+          }).map(item => {
+            return item.filePath
+          })
+          this.setData({
+            previewFileList: res.data,
+            images
+          })
+        }
+      })
+    }
+  },
+  preview: function (e) {
+    let src = e.target.dataset.type;
+    let startIndex = src.lastIndexOf(".");
+    let fileType;
+    let {
+      images
+    } = this.data
+    if (startIndex != -1) {
+      fileType = src.substring(startIndex + 1, src.length).toLowerCase();
+    }
+    let imgTypes = ['png', 'bmp', 'gif', 'jpg', 'jpeg'];
+    if (imgTypes.indexOf(fileType) != -1) {
+      //图片
+      wx.previewImage({
+        current: src,
+        urls: images
+      })
+    } else {
+      this.setData({
+        loadingHidden: false
+      });
+      let that = this;
+      wx.downloadFile({
+        url: src,
+        success: function (res) {
+          if (res.statusCode === 200) {
+            let filePath = res.tempFilePath
+            wx.openDocument({
+              fileType: fileType,
+              filePath: filePath,
+              success: function () {
+                that.setData({
+                  loadingHidden: true
+                });
+              }
+            })
+          }
+        }
+      })
+    }
+  }
+})

pages/preview-list/preview-list.wxml

@@ -0,0 +1,30 @@
+<!--pages/preview-list/preview-list.wxml-->
+<view class="pages">
+  <mp-navigation-bar ext-class="set-bar" title="预览"></mp-navigation-bar>
+  <view class="table">
+    <view class="tr bg-w">
+      <view class="th">文件名</view>
+      <view class="th1">操作</view>
+    </view>
+    <scroll-view scroll-y="{{true}}" style="height: 43rem;">
+      <block wx:for="{{previewFileList}}" wx:key="index">
+        <view class="tr bg-g" wx:if="{{index % 2 == 0}}">
+          <view class="td">{{item.fileName}}</view>
+          <view class="td2">
+            <text class="see" bindtap='preview' data-type="{{item.filePath}}">点击查看</text>
+          </view>
+        </view>
+        <view class="tr" wx:else>
+          <view class="td">{{item.fileName}}</view>
+          <view class="td2">
+            <text class="see" bindtap='preview' data-type="{{item.filePath}}">点击查看</text>
+          </view>
+        </view>
+      </block>
+    </scroll-view>
+  </view>
+  <view wx:if="{{previewFileList.length <= 0}}" class="noText">暂无数据</view>
+  <loading hidden="{{loadingHidden}}">
+    加载中...
+  </loading>
+</view>

pages/preview-list/preview-list.wxss

@@ -0,0 +1,60 @@
+/* pages/preview-list/preview-list.wxss */
+.table {
+  border: 0px solid darkgray;
+}
+
+.tr {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  height: 3rem;
+  align-items: center;
+}
+
+.td {
+  width: 70%;
+  justify-content: center;
+  text-align: left;
+}
+.td1 {
+  width: 30%;
+  justify-content: center;
+  text-align: center;
+}
+
+.bg-w {
+  background: snow;
+}
+
+.bg-g {
+  background: #E6F3F9;
+}
+
+.th {
+  width: 70%;
+  justify-content: center;
+  background: #3366FF;
+  color: #fff;
+  display: flex;
+  height: 3rem;
+  align-items: center;
+  font-size: 20rpx;
+  text-align: center;
+}
+
+.th1 {
+  width: 30%;
+  justify-content: center;
+  background: #3366FF;
+  color: #fff;
+  display: flex;
+  height: 3rem;
+  font-size: 20rpx;
+  align-items: center;
+  text-align: center;
+}
+
+.noText{
+  text-align: center;
+  padding-top: 50rpx;
+}

pages/preview/preview.js

@@ -1,68 +0,0 @@
-// pages/preview/preview.js
-Page({
-
-    /**
-     * 页面的初始数据
-     */
-    data: {
-        imgSrc: ""
-    },
-
-    /**
-     * 生命周期函数--监听页面加载
-     */
-    onLoad: function (options) {
-        this.setData({
-            imgSrc: options.src
-        })
-    },
-
-    /**
-     * 生命周期函数--监听页面初次渲染完成
-     */
-    onReady: function () {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面显示
-     */
-    onShow: function () {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面隐藏
-     */
-    onHide: function () {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面卸载
-     */
-    onUnload: function () {
-
-    },
-
-    /**
-     * 页面相关事件处理函数--监听用户下拉动作
-     */
-    onPullDownRefresh: function () {
-
-    },
-
-    /**
-     * 页面上拉触底事件的处理函数
-     */
-    onReachBottom: function () {
-
-    },
-
-    /**
-     * 用户点击右上角分享
-     */
-    onShareAppMessage: function () {
-
-    }
-})

pages/preview/preview.wxml

@@ -1,9 +0,0 @@
-<!--pages/preview/preview.wxml-->
-<view class="pages">
-  <mp-navigation-bar ext-class="set-bar" title="预览"></mp-navigation-bar>
-  <view class="preview">
-    <image style="width: 100%; height: calc(100vh - 88px); background-color: #eeeeee;" mode="aspectFit"
-      src="{{imgSrc}}"></image>
-    <view wx:if="{{!imgSrc}}" class="noText">暂无数据</view>
-  </view>
-</view>

pages/preview/preview.wxss

@@ -1,10 +0,0 @@
-/* pages/auctionRecord.wxss */
-.preview {
-  width: 100%;
-  height: 100vh;
-}
-
-.noText {
-  text-align: center;
-  padding-top: 50rpx;
-}