加入钥匙审核界面

app.json

@@ -4,6 +4,7 @@
     "pages/bindOwner/bindOwner",
     "pages/viewBindOwner/viewBindOwner",
     "pages/applicationKey/applicationKey",
+    "pages/applicationKeyLocation/applicationKeyLocation",
     "pages/location/location",
     "pages/my/my",
     "pages/notice/index",

pages/applicationKey/applicationKey.js

@@ -62,5 +62,14 @@ Page({
    */
   onShareAppMessage: function () {
 
+  },
+
+/**
+ * 申请钥匙
+ */
+  applyApplicationKey:function(){
+      wx.navigateTo({
+        url: '/pages/applicationKeyLocation/applicationKeyLocation',
+      });
   }
 })

pages/applicationKey/applicationKey.wxml

@@ -11,32 +11,40 @@
           <view>
               <text class="iconfont iconshenqing ak_icon_text"></text>
           </view>
-          <view>
-              <text>提交申请钥匙</text>
+          <view class="ak_row_col_t">
+              <text>1.提交申请钥匙</text>
           </view>
       </van-col>
       <van-col span="12" class="ak_row_col">
           <view>
               <text class="iconfont icondengdai ak_icon_text"></text>
           </view>
-          <view>
-              <text>物业人员审核</text>
+          <view class="ak_row_col_t">
+              <text>2.物业人员审核</text>
           </view>
       </van-col>
     </van-row>
 
-    <view class="ak_row_black_01"/>
+    <view class="ak_row_black_02"/>
 
     <van-row>
       <van-col span="24" class="ak_row_col">
            <view>
             <text class="iconfont iconshenqingtongguo ak_icon_text"></text>
           </view>
-          <view>
-            <text>审核通过后生成电子钥匙</text>
+          <view class="ak_row_col_t">
+            <text>3.审核通过后生成电子钥匙</text>
           </view>
       </van-col>
     </van-row>
+
+     <view class="ak_row_black_03"/>
+
+      <view  class="ak_btn">
+            <van-button type="primary" block bind:click="applyApplicationKey">申请钥匙</van-button>
+      </view>
+
+     <view class="ak_row_black_04"/>
    
   </view>
 </view>

pages/applicationKey/applicationKey.wxss

@@ -25,6 +25,24 @@
 .ak_row_black_01{
   height: 80rpx;
 }
+.ak_row_black_02{
+  height: 100rpx;
+}
+.ak_row_black_03{
+  height: 140rpx;
+}
+.ak_row_black_04{
+  height: 40rpx;
+}
 .ak_icon_text{
-  font-size: 80rpx;
+  font-size: 100rpx;
+  color: #00AA00;
+}
+.ak_row_col_t text{
+  font-size: 30rpx;
+  color: #8a8a8a;
+}
+.ak_btn{
+  width: 80%;
+  margin:0 auto;
 }

pages/applicationKeyLocation/applicationKeyLocation.js

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

pages/applicationKeyLocation/applicationKeyLocation.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "选择门禁"
+}

pages/applicationKeyLocation/applicationKeyLocation.wxml

@@ -0,0 +1,22 @@
+<view>
+  <view class="akl_community">
+    <van-cell-group>
+      <van-cell title="当前小区" value="格兰小镇" size="large" />
+    </van-cell-group>
+  </view>
+
+  <view class="akl_community_location">
+    <van-cell-group>
+      <van-cell title="东大门" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="南大门" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="1号楼1单元" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="1号楼2单元" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="2号楼1单元" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="2号楼2单元" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="3号楼1单元" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="3号楼2单元" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="4号楼1单元" value="" is-link label="ff:99:00:99"/>
+      <van-cell title="4号楼2单元" value="" is-link label="ff:99:00:99"/>
+    </van-cell-group>
+  </view>
+</view>

pages/applicationKeyLocation/applicationKeyLocation.wxss

@@ -0,0 +1,3 @@
+.akl_community{
+  padding: 10rpx 0;
+}