feat: add address reelative page

app.json

@@ -9,7 +9,11 @@
     "pages/appointment/appointment",
     "pages/allFile/allFile",
     "pages/handleFile/handleFile",
-    "pages/createFile/createFile"
+    "pages/createFile/createFile",
+    "pages/address/address",
+    "pages/tabBar/tabBar",
+    "pages/addressCheck/addressCheck",
+    "pages/addressAdd/addressAdd"
   ],
   "usingComponents": {
     "van-icon": "@vant/weapp/icon/index",

pages/address/address.js

@@ -0,0 +1,68 @@
+// pages/checkAddress/handleAddCheck.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    addressList: [1,1,1]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击 新增地址
+   */
+  handleAddressAdd() {
+    wx.navigateTo({
+      url: '/pages/addressAdd/addressAdd',
+    })
+  }
+})

pages/address/address.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "我的地址"
+}

pages/address/address.wxml

@@ -0,0 +1,25 @@
+<!--pages/checkAddress/handleAddCheck.wxml-->
+<view class="address-content">
+  <view class="main-content">
+    <view class="addrss-item" wx:for="{{addressList}}" wx:key="index">
+      <view class="top userinfo">
+        <view class="username ittflex-jcs">
+          <text class="name">范一岚</text>
+          <text class="phone">18626576880</text>
+        </view>
+        <view class="address-detail">河南省信阳市固始县赵刚乡新堰村西寨组</view>
+      </view>
+      <view class="actions button ittflex">
+        <view class="edit-btn btn ittflex">
+          <image class="btn-icon" src="./../../imaes/bianji@2x.png"></image>
+          <text class="btn-text">编辑</text>
+        </view>
+        <view class="delete-btn btn ittflex">
+          <image class="btn-icon" src="./../../imaes/shanchu@2x.png"></image>
+          <text class="btn-text">编辑</text>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class="add-address-btn itt-btn" bindtap="handleAddressAdd">新增检测地址</view>
+</view>

pages/address/address.wxss

@@ -0,0 +1,75 @@
+/* pages/checkAddress/handleAddCheck.wxss */
+.address-content {
+  width: 100%;
+  min-height: 100%;
+  background-color: #f7f7f7;
+  position: relative;
+}
+.main-content {
+  width: 690rpx;
+  min-height: 232rpx;
+  padding-top: 1rpx;
+  margin: 0 auto;
+}
+.addrss-item {
+  width: 100%;
+  height: 232rpx;
+  border-radius: 20rpx;
+  background-color: #fff;
+  margin-top: 20rpx;
+}
+.top {
+  width: 100%;
+  height: 156rpx;
+  border-bottom: 1rpx solid #eee;
+}
+.username {
+  width: 100%;
+  height: 92rpx;
+}
+.name {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333333;
+  margin: 0 20rpx 0 30rpx;
+}
+.phone {
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #999999;
+}
+.address-detail {
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #333333;
+  text-indent: 30rpx;
+}
+.button {
+  height: 72rpx;
+  justify-content: flex-end;
+}
+.btn {
+  height: 100%;
+  font-size: 24rpx;
+  font-weight: 400;
+  color: #999999;
+}
+.edit-btn {
+  margin-right: 58rpx;
+}
+.delete-btn {
+  margin-right: 30rpx;
+}
+.btn-icon {
+  width: 30rpx;
+  height: 30rpx;
+  margin-right: 10rpx;
+}
+.add-address-btn {
+  position: fixed;
+  bottom: 80rpx;
+  left: 4%;
+  width: 690rpx;
+  height: 80rpx;
+  border-radius: 10rpx;
+}

pages/addressAdd/addressAdd.js

@@ -0,0 +1,69 @@
+// pages/addressAdd/addressAdd.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    rangText: ''
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击区域选择
+   */
+  bindRegonPickerChange(e) {
+    var value = e.detail.value
+    this.setData({
+      rangText: value
+    })
+  }
+})

pages/addressAdd/addressAdd.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "新增检测地址"
+}

pages/addressAdd/addressAdd.wxml

@@ -0,0 +1,26 @@
+<!--pages/addressAdd/addressAdd.wxml-->
+<view class="addressadd-content">
+  <view class="form">
+    <view class="form-item chose-region ittflex-jcb">
+      <view class="label ittflex">所在区域</view>
+      <view class="actions">
+        <picker class="my-picker" mode="region" bindchange="bindRegonPickerChange">
+          <view class="picker-item ittflex">
+              <text class="picker-text">{{rangText}}</text>
+              <van-icon name="arrow" color="#999" style="margin-right: 30rpx;"/>
+            </view>
+        </picker>
+      </view>
+    </view>
+    <view class="form-item address-detail ittflex">
+      <textarea class="inputtext" show-confirm-bar placeholder="请输入详细地址：比如道路，门牌号等" 	placeholder-style="font-size: 26rpx;color:#999"/>
+    </view>
+    <view class="form-item linker">
+      <input class="linker-input user-input" placeholder="请输入联系人"/>
+    </view>
+    <view class="form-item phone">
+      <input class="phone-input user-input" type="number" maxlength="11"  placeholder="请输入手机号"/>
+    </view>
+  </view>
+  <view class="confirm-btn itt-btn">保存</view>
+</view>

pages/addressAdd/addressAdd.wxss

@@ -0,0 +1,72 @@
+/* pages/addressAdd/addressAdd.wxss */
+.addressadd-content {
+  width: 100%;
+  height: 100%;
+  background-color: #f7f7f7;
+}
+.form {
+  width: 100%;
+  min-height: 100rpx;
+  margin-top: 20rpx;
+  background-color: #fff;
+}
+.form-item {
+  width: 100%;
+  height: 100rpx;
+  border-bottom: 1rpx solid #e4e4e4;
+}
+.label {
+  width: 150rpx;
+  height: 100%;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #999999;
+  justify-content: flex-start;
+  text-indent: 30rpx;
+}
+.actions {
+  width: 550rpx;
+  height: 100%;
+}
+.my-picker {
+  width: 550rpx;
+  height: 100%;
+}
+.my-picker .picker-item {
+  width: 550rpx;
+  height: 100rpx;
+  justify-content: flex-end;
+}
+.picker-text {
+  margin-right: 14rpx;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #999999;
+}
+.address-detail {
+  height: 212rpx;
+}
+.inputtext {
+  margin: 0 auto;
+  width: 690rpx;
+  height: 170rpx;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #999999;
+}
+.user-input {
+  margin: 0 auto;
+  width: 690rpx;
+  height: 100%;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #999999;
+}
+.confirm-btn {
+  width: 690rpx;
+  height: 80rpx;
+  border-radius: 10rpx;
+  position:fixed;
+  bottom: 80rpx;
+  left: 4%;
+}

pages/addressCheck/addressCheck.js

@@ -0,0 +1,68 @@
+// pages/addressCheck/addressCheck.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    addressList: [1,1,1]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击新增地址
+   */
+  handleAddressAdd() {
+    wx.navigateTo({
+      url: '/pages/addressAdd/addressAdd',
+    })
+  }
+})

pages/addressCheck/addressCheck.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "检测地址"
+}

pages/addressCheck/addressCheck.wxml

@@ -0,0 +1,27 @@
+<!--pages/checkAddress/handleAddCheck.wxml-->
+<view class="address-content">
+  <view class="main-content">
+    <view class="addrss-item inrang-address" wx:for="{{addressList}}" wx:key="index">
+      <view class="top userinfo">
+        <view class="username ittflex-jcs">
+          <text class="name">范一岚</text>
+          <text class="phone">18626576880</text>
+        </view>
+        <view class="address-detail">河南省信阳市固始县赵刚乡新堰村西寨组</view>
+      </view>
+      <view class="actions button ittflex">
+        <view class="edit-btn btn ittflex">
+          <image class="btn-icon" src="./../../imaes/bianji@2x.png"></image>
+          <text class="btn-text">编辑</text>
+        </view>
+        <view class="delete-btn btn ittflex">
+          <image class="btn-icon" src="./../../imaes/shanchu@2x.png"></image>
+          <text class="btn-text">编辑</text>
+        </view>
+      </view>
+    </view>
+
+  </view>
+  <view class="add-address-btn itt-btn" bindtap="handleAddressAdd">新增检测地址</view>
+</view>
+

pages/addressCheck/addressCheck.wxss

@@ -0,0 +1,75 @@
+/* pages/checkAddress/handleAddCheck.wxss */
+.address-content {
+  width: 100%;
+  min-height: 100%;
+  background-color: #f7f7f7;
+  position: relative;
+}
+.main-content {
+  width: 690rpx;
+  min-height: 232rpx;
+  padding-top: 1rpx;
+  margin: 0 auto;
+}
+.addrss-item {
+  width: 100%;
+  height: 232rpx;
+  border-radius: 20rpx;
+  background-color: #fff;
+  margin-top: 20rpx;
+}
+.top {
+  width: 100%;
+  height: 156rpx;
+  border-bottom: 1rpx solid #eee;
+}
+.username {
+  width: 100%;
+  height: 92rpx;
+}
+.name {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333333;
+  margin: 0 20rpx 0 30rpx;
+}
+.phone {
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #999999;
+}
+.address-detail {
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #333333;
+  text-indent: 30rpx;
+}
+.button {
+  height: 72rpx;
+  justify-content: flex-end;
+}
+.btn {
+  height: 100%;
+  font-size: 24rpx;
+  font-weight: 400;
+  color: #999999;
+}
+.edit-btn {
+  margin-right: 58rpx;
+}
+.delete-btn {
+  margin-right: 30rpx;
+}
+.btn-icon {
+  width: 30rpx;
+  height: 30rpx;
+  margin-right: 10rpx;
+}
+.add-address-btn {
+  position: fixed;
+  bottom: 80rpx;
+  left: 4%;
+  width: 690rpx;
+  height: 80rpx;
+  border-radius: 10rpx;
+}

pages/appointment/appointment.js

@@ -5,7 +5,7 @@ Page({
    * 页面的初始数据
    */
   data: {
-    hasAddress: true,
+    hasAddress: false,
     calendarcolor: '#45A6B5',
     timeActive: '0',
     vanoverlayshow: false
@@ -19,10 +19,12 @@ Page({
   },
 
   /**
-   * 生命周期函数--监听页面初次渲染完成
+   * 选择地址
    */
-  onReady() {
-
+  handleChoseAddress() {
+    wx.navigateTo({
+      url: '/pages/addressCheck/addressCheck',
+    })
   },
 
   /**

pages/appointment/appointment.wxml

@@ -16,7 +16,7 @@
     </view>
     <view class="address">
       <view class="ad-title sub-title">上门检测地址</view>
-      <view wx:if="{{!hasAddress}}" class="no-address chose-address ittflex">选择上门服务地址</view>
+      <view wx:if="{{!hasAddress}}" class="no-address chose-address ittflex" bindtap="handleChoseAddress">选择上门服务地址</view>
       <view wx:else class="address-card ittflex-jcs">
         <view class="ad-left">
           <view class="ad-top ittflex-jcs">

pages/my/my.js

@@ -58,9 +58,11 @@ Page({
   },
 
   /**
-   * 用户点击右上角分享
+   * 用户点击地址
    */
-  onShareAppMessage() {
-
+  handleShowAddress() {
+    wx.navigateTo({
+      url: '/pages/address/address',
+    })
   }
 })

pages/my/my.wxml

@@ -1,2 +1,4 @@
 <!--pages/my/my.wxml-->
-<text>pages/my/my.wxml</text>
+<view class="my-content">
+  <view class="itt-btn" bindtap="handleShowAddress">我的地址</view> 
+</view>