完成履约保证金及成功失败弹框页

app.json

@@ -13,7 +13,9 @@
             "name": "OCRCard",
             "pages": [
                 "pages/index/index",
-                "pages/confirm/confirm"
+                "pages/confirm/confirm",
+                "pages/deposit/deposit"
+
             ]
         },
         {

app.wxss

@@ -203,9 +203,15 @@ page{
 .mt-24{
   margin-top: 24rpx;
 }
+.m-20{
+    margin:20rpx ;
+}
 .p10{
   padding: 10rpx;
 }
+.p20{
+    padding: 20rpx;
+}
 .mt-14{
   margin-top: 14rpx;
 }

project.private.config.json

@@ -14,6 +14,13 @@
     "condition": {
         "miniprogram": {
             "list": [
+                {
+                    "name": "subpages/OCRCard/pages/deposit/deposit",
+                    "pathName": "subpages/OCRCard/pages/deposit/deposit",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
                 {
                     "name": "subpages/index/policy/detail/detail",
                     "pathName": "subpages/index/policy/detail/detail",

subpages/OCRCard/pages/deposit/deposit.js

@@ -0,0 +1,72 @@
+// subpages/OCRCard/pages/deposit/deposit.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        show: true,
+        status: 2
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+    goback() {
+        wx.switchTab({
+            url: '/pages/index/index',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

subpages/OCRCard/pages/deposit/deposit.json

@@ -0,0 +1,11 @@
+{
+    "usingComponents": {
+        "navigationBar": "/components/navigationBar/navigationBar",
+        "van-image": "@vant/weapp/image/index",
+        "van-divider": "@vant/weapp/divider/index",
+        "van-icon": "@vant/weapp/icon/index",
+        "van-button": "@vant/weapp/button/index",
+        "van-popup": "@vant/weapp/popup/index"
+    },
+    "navigationStyle": "custom"
+}

subpages/OCRCard/pages/deposit/deposit.wxml

@@ -0,0 +1,55 @@
+<!--subpages/OCRCard/pages/deposit/deposit.wxml-->
+<navigationBar title="履约保证金" isSowArrow titleAlign="center"></navigationBar>
+<view class="container-app">
+    <view class="card m-20">
+        <view class="flex flex-y items-center ">
+            <van-image width="115" height="100" src="/subpages/OCRCard/image/icon01.png" />
+            <view class="mt-24">履约保证金<text class="txt px-20">500</text>元</view>
+            <view class="line-dash"></view>
+        </view>
+
+        <view class="tit">支付方式</view>
+        <view class="item flex flex-sb flex-center-j items-center p20 mt-24">
+            <view class=" flex flex-center-j items-center">
+                <van-icon name="/subpages/OCRCard/image/wx_pay.png" size="20px" />
+                <view class="p10">微信支付</view>
+            </view>
+            <van-icon name="/subpages/OCRCard/image/ze-checked.png" size="20px" />
+        </view>
+    </view>
+    <view class="btn">
+        <van-button slot="button" block type="primary" round color="linear-gradient(to right, #0DC6C6 , #46DBD5)" bind:tap="submit">
+            确定支付
+        </van-button>
+    </view>
+    <van-popup show="{{ show }}" round bind:close="onClose" custom-style="background-image: url('../../../OCRCard/image/bg1.png')">
+        <view class="diag flex flex-y  flex-center-j items-center">
+            <van-image width="94" height="94" src="/subpages/OCRCard/image/icon02.png" />
+            <view wx:if="{{status==1}}" class=" flex flex-y  flex-center-j items-center">
+                <view class="tit">支付失败</view>
+                <view class="remk">您尚未完成支付，请尽快前往
+                    “我的-入住记录”完成支付。</view>
+                <view class="butn">
+                    <van-button slot="button" custom-style="height:70rpx;" block type="primary" round color="linear-gradient(to right, #0DC6C6 , #46DBD5)" bind:tap="submit">
+                        前往支付
+                    </van-button>
+
+                </view>
+
+            </view>
+            <view wx:if="{{status!=1}}" class=" flex flex-y  flex-center-j items-center">
+                <view class="tit">您已完成入住办理</view>
+                <view class="remk">祝您居住愉快~</view>
+                <view class="butn">
+                    <van-button slot="button" custom-style="height:70rpx;" block type="primary" round color="linear-gradient(to right, #0DC6C6 , #46DBD5)" bind:tap="goback">
+                        返回首页
+                    </van-button>
+                </view>
+
+
+
+            </view>
+
+        </view>
+    </van-popup>
+</view>

subpages/OCRCard/pages/deposit/deposit.wxss

@@ -0,0 +1,63 @@
+/* subpages/OCRCard/pages/deposit/deposit.wxss */
+page {
+    position: relative;
+    background-color: #f8f8f8;
+
+}
+
+.container-app {
+    background-color: #f8f8f8;
+    height: 80vh;
+}
+
+.txt {
+    color: #FF5757;
+    font-size: 68rpx;
+    font-weight: 600;
+}
+
+.line-dash {
+    border-bottom: 1px dashed #BBBBBB;
+    width: 100%;
+    margin: 48rpx 0;
+}
+
+.item {
+    height: 60rpx;
+    background-color: #F7F8FC;
+    border-radius: 10rpx;
+}
+
+.btn {
+    position: absolute;
+    bottom: 48rpx;
+    left: 0;
+    right: 0;
+    max-width: 440rpx;
+    width: calc(100% - 10rpx);
+    height: 80rpx;
+    margin: auto;
+}
+
+.diag {
+
+    padding: 30rpx;
+    width: 440rpx;
+
+}
+
+.tit {
+    font-weight: 600;
+}
+
+.remk {
+    color: rgba(102, 102, 102, 1);
+    font-size: 30rpx;
+    padding: 40rpx 0;
+    line-height: 40rpx;
+}
+
+.butn {
+    max-width: 220rpx;
+    width: calc(100% - 10rpx);
+}

subpages/index/policy/index/index.js

@@ -12,7 +12,7 @@ Page({
       { title: "就业政策" },
     ],
     active: 0,
-    currentCont: 0,
+    policyList:[],
     pageNo: 1,
     pageSize: 10,
   },
@@ -30,8 +30,9 @@ Page({
     });
   },
   onChange(event) {
+      console.log('event',event);
     this.setData({
-      active: event.detail,
+      active: event.detail.index,
     });
   },
   /**

subpages/index/policy/index/index.wxml

@@ -22,7 +22,7 @@
                 </view>
                 <image src="/images/zixun.png" style="width:230rpx;height:154rpx" />
             </view>
-            <van-divider />
+            <van-divider />  
         </view>
     </view>
     <view  wx:if="{{active === 1}}" class="card mt-16">