Quellcode durchsuchen

增加图片以及文字

XWookey vor 1 Jahr
Ursprung
Commit
f0261bd044

BIN
images/scan_result.png


+ 13 - 3
pages/scan_result/scan_result.js

@@ -15,6 +15,8 @@ Page({
     carParkingRate: false,
     // 停车时间
     parkTime: 0,
+    url:'/images/scan_result.png',
+    authStatus: 1,
   },
   resetResultList(resultList){
     let that = this
@@ -44,11 +46,12 @@ Page({
         console.log(res);
         //console.log(res.data);
         var chargPile = res.data;
-
+        let authStatus = chargPile.authStatus
         let resultTable = chargPile.resultList
         that.resetResultList(resultTable)
         that.setData({
-          resultTable
+          resultTable,
+          authStatus
         })
         chargPile.sharpTotalPrice = parseFloat((chargPile.sharpChargPrice + chargPile.sharpServicePrice).toFixed(6));
         chargPile.peakTotalPrice = parseFloat((chargPile.peakChargPrice + chargPile.peakServicePrice).toFixed(6));
@@ -445,7 +448,14 @@ Page({
       }
     });
   },
-
+  previewImage(e){
+    let cur = e.target.dataset.src;//获取本地一张图片链接
+    console.info(cur)
+    wx.previewImage({
+        current: cur, //字符串,默认显示urls的第一张
+          urls: [cur] // 数组,需要预览的图片链接列表
+    })
+},
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

+ 2 - 1
pages/scan_result/scan_result.json

@@ -1,4 +1,5 @@
 {
     "usingComponents": {},
-    "navigationBarTitleText": "终端详情"
+    "navigationBarTitleText": "终端详情",
+    "backgroundColor": "#FFFFFF"
 }

+ 11 - 0
pages/scan_result/scan_result.wxml

@@ -85,8 +85,19 @@
   <view  style='margin-top:10rpx;' wx:if="{{carParkingRate}}">
     <rich-text style='line-height:36rpx;color:#1D9BF7;font-size:30rpx;word-break:break-all;font-weight: bold;'>充电即减免 <text class="richHourNum">{{parkTime}}</text>小时停车费。请您确认入场车辆与启动充电时录入的车牌信息保持一致,如录入不一致将无法享受充电减免停车费优惠。</rich-text>
   </view>
+  <block wx:if="{{authStatus==0}}">
+  <image class="scan_img" src="{{url}}" data-src="{{url}}" bindtap="previewImage"></image>
+  <view class="scan_text">二维码展示测试二维码展示测试二维码展示测试二维码展示测试二维码展示测试二维码展示测试</view>
+  </block>
+
+
+
 
   </view>
+
+
+
+
   <button wx:if="{{chargPile}}" class='charg_button' bindtap="beginCharge" >开始充电</button>
 
 <!-- <view style="width: 100%;margin-top:50rpx">

+ 15 - 1
pages/scan_result/scan_result.wxss

@@ -108,7 +108,7 @@ text.inline {
   border-radius: 45rpx;
   box-shadow: 0rpx 16rpx 0rpx #edf5fd;
   border: none;
-  position: absolute;
+  position: fixed;
   bottom: 10rpx;
   width: 80%;
 }
@@ -163,4 +163,18 @@ text.inline {
   color: red;
   padding-left: 10rpx;
   padding-right: 20rpx;
+}
+
+.scan_img{
+    width:400rpx;
+    height:400rpx;
+    padding: 0 calc((100% - 400rpx) / 2);
+}
+
+.scan_text{
+    word-wrap: break-word;
+    word-break: break-all;
+    white-space: pre-line;
+    padding:0 calc((100% - 500rpx) / 2);
+    padding-bottom: 200rpx;
 }