微信小程序OTO商城（客户端）

最新推荐文章于 2024-03-06 12:07:28 发布
最新推荐文章于 2024-03-06 12:07:28 发布
阅读量927 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yifangfeii/article/details/109713604
版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

一、app.js

//app.js
App({
  backstageUrl:'http://116.62.201.243:8080/wxxcx/'
})

二、app.json

{
  "pages": [
    "pages/index/index",
    "pages/shoopList/shoopList",
    "pages/information/information",
    "pages/information/receivingGoods/receivingGoods",
    "pages/information/consume/consume",
    "pages/information/Consumption/Consumption",
    "pages/shoopList/details/details",
    "pages/orderForm/orderForm",
    "pages/information/receivingaddress/receivingaddress",
    "pages/information/addreceiptaddress/addreceiptaddress",
    "pages/appointment/appointment",
    "pages/appointment/appointmentDetails/appointmentDetails",
    "pages/appointment/appointmentAdd/appointmentAdd",
    "pages/shoopList/settlement/settlement",
    "pages/orderForm/detailsoforders/detailsoforders"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {
    "selectedColor":"#FF6699",
    "color": "#000000",
    "backgroundColor": "#ffffff",
    "borderStyle": "black",
    "position": "bottom",
    "list": [
      {
        "pagePath": "pages/shoopList/shoopList",
        "iconPath": "img/shoopList.png",
        "selectedIconPath": "img/shoopLists.png.png",
        "text": "商店"
       
      },
      {
        "pagePath": "pages/appointment/appointment",
        "iconPath": "img/orderForm.png",
        "selectedIconPath": "img/orderForms.png.png",
        "text": "预约"
      },
      {
        "pagePath": "pages/orderForm/orderForm",
        "iconPath": "img/appointment.png",
        "selectedIconPath": "img/appointments.png.png",
        "text": "订单"
      },
      {
        "pagePath": "pages/information/information",
        "iconPath": "img/information.png",
        "selectedIconPath": "img/information.png.png",
        "text": "账户"
      }
    ]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

三、index（登录页）

1.index.wxml

<!--index.wxml-->
<!-- 背景图 -->
<image src="../../img/background.png" class="img" mode='scaleToFill'></image>
<!-- 授权按钮 -->
<button class="button" open-type='getUserInfo' bindgetuserinfo="authoriZations" style="width: 300rpx;height: 100rpx;">立即体验</button>

2.index.wxss

/**index.wxss**/
.img{
  padding: 0;
  width: 100vw;
  height: 100vh;
  display: block;
}
.button{
 position: fixed;
  bottom: 400rpx;
  left: 220rpx;
  background: linear-gradient(to right,#f9957f, #f2f5d0, #aebaf8, #c973ff );
  width: 80%;  
  border-radius: 50rpx;
padding-top: 25rpx;
}

2.index.js

// pages/index/index.js
// 后台地址
var backstageUrl;
Page({
  data: {
    
  },
  
  // 授权按钮事件
  authoriZations:function(event){
    // 获取用户信息姓名
    var nickName=event.detail.userInfo.nickName
    // console.log(nickName)
    // 获取用户头像
    var avatarUrl=event.detail.userInfo.avatarUrl
    // console.log(avatarUrl)
    // 获取登录凭证
    // var code;
    wx.login({
      timeout: 2000,
      success:(res)=>{
        // console.log(res)
        // 登录凭证
        var code=res.code
        console.log(code)
        wx.request({
          url: backstageUrl+'user/login',
          data:{
            code:code,
            name:nickName,
            headImage:avatarUrl
          },
          method:'POST',
          success:(res)=>{
            console.log('success',res)
            var userInfo=res.data.data.userId
            console.log(userInfo)
            wx.setStorageSync('userInfo', userInfo)
            wx.switchTab({
              url: '../../pages/shoopList/shoopList',
            })
          }
        })
      }
    })

  },
  onLoad: function () { 
    // 从app.js获取backstageUrl地址
    backstageUrl=getApp().backstageUrl
    console.log(wx.getStorageInfoSync('userInfo'))
    if(wx.getStorageInfoSync('userInfo').keys.length!=0){
      var id=setTimeout(function(){
          wx.switchTab({
            url: '../shoopList/shoopList',
          })
      },2000)
    }
  },
})

四、shoopList（商品列表）

商品列表主页

shoopList.wxml

<!--pages/shoopList/shoopList.wxml-->
<view class="zt">
	<swiper autoplay="true">
		<view wx:for="{{list}}">
			<swiper-item>
				<image src="{{item.img}}" class="ll"></image>
			</swiper-item>
		</view>
	</swiper>
  <view class="pp">
  <view class="p1">书是人类进步的阶梯。</view>
  <view class="p2"> ——高尔基</view>
 </view>
	<view class="box" wx:for="{{data}}">
		<image class="img" src="http://116.62.201.243:8080/wxxcx/{{item.image}}" bindtap="clikHandler"></image>
		<view class="box3">
			<view class="box1" bindtap="tz" data-index="{{index}}">
				<view class="text1">{{item.name}}</view>
				<view class="text2">￥{{item.price}}</view>
			</view>
			<view class="box2" bindtap="buy" data-indexs='{{index}}'>购买</view>
		</view>
	</view>
	<view class="null"></view>
</view>
<view class="shopingcart">
	<image src="../../img/shopcar.png" class="img1"></image>
	<text style="width:70px">{{sp}}件商品</text>
	<text>总价:{{mumer}}</text>
	<view class="bt">
		<button size="mini" class="qk" bindtap="empty">清空</button>
		<button size="mini" class="js" bindtap="accounts">结算</button>
	</view>
</view>

shoopList.wxss

/* pages/shoopList/shoopList.wxss */
/* pages/reina/reina.wxss */
.ll{
  width: 100vw;
  height: 200px;
}
.pp{
  width: 100vw;
  height: 40px;
  color: white;
  background-color: black;
}
.p1{
  padding-left: 40px;
}
.p2{
  padding-left: 250px;
}
.zt {
  width: 100vw;
  height: 93vh;
}

.null {
  width: 100vw;
  height: 5vh;
}

.box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  height: 160rpx;
  width: 100vw;
  border-width: 0 0 1px 0;
  border-color: gainsboro;
  border-style: solid;
}

.img {
  width: 120rpx;
  height: 120rpx;
  border:2px solid black;
  border-radius: 10px;
 }


.box1 {
  width: 50vw;
  height: 140rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-right: 0px;

}

.text1 {
  font-size: 34rpx;
  font-weight: 500;
  display: -webkit-box;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text2 {
  font-size: 30rpx;
  color: green;
}
.box2 {
  background-color: mediumpurple;
  width: 110rpx;
  height: 70rpx;
  border-radius: 10%;
  text-align: center;
  line-height: 60rpx;
  color: mintcream;
}

.box3 {
  width: 520rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
 
}

.shopingcart {
  width: 100vw;
  height: 90rpx;
  position: absolute;
  bottom: 50rpx;
  background-color: white;
  border-width: 1px 0 1px 0;
  border-color: gainsboro;
  border-style: solid;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
}

.shopingcart image {
  width: 50rpx;
  height: 50rpx;
  animation: rotate 2s infinite linear;
  margin-top: 15rpx;
  margin-left: 5rpx;
}

.shopingcart text {
  width: 200rpx;
  height: 50rpx;
  margin-top: 15rpx;
  margin-left: 5rpx;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.bt {
  width: 250rpx;
  height: 7vh;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.qk {
  color: white;
  background-color: red;
  display: flex;
  justify-content: center;
  align-items: center;
}

.js {
  color: white;
  background-color: green;
}

shoopList.js

// pages/reina/reina.js
var a = 0;
var pages = 1;
var backstageUrl = getApp().backstageUrl
var userId
Page({
  // 请求后台商品列表
  re: function () {
    console.log(pages)
    wx.request({
      url: backstageUrl + 'goods/getGoodsByPage',
      data: {
        page: pages,
        pageSize:8
      },
      method: 'POST',
      success: (res) => {
        console.log("res",res)
        var data = this.data.data
        console.log("data",data)
        var dataH = res.data.data
        console.log("dataH",dataH)
        if (dataH === undefined) {
          wx.showToast({
            title: '没有数据了',
            icon: 'none'
          })
        }else if(pages===1){
          data=dataH
          console.log("data",data)
        }else{ 
        for (var i = 0; i < dataH.length; i++){
          data.push(dataH[i])
        }
      }
        this.setData({
          data:data
        })
      
      }
    })
  },
  // 跳转到商品详情页
  tz:function(event){
    var index=event.currentTarget.dataset.index
    var data=this.data.data
    var goodsId=data[index].goodsId
    wx.navigateTo({
      url: '../shoopList/details/details?goodsId='+goodsId
    })
  },
  // 购买
  buy:function(event){
    var index=event.currentTarget.dataset.indexs  
    var goodsId=this.data.data[index].goodsId
    console.log(goodsId)
    console.log(userId)
    wx.showToast({
      title: '添加成功',
      icon:'none',
      success:(res)=>{
        wx.request({
          url: backstageUrl+'/cart/add',
          data:{
            userId:userId,
            goodsId:goodsId
          },
          method:'POST',
          success:(res)=>{
            this.add()
          }
        })
      }
    })
  },
  // 添加商品
  add:function(){
    var userId=wx.getStorageSync('userInfo')
    console.log(userId)
    wx.request({
      url: backstageUrl+'cart/getAll',
      data:{
        userId:userId
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
        var total_num=res.data.data.total_num
        var total_money=res.data.data.total_money
        this.setData({
          sp:total_num,
          mumer:total_money
        })
      }
    })
  },
  // 清空购物车
  empty:function(){
    wx.showModal({
      title:'是否清空购物车',
      cancelColor: '是否删除',
      success:(res)=>{
        if(res.confirm){
          wx.request({
            url: backstageUrl+'cart/delete',
            data:{
              userId:userId
            },
            method:'POST',
            success:(res)=>{
              console.log(res)
              this.setData({
                sp:0,
                mumer:'0.00'
              })
            }
          })
        }
      }
    })
  },
  // 结算
  accounts:function(){
    wx.navigateTo({
      url: '../shoopList/settlement/settlement',
    })
  },
  /**
   * 页面的初始数据
   */
  data: {
    sp:0,
    mumer:'0.00',
    data: [],
    list:[
      {
        img:'/img/lun1.jpg'
      },
      {
        img:'/img/lun2.jpg'
      },
      {
        img:'/img/lun3.jpg'
      }
    ]

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    userId=wx.getStorageSync('userInfo')
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    pages=1
    this.re(),
    this.add()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.showToast({
      title: '刷新中',
      icon: 'loading',
      success: (res) => {
        pages = 1
        this.re()
        var id = setTimeout(() => {
          wx.stopPullDownRefresh()
          clearTimeout(id)
        }, 1000)
      }
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    pages++
    var id = setTimeout(() => {
      wx.showToast({
        title: '加载数据中',
        icon: 'loading',
        mask: true,
        success: (res) => {
          clearInterval(id)
          this.re()
        }
      })
    }, 1000)

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

shoopList.json

{
  "usingComponents": {},
  "enablePullDownRefresh":true,
  "navigationBarTitleText":"斗学商城"
}

1.details（商品详情页）

details.wxml

<!-- 商品详情 -->
<view class="top">
<view>商品名称：</view>
<view class="name">{{data.name}}</view>
</view>
<!-- 封面图片 -->
<view class="fmtp">封面图片:</view>
<view class="tp">
<image src="{{url+data.image}}" class="img" mode="scaleToFill"></image>
</view>
<view class="top1">
<view>商品简介：</view>
<view class="jj">{{data.detail}}</view>
</view>

<view class="buttom">
  <view>
<text class="dj">单件:</text>
<text class="money">￥{{data.price}}</text>
</view>
<view class="bt">
  <button size="mini" class="qk" bindtap="qk">加入购物车</button>
  <button size="mini" class="js" bindtap="js">购买</button>
</view>
</view>

details.wxss

/* pages/shoopList/details/details.wxss */
/* top */
.top{
  width: 100vw;
  border-bottom: 1px solid #ededed;
  padding-bottom: 20rpx;
}
.top1{
  width: 100vw;
  border-bottom: 1px solid #ededed;
  padding-bottom: 40rpx;
  margin-top: 30rpx;
}
.tp{
  width: 90vw;
  height: 650rpx;
  border-bottom: 1px solid #ededed;
  padding-left: 5vw;
}
.img{
  width: 90vw;
  height: 600rpx;
  text-align: center;
}
.buttom{
  width: 100vw;
  height: 100rpx;
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d84040;
}
.qk{
  margin-right: 50rpx;
}
.js{
  background-color: red;
  color: white;
}
.money{
  margin-left: 10rpx;
  color: yellow;
}
.bt{
  margin-right: 25rpx;
}
.dj{
  margin-left: 25rpx;
}
.name{
  font-size: 50rpx;
  padding: 0 15rpx;
}
.jj{
  width: 100vw;
}
.fmtp{
  margin-top: 40rpx;
}

details.js

// pages/shoopList/details/details.js
var backstageUrl=getApp().backstageUrl
var userId=wx.getStorageSync('userInfo')
var goodsId
Page({
  add:function(){
    wx.request({
      url: backstageUrl+'cart/add',
      data:{
        userId:userId,
        goodsId:goodsId
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
      
      }
    })
  },
  qk:function(){
    wx.showToast({
      title: '添加成功',
      icon:'none',
      success:(res)=>{
        var id=setTimeout(()=>{
          this.add()
          wx.switchTab({
            url: '../../shoopList/shoopList',
          })
        },1000)
      }
    })
   
  },
  js:function(){
    var list=JSON.stringify(this.data.data)
    wx.navigateTo({
      url: '../../shoopList/settlement/settlement?list='+list,
    })
  },
  /**
   * 页面的初始数据
   */
  data: {
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log("options",options)
     goodsId=options.goodsId
    wx.request({
      url: backstageUrl+'goods/goodsDetails',
      data:{
        goodsId:goodsId
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
        var data=res.data.data
        this.setData({
          data:data,
          url:backstageUrl
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

details.json

{
  "usingComponents": {},
  "navigationBarTitleText":"商品详情"
}

2.settlement（结算页）

settlement.wxml

<!--pages/shoopList/settlement/settlement.wxml-->
<view class="box">
	<view class="box1">
		<image src="/img/address.png" style="width:50rpx;height:50rpx;"></image>
		<view class="box11">
			<view>用户名：{{address.name}}</view>
			<view>电话号：{{address.phone}}</view>
		</view>
		<view class="box12" bindtap="shdz">></view>
		<view style="padding-top:20px">{{address.province}}{{address.city}}{{address.district}}</view>
	</view>
	
<view class="box3">
	<view class="list" wx:for="{{goods_list}}">
		<image src="http://116.62.201.243:8080/wxxcx/{{item.goods.image}}" class="box31"></image>
		<view style="margin-left:20rpx">
			<view class="box32">{{item.goods.name}}</view>
			<view class="box33">￥{{item.goods.price}}</view>
		</view>
		<view>
			<view class="box34">*{{item.number}}</view>
		</view>
	</view>
</view>
<!-- <view class="box3">
	<view class="list">
		<image src="http://116.62.201.243:8080/wxxcx/{{list.image}}" class="box31"></image>
		<view style="margin-left:20rpx">
			<view class="box32">{{list.name}}</view>
			<view class="box33">￥{{list.price}}</view>
		</view>
		<view>
			<view class="box34">*{{item.number==undefined ? '1':item.number}}</view>
		</view>
	</view>
</view> -->
	<view class="box332">
		<view>备注</view>
		<textarea placeholder="请填写备注" ></textarea>
	</view>
	<view class="footer">
	<view class="box331">合计：<p>{{money==undefined ? list.price : money}}</p></view>
	<view class="box35" bindtap="js">结算</view>
</view>
</view>
<view wx:for="{{lsit1}}">
	{{item}}
</view>

settlement.wxss

/* pages/shoopList/settlement/settlement.wxss */
page{
  background-color: gainsboro;
}
textarea{
  height: 150rpx;
  scroll-behavior: auto;
}
.box1{
height: 240rpx;
display: flex;
flex-direction:column;
margin-bottom: 25rpx;
background-color: white;
border-radius: 20rpx;
padding-left: 15rpx;
}
.box11{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 60px;
  padding-top: 10px;
}
.box12{
  position: absolute;
  right: 20rpx;
  top: 100rpx;
}
.sp{
  border-bottom: 10px solid gray;
}
.box2{
  display: flex;
  flex-direction:row;
  justify-content: space-between;
  padding: 10px;

}
.box21{
  display: flex;
  flex-direction: row;
}
.box211{
  display: flex;
  flex-direction: row;
}
.img{
  width:20px;
  height:20px;
  padding-top: -10px;
  padding-right: 3px;
}
.box3{
  background-color: white;
border-radius: 20rpx;
}
.list{
  display: flex;
  flex-direction: row;
  margin-bottom: 25rpx;
  padding:10px;
border-bottom: 1px gray solid;

}
.list image{
  border-radius: 15rpx;
}
.box31{
  width: 60px;
  height: 60px;
  position: relative;
}
.box32{
  padding-top: 3px;
}
.box33{
  padding-top: 10px;
}
.box34{
  position: absolute;
  right: 10px;
}
.box331{
font-weight: bolder;
font-size: 35rpx;
}
.box331 p{
  color: orange;
  
}
.box332{
  background-color: white;
  border-radius: 20rpx;
  padding-left: 15rpx;
}
.box35{
  width: 180rpx;
  height: 50rpx;
 padding-bottom: 6rpx;
  text-align: center;
  padding-top: 8px;
  border-radius: 50rpx;
  background-color: orangered;
  color: white;
}
.footer{
  width: 100vw;
  height: 80rpx;
  position: fixed;
  bottom: 0rpx;
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

settlement.js

// pages/shoopList/settlement/settlement.js
var userId = wx.getStorageSync('userInfo')
var backstageUrl = getApp().backstageUrl
var address
var money1
var list;
var de=false;
Page({
  // 结算
  js: function () {
    var money = JSON.stringify(this.data.money)
    var addrId = this.data.address.addrId
    console.log(this.data.lsit1)
    var goods_list = this.data.lsit1
    var name = this.data.user.name
    var headImage = this.data.user.headImage
    var balance = this.data.user.balance
    var phoneNum = this.data.user.phoneNum
    console.log(userId)
    console.log(money)
    console.log(addrId)
    console.log(goods_list)
    wx.request({
      url: backstageUrl + 'order/create',
      data: {
        userId: userId,
        money: money,
        addrId: addrId,
        goods_list: goods_list
      },
      method: 'POST',
      success: (res) => {
        console.log(res)
        console.log(list)
        console.log(address)
        if(de){
          var y = balance - money
          
          wx.request({
            url: backstageUrl + 'user/update',
            data: {
              userId: userId,
              name: name,
              headImage: headImage,
              balance: y
            },
            method: 'POST',
            success: (res) => {
              wx.switchTab({
                url: '../../shoopList/shoopList',
              })
            }
          })
        }else{
          wx.request({
            url: backstageUrl + 'cart/delete',
            data: {
              userId: userId
            },
            method: 'POST',
            success: (res) => {
              var y = balance - money
              console.log(userId)
              console.log(name)
              console.log(headImage)
              console.log(y)
              console.log(phoneNum)
              wx.request({
                url: backstageUrl + 'user/update',
                data: {
                  userId: userId,
                  name: name,
                  headImage: headImage,
                  balance: y,
                  phoneNum: phoneNum
                },
                method: 'POST',
                success: (res) => {
                  wx.switchTab({
                    url: '../../shoopList/shoopList',
                  })
                }
              })
            }
          })
        }
       
      }
    })
  },
  // 收货地址
  shdz: function () {
    console.log(this.data.goods_list)
    var list=JSON.stringify(this.data.goods_list)
    wx.redirectTo({
      url: '../../information/addreceiptaddress/addreceiptaddress?list='+list,
    })
  },
  /**
   * 页面的初始数据
   */
  data: {

  },
  sj: function (goods_list) {
    
    // 获取结算页面信息
    wx.request({
      url: backstageUrl + 'order/settle',
      data: {
        userId: userId,
        goods_list: goods_list
      },
      method: 'POST',
      success: (res) => {
        console.log(res)
        if (res.data.data.good_list != undefined) {
          var goods_list1 = res.data.data.good_list
          console.log(address)
          if(address==undefined){
            address=res.data.data.address
          }
          // var address = res.data.data.address
          var money = res.data.data.total_money
          this.setData({
            goods_list: goods_list1,
            address: address,
            money: money
          })
        }
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('optiond',options)
    if(options.list!=undefined && options.address==undefined){
      de=true
      
    }else{
      de=false
    }
    console.log(de)
    // 获取goodis
    if (options.list != undefined) {
     list = JSON.parse(options.list)
      console.log(list)
      if(list.goodsId==undefined){
        var list2=[]
        for(var i=0;i<list.length;i++){
          console.log(list[i])
          var list1={
            userId:userId,
            goodsId:list[i].goods.goodsId,
            num:list[i].number
          }
          console.log(list1)
          list2.push(list1)
          console.log(list2)
        }
        this.sj(list2)
        console.log(list2)
        this.setData({
          lsit1:list2
        })
      }else{
      var list2 = {
        userId: userId,
        goodsId: list.goodsId,
        num: 1
      }
      var list1 = []
      list1.push(list2)
      this.sj(list1)
      console.log(list1)
      this.setData({
        lsit1:list1
      })
    }
    } else {
      wx.request({
        url: backstageUrl + 'cart/getAll ',
        data: {
          userId: userId
        },
        method: 'POST',
        success: (res) => {
          console.log(res)
          var goods_list = res.data.data.goods_list
          this.sj(goods_list)
          this.setData({
            lsit1:goods_list
          })
          // 获取地址
          if (options.addrId != undefined) {
            var adz=options.addrId
            console.log()
          }
        }
      })
    }
     // 判断地址
     if(options.address!=undefined){
      address=JSON.parse(options.address)
      console.log(address)
      this.setData({
        address:address
      })
      console.log(this.data.address)
    }
    // 请求用户信息
    wx.request({
      url: backstageUrl + 'user/userInfo',
      data: {
        userId: userId
      },
      method: 'POST',
      success: (res) => {
        console.log(res)
        var user = res.data.data
        this.setData({
          user: user
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

settlement.json

{
  "usingComponents": {},
  "navigationBarTitleText":"结算"
}

五、appointment（预约页）

预约主页

appointment.wxml

<!--pages/appointment/appointment.wxml-->
<!-- 预约列表 -->
<view class="yy">●●●●预约馆●●●●</view>
<view class="ointmentList" wx:for="{{list}}" bindtap="tz" data-index="{{index}}">
	<!-- 内容 -->
	<view class="content">
		<view class="title">{{item.bookItem}}</view>
		<view class="time">到店时间：{{item.comeTime}}</view>
	</view>
	<!-- 状态原点 -->
	<view class="statusDots">
		<view class="{{item.status==='1' ? 'acceptDots' : item.status==='2' ? 'refuseDots':item.status==='3' ? 'handledDots' : 'ExpiredDots'}}"></view>
	</view>
</view>
<view bindtap="appointment" class="yy1">添加预约</view>

appointment.wxss

/* pages/appointment/appointment.wxss */
.yy{
  width: 100vw;
  height: 100px;
  background-color: black;
  color: wheat;
  text-align: center;
  line-height: 100px;
}
.yy1{
  margin-top: 12px;
  padding-top: 30px;
  padding-left: 15px;
  margin-left: 140px;
  width: 80px;
  height: 60px;
  border-radius: 50px;
  background-color: gray;
  color: white;
  margin-bottom: 20rpx;
}
/* 列表整体设置 */
.ointmentList{
  width: 100vw;
  height: 150rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid #ededed;
}
/* 左侧内容设置 */
.content{
  width: 90vw;
  height: 150rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 25rpx;
}
/* 标题设置 */
.title{
  font-size: 40rpx;
}
/* 到店时间设置 */
.time{
  font-size: 30rpx;
}
/* 右侧状态原点设置 */
.statusDots{
  width: 10vw;
  height: 150rpx;
  display: flex;
  align-items: center;
}
/* 接受原点 */
.acceptDots{
  width: 20rpx;
  height: 20rpx;
  background-color: #2c08ad;
  border-radius: 50%;
}
/* 拒绝原点 */
.refuseDots{
  width: 20rpx;
  height: 20rpx;
  background-color: #0cf56d;
  border-radius: 50%;
}
/* 未处理原点 */
.handledDots{
  width: 20rpx;
  height: 20rpx;
  background-color: #b506eb;
  border-radius: 50%;
}
.ExpiredDots{
  width: 20rpx;
  height: 20rpx;
  background-color: red;
  border-radius: 50%;
}

appointment.js

// pages/appointment/appointment.js
var backstageUrl=getApp().backstageUrl
Page({
  appointment:function(){
    wx.navigateTo({
      url: '../appointment/appointmentAdd/appointmentAdd'
    })
  },
  tz:function(event){
    var list=this.data.list
    console.log(list)
    var index=event.currentTarget.dataset.index
    console.log(index)
    var bookId=list[index].bookId
    console.log(bookId)
    wx.navigateTo({
      url:'../appointment/appointmentDetails/appointmentDetails?bookId='+bookId
    })
  },
  /**
   * 页面的初始数据
   */
  data: {
    list:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 从本地缓存获取userInfo
var userId=wx.getStorageSync('userInfo')
// console.log(userId)
wx.request({
  url: backstageUrl+'book/getAllById',
  data:{
    userId:userId
  },
  method:'POST',
  success:(res)=>{
    console.log(res)
    var list1=res.data.data
    var list=this.data.list
    console.log(list1)
    this.setData({
      list:list1
    })
  }
})
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

appointment.json

{
  "usingComponents": {},
  "navigationBarTitleText":"预约列表"
}

1.appointmentAdd（添加预约）

appointmentAdd.wxml

<!--pages/appointment/appointmentAdd/appointmentAdd.wxml-->
<form bindsubmit='formSbumit' >
  <!-- 服务项目 -->
  <view class="content">
    <view>服务项目：</view>
    <input type="text" placeholder='请输入服务项目的名称' name='name' style="width:90vw"/>
  </view>
  <!-- 预约时间 -->
  <view class="content">
    <view>预约日期：</view>
    <view class="data">当前选择：
    <picker mode="date" value='{{data}}' bindchange='dataChange' class="dataPicker" name='data' start='{{saveData}}'>{{data}}</picker>
    </view>
  </view>
  <!-- 预约时间 -->
  <view class="content">
    <view>预约时间：</view>
    <view class="data">当前选择：
    <picker mode="time" value='{{time}}' bindchange='timeChange' class="dataPicker" name='time' start='{{saveTime}}'>{{time}}</picker>
    </view>
  </view>
  <!-- 留言 -->
  <view class="content">
    <view>留言：</view>
    <textarea name="message" placeholder='请输入留言'></textarea>
  </view>
  <button class="submit" form-type="submit">确定</button>
</form>

appointmentAdd.wxss

/* pages/appointment/appointmentAdd/appointmentAdd.wxss */
.content{
  width: 100vw;
  height: 120rpx;
  border-bottom: 1px solid #ededed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 25rpx;
}
.data{
  display: flex;
  flex-direction: row;
}
.submit{
  position: absolute;
  bottom: 70rpx;
  left: 25vw;
  background-color: chocolate;
  color: white;
}

appointmentAdd.js

// pages/appointment/appointmentAdd/appointmentAdd.js
var backstageUrl=getApp().backstageUrl
Page({
  formSbumit:function(event){
    console.log(event)
    // 获取项目名字
    var name=event.detail.value.name
    // 获取预约日期
    var data=event.detail.value.data
    // 获取预约时间
    var time=event.detail.value.time
    // 获取留言
    var message=event.detail.value.message
    if(name=='' || data=='' || time=='' || message==''){
      wx.showToast({
        title: '请填写完整信息',
        icon:'none'
      })
    }else{
      // 设置弹窗
      wx.showModal({
        content:'确定预约',
        success:(res)=>{
          // console.log(res)
          // 获取用户点击确定
          var confirm=res.confirm
          // 获取本地缓存的userId
          var userId=wx.getStorageSync('userInfo')
          if(confirm===true){
            // 请求后台
            wx.request({
              url: backstageUrl+'book/add',
              data:{
                userId:userId,
                comeTime:data+'-'+time,
                bookItem:name,
                message:message
              },
              method:'POST',
              success:(res)=>{
                console.log(res)
                wx.showToast({
                  title: '添加成功',
                  icon:'none',
                })
              }
            }),
            wx.switchTab({
              url: '../../appointment/appointment',
            })
          }
        }
      })
    }
  },
  dataChange:function(event){
    // 获取预约日期
    // console.log(event)
    var data=event.detail.value
    // 设置预约日期
    this.setData({
      data:data
    })
  },
  timeChange:function(event){
    // 获取预约时间
    // console.log(event)
    var time=event.detail.value
    // 设置预约时间
    this.setData({
      time:time
    })
  },
  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var timestamp = Date.parse(new Date());
    var date = new Date(timestamp);
    //获取年份  
    var Y = date.getFullYear();
    //获取月份  
    var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);
    //获取当日日期 
    var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
    // 获取当前小时
    var H = date.getHours()
    // 获取当前分钟
    var S = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
    this.setData({
      // 存组件开始的日期
      saveData:Y+'-'+M+'-'+D,
      // 设置页面最开始显示的日期
      data:Y+'-'+M+'-'+D,
      // 存组件开始的时间
      saveTime:H+':'+S,
      // 设置页面最开始显示的时间
      time:H+':'+S
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

appointmentAdd.json

{
  "usingComponents": {},
  "navigationBarTitleText":"添加预约"
}

2.appointmentDetails（预约详情）

appointmentDetails.wxml

<!--pages/appointment/appointmentDetails/appointmentDetails.wxml-->
<!-- 预约申请 -->
<view class="booking">
  <view class="bookIng">预约申请：</view>
  <view class="yes">{{data.status=='0' ? '已过期':data.status=='1' ? '已接受':data.status=='2' ? '已拒绝':'未处理'}}</view>
</view>
<!-- 服务项目 -->
<view class="booking1">
  <view class="bookIng">服务项目：</view>
  <view class="yes1">{{data.bookItem}}</view>
</view>
<!-- 预约时间 -->
<view class="booking2">
  <view class="bookIng">预约时间：</view>
  <view class="yes">{{data.bookTime}}</view>
</view>
<!-- 到店时间 -->
<view class="booking2">
  <view class="bookIng">到店时间：</view>
  <view class="yes">{{data.comeTime}}</view>
</view>
<!-- 留言 -->
<view class="booking1">
  <view class="bookIng">留言</view>
  <view class="yes1">{{data.message}}</view>
</view>

appointmentDetails.wxss

/* pages/appointment/appointmentDetails/appointmentDetails.wxss */
.booking{
  width: 100vw;
  height: 80rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ededed;
}
.bookIng{
  margin-left: 20rpx;
}
.yes{
  margin-right: 20rpx;
}
.booking1{
  width: 100vw;
  height: 100rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #ededed;
}
.yes1{
  margin-left: 20rpx;
}
.booking2{
  width: 100vw;
  height: 100rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #ededed;
}

appointmentDetails.js

// pages/appointment/appointmentDetails/appointmentDetails.js
var backstageUrl=getApp().backstageUrl
var bookId
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log("options",options)
    bookId=options.bookId
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var id=bookId
    wx.request({
      url: backstageUrl+'book/details',
      data:{
        bookId:bookId
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
        var data=res.data.data
        this.setData({
          data:data
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

appointmentDetails.json

{
  "usingComponents": {},
  "navigationBarTitleText":"预约详情"
}

六、orderForm（订单页）

订单主页

orderForm.wxml

<!--pages/orderForm/orderForm.wxml-->
<view class="bigbox">
  <view class="box">
    <view class="{{click? 'btn2':'btn1'}}" bindtap="btn1click">待发货</view>
    <view class="{{click1? 'btn2':'btn1'}}" bindtap="btn2click">待收货</view>
    <view class="{{click2? 'btn2':'btn1'}}" bindtap="btn3click">已完成</view>
  </view>
</view>
<view class="item1" wx:for="{{list}}" data-index="{{list[index].orderNum}}" bindtap="itemclick">
  <view class="box1">
    <view class="t1">订单号：{{list[index].orderNum}}</view>
    <view class="t2">{{list[index].createTime}}</view>
  </view>
  <view class="box2">
    <view class="price">￥{{list[index].money}}</view>
    <view class="{{click1? 'btnn':'btnn1'}}" data-odernum="{{item.orderNum}}" data-message="{{item.message}}" catchtap="confirm">确认收货</view>
  </view>
</view>

orderForm.wxss

/* pages/orderForm/orderForm.wxss */
.box{
  width: 100vw;
  height: 200rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn1{
  width: 180rpx;
  height: 60rpx;
  background-color:white;
  text-align: center;
  line-height: 60rpx;
  border: 2rpx solid	#DEB887;
  color: #DEB887;
}
.btn2{
  width: 180rpx;
  height: 60rpx;
  background-color:#DEB887;
  text-align: center;
  line-height: 60rpx;
  border: 2rpx solid	#DEB887;
  color: white;
}
.item1{
  width: 100vw;
  height:140rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2rpx solid #DCDCDC;
}
.box1{
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items: flex-start;
  margin-left: 20rpx;
}
.t1{
  font-size:34rpx;
}
.t2{
  font-size:24rpx;
}
.box2{
  width:200rpx;
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  margin-right: 20rpx;
}
.price{
  font-size:40rpx;
  color:#32CD32;
}
.btnn{
  width:150rpx;
  height: 50rpx;
  background-color:#00FF7F;
  font-size: 26rpx;
  border-radius: 10rpx;
  text-align: center;
  line-height:50rpx;
}
.btnn1{
  visibility: hidden;
  width:150rpx;
  height: 50rpx;
  background-color:#00FF7F;
  font-size: 26rpx;
  border-radius: 10rpx;
  text-align: center;
  line-height:50rpx;
}

orderForm.js

// pages/orderForm/orderForm.js
var click = true
var click1 = false
var click2 = false
var list
var backstageUrl = getApp().backstageUrl
var statu
var orderNum
Page({

  /**
   * 页面的初始数据
   */
  data: {
    click: true
  },
  //待发货点击事件
  btn1click: function () {
    //取反值显示css样式
    click = !click
    //判断此选项选中后其他选项为不选中
    if (click) {
      click1 = false
      click2 = false
      this.setData({
        click: click,
        click1: click1,
        click2: click2
      })
    }
    //请求状态为1的订单
    this.getmess(1)
  },
  //待收货点击事件
  btn2click: function () {
    //取反值显示css样式
    click1 = !click1
    //判断此选项选中后其他选项为不选中
    if (click1) {
      click = false
      click2 = false
      this.setData({
        click: click,
        click1: click1,
        click2: click2
      })
    }
    //请求状态为2的订单
    this.getmess(2)
  },
  //已完成点击事件
  btn3click: function () {
    //取反值显示css样式
    click2 = !click2
    //判断此选项选中后其他选项为不选中
    if (click2) {
      click1 = false
      click = false
      this.setData({
        click: click,
        click1: click1,
        click2: click2
      })
    }
    //请求状态为3的订单
    this.getmess(3)
  },
  //条目点击事件
  itemclick: function (event) {
    console.log(event)
    orderNum=event.currentTarget.dataset.index
    wx.navigateTo({
      url: '/pages/orderForm/detailsoforders/detailsoforders?orderNum='+orderNum,
    })
  },

  
  onLoad: function (options) {
    
  },
  getmess:function(statu){
    console.log("M",statu)
    //获取缓存中用户ID
    var userId = wx.getStorageSync('userInfo')
    //网络请求
    wx.request({
      url: backstageUrl + '/order/showByStatus',
      method: "POST",
      data: {
        userId: userId,
        status:statu
      },
      //成功回调函数
      success: (res) => {
        console.log(res)
        //获取返回值列表
        list = res.data.data
        //返回值设置至data
        this.setData({
          list: list
        })
      }
    })
  },
  confirm:function(d){
    var that=this
    var ordernum=d.target.dataset.odernum
    var message=d.target.dataset.message
    wx.request({
      url: backstageUrl+'/order/updateStatus',
      method: "POST",
      data: {
        orderNum:ordernum,
        status:"3",
        message:message
      },
      success:(res)=>{
        wx.showModal({
          title:'确认收货吗',
          cancelColor: 'cancelColor',
          success:(res)=>{
            if(res.confirm){
              that.getmess("2")
            }else{
              console.log("用户取消",res.cancel)
            }
          }
        })
      }
    })
   
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.getmess(1)
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

orderForm.json

{
  "usingComponents": {},
  "navigationBarTitleText": "订单列表"
}

1.detailsoforders（订单详情）

detailsoforders.wxml

<!--pages/orderForm/detailsoforders/detailsoforders.wxml-->
<view class="box1">
  <view class="t1">订单编号：{{order.orderNum}}</view>
</view>
<view class="box1">
  <view class="t1">创建时间：{{order.createTime}}</view>
</view>
<view class="box2">
  <view class="t1">收货地址：</view>
  <view class="address">
    <view class="namephone">
      <view class="t1">用户名：{{address.name}}</view>
      <view class="t2">电话：{{address.phone}}</view>
    </view>
    <view class="t3">地址：{{address.city}}-{{address.province}}-{{address.district}}</view>
  </view>
</view>
<view class="box2" wx:for="{{item_list}}">
  <view class="t1">商品列表：</view>
  <view class="commodities">
    <view class="sp">
      <image class="img" src="http://116.62.201.243:8080/wxxcx/{{item.image}}"/>
      <view>
        <view>{{item.name}}</view>
        <view>{{item.price}}</view>
      </view>
    </view>
    <view class="t2">*{{item.num}}</view>
  </view>
</view>
<view>
  <view class="t1">备注:</view>
  <textarea name="" id="" cols="30" rows="10" class="t1">{{}}</textarea>
</view>

detailsoforders.wxss

/* pages/orderForm/detailsoforders/detailsoforders.wxss */
.box1{
  width: 100vw;
  height: 90rpx;
  line-height: 90rpx;
  font-size: 36rpx;
  border-bottom: 2rpx solid #dcdcdc;
}
.t1{
  margin-left: 20rpx;
}
.t2{
  margin-right:40rpx;
}
.t3{
  margin-left: 20rpx;
  margin-top: 20rpx;
}
.box2{
  width: 100vw;
  height: 200rpx;
  font-size: 36rpx;
  display: flex;
  flex-direction:column;
  justify-content:center;
  border-bottom: 2rpx solid #dcdcdc;
}
.namephone{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20rpx;
}
.commodities{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20rpx;
}
.img{
  width:140rpx;
  height:140rpx;
}
.sp{
  display: flex;
  flex-direction: row;
  justify-content:start;
  margin-left: 20rpx;
}

detailsoforders.js

// pages/orderForm/detailsoforders/detailsoforders.js
var backstageUrl = getApp().backstageUrl
var orderd
var list
var orders
var addresss
var item_lists
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },
  dd:function(order){
    //获取缓存中用户ID
    var userId = wx.getStorageSync('userInfo')
    console.log('dd',order)
    //网络请求
    wx.request({
      url: backstageUrl + '/order/details',
      method: "POST",
      data: {
        orderNum:orderd
      },
      //成功回调函数
      success: (res) => {
        console.log(res)
        //获取返回值列表
        orders = res.data.data.order
        addresss=res.data.data.address
        item_lists=res.data.data.item_list
        //返回值设置至data
        this.setData({
          order:orders,
          address:addresss,
          item_list:item_lists
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    orderd=options.orderNum
    console.log(orderd)
    this.dd(orderd)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

detailsoforders.json

{
  "usingComponents": {},
  "navigationBarTitleText": "订单详情"
}

七、information（个人中心页）

个人中心主页

information.wxml

<!--pages/information/information.wxml-->
<view class="box">
	<view class="box1">
		<image src="/img/bj.jpg" class="g1">
			<image src="{{tx}}" class="tx"></image>
			<view class="yhm">{{xm}}</view>
		</image>
	</view>
	<view class="box2">
		<view class="box21">
			<image src="/img/ye.png" class="a"></image>
			<view>余额</view>
		</view>
		<view class="box22">
			<view data-ind="ind">￥{{qq}}</view>
			<view class="modalDlg" wx:if="{{showModal}}" >
				<view class='close_mask' bindtap="close_mask">X</view>
				<input class='recharge_amount' type='number' placeholder='输入金额:' maxlength="8" value='{{q}}'
				 bindinput='formNum'></input>
				<view class="box221">
				<view class="je" wx:for="{{je}}" bindtap="jq" data-index="{{index}}"> {{item.ed}}</view>
				</view>
				<button class='save_money' type='submit' bindtap="qr">确定</button>
			</view>
			<view class="cz" bindtap="submit">充值</view>
			<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
		</view>
	</view>
	<view class="box2" bindtap="Consumption">
		<view class="box21">
			<image src="/img/xfjl.png" class="a"></image>消费记录
		</view>
		<image src="/img/more.png" class="more"></image>
	</view>
	<view class="box2" bindtap="consume">
		<view class="box21">
			<image src="/img/recharge.png" class="a"></image>充值记录
		</view>
		<image src="/img/more.png" class="more"></image>
	</view>
	<view class="box2"  bindtap="receivingGoods">
		<view class="box21">
			<image src="/img/address1.png" class="a"></image>收货地址
		</view>
		<image src="/img/more.png" class="more"></image>
	</view>
</view>

information.wxss

/* pages/information/information.wxss */
.g1 {
  width: 100vw;
  height: 100px;
}
.tx {
  position: fixed;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  top: 20px;
  left: 30px;
}
.more{
  width: 40rpx;
  height: 40rpx;
}
.yhm {
  position: fixed;
  color: aliceblue;
  top: 40px;
  left: 100px;
}
.box2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid bisque;
}

.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  z-index: 9000;
  opacity: 0.7;
}
.modalDlg {
  width: 580rpx;
  height: 450rpx;
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 9999;
  margin: -370rpx 85rpx;
  background-color: #fff;
  border-radius: 36rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
 
.recharge_amount {
  color: #aaa;
  width: 450rpx;
  height: 80rpx;
  background: #f1f1f1;
  text-align: center;
  border-radius: 12rpx;
  margin-top: 20rpx;
  margin-bottom: 10px;
  text-indent: 0;
}
 
.save_money {
  color: black;
  width: 270rpx;
  height: 80rpx;
  background: gainsboro;
  text-align: center;
  border-radius: 12rpx;
  padding-top: 12px;
  margin-top: 15rpx;
  font-size: 28rpx;
  text-indent: 0em;
}
.close_mask {
  color: #000;
  position: relative;
  padding-top: 5px;
  left: 42%;
  font-size: 32rpx;
}
.box221{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  padding-left: 35px;
  background-color: gainsboro;
}
.je{
  background-color: blanchedalmond;
  width: 60px;
  height: 30px;
  text-align: center;
  padding-top: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.box21 {
  display: flex;
  flex-direction: row;
}

.box22 {
  display: flex;
  flex-direction: row;
}

.cz {
  text-align: center;
  width: 40px;
  border: 3px solid red;
  color: red;
  margin-top: -5px;
}

.a {
  width: 25px;
  height: 25px;
  padding-right: 10px;
}

information.js

// pages/information/information.js
var q;
var qq;
var backstageUrl=getApp().backstageUrl
var userId=wx.getStorageSync('userInfo')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    qq:'0.00',
    je:[
      {ed:'50'},
      {ed:'100'},
      {ed:'200'},
      {ed:'500'},
      {ed:'800'},
      {ed:'1000'}
    ]
  },
  
//点击充值弹窗
submit:function(event){
    console.log("event",event)
    this.setData({
      showModal:true
    })
},//点开时
preventTouchMove: function () {
},
close_mask: function () {
  this.setData({
    showModal: false
  })
},//关闭时
//充值金钱
jq:function(event){
  console.log("金钱",event)
  var index=event.target.dataset.index
      q=this.data.je[index].ed
  console.log("q",q)
    this.setData({
    q:q
    })
},
// 余额
ye:function(){
    //获取用户信息
    wx.request({
      url:backstageUrl+'user/userInfo',
      data:{
        userId: userId,
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
        var xm=res.data.data.name
        //console.log("xm",xm)
        var tx=res.data.data.headImage
       // console.log("tx",tx)
        var qy=res.data.data.balance
        console.log("qy",qy)
          this.setData({
            xm:xm,
            tx:tx,
            qq:qy
            })
      },
      fail:(err)=> {
        console.log("失败")
        }
    })
},
//获取充值金额
qr:function(qr){
    console.log("确认",qr)
    qq=this.data.q
    console.log("qq",qq)
    wx.request({
      url: backstageUrl+'recharge/record',
      data:{
        userId:userId,
        money:qq
      },
      method:'POST',
      success:(res)=>{
        this.ye()
        this.setData({
      showModal: false
    })
      }
    })
   
   
},
//获取输入金钱
formNum:function(e){
  console.log(e)
  var q=e.detail.value
  console.log("q",q)
  this.setData({
    q:q
  })
  
},
//获取消费记录
Consumption:function(event){
wx.navigateTo({
  url: '/pages/information/Consumption/Consumption',
})
},
//获取充值记录
consume:function(){
  wx.navigateTo({
    url: '/pages/information/consume/consume',
  })
},
//获取收货地点
receivingGoods:function(){
    wx.navigateTo({
      url: '/pages/information/addreceiptaddress/addreceiptaddress',
    })
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    

},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function (event) {
   this.ye()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

information.json

{
  "usingComponents": {},
  "navigationBarTitleText": "个人中心"
}

1.addreceiptaddress（收货地址）

addreceiptaddress.wxml

<!--pages/information/addreceiptaddress/addreceiptaddress.wxml-->
<view class="bigbox" wx:for="{{data}}">
  <view class="box1" bindtap="cz"  data-index="{{index}}">
    <view class="t1">{{item.name}}</view>
    <view class="t2">{{item.phone}}</view>
  </view>
  <view class="box2" bindtap="cz" data-index="{{index}}">{{item.province}}{{item.city}}{{item.district}}</view>
  <view class="box3">
    <radio-group catchchange='submit' data-index="{{index}}">
    <radio class="radio1" checked="{{item.defaultFlag}}" value="{{item.defaultFlag}}">{{item.defaultFlag ? '默认地址':'设为默认地址'}}</radio>
  </radio-group>
    <view class="smallbox">
      <view class="smallbox">
        <image class="img1" src="/img/edit.png" />
        <view class="handle" catchtap="editor" data-index="{{index}}" >编辑</view>
      </view>
      <view class="smallbox">
        <image class="img1" src="/img/delete.png" />
        <view class="handle" catchtap="delete" data-index="{{index}}" >删除</view>
      </view>
    </view>
  </view>
</view>
<view class="box">
  <view class="btn1" bindtap="clickaddress">添加新地址</view>
</view>

addreceiptaddress.wxss

/* pages/information/addreceiptaddress/addreceiptaddress.wxss */
.bigbox{
  width: 100vw;
  height: 20vh;
  display:block;
}
.bigbox1{
  display: none;
}
.box1{
  width: 100vw;
  height: 80rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.t1{
  font-size:36rpx;
  margin-left: 20rpx;
}
.t2{
  font-size:36rpx;
  margin-right: 20rpx;

}
.box2{
  width: 100vw;
  height: 80rpx;
  font-size:40rpx;
  margin-left: 20rpx;
  border-bottom: 1px solid #DCDCDC;
}
.box3{
  width: 100vw;
  height: 80rpx;
  display: flex;
  flex-direction:row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 20rpx solid #DCDCDC;
}
.radio1{
  margin-left: 20rpx;
}
.smallbox{
  display: flex;
  flex-direction:row;


}
.img1{
  width: 40rpx;
  height: 40rpx;
}
.box{
  width: 100vw;
  height: 200rpx;
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
}
.btn1{
  width: 400rpx;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;
  background-color:#32CD32;
  border-radius: 10rpx;
  color: white;
}
.handle{width: 100rpx;}

addreceiptaddress.js

// pages/information/addreceiptaddress/addreceiptaddress.js
var backstageUrl=getApp().backstageUrl
var userId=wx.getStorageSync('userInfo')
var list;
Page({

  cz:function(event){
    var index=event.currentTarget.dataset.index
    console.log(index)
    var data=this.data.data
    console.log(data)
    var address=JSON.stringify(data[index])
    console.log(address)
    // var list1=JSON.stringify(list)
    // console.log(list1)
    wx.redirectTo({
      url: '../../shoopList/settlement/settlement?address=' + address + '&list='+list
    })
  },
  dz:function(){
    wx.request({
      url: backstageUrl+'address/all',
      data:{
        userId:userId
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
        var data=res.data.data
        this.setData({
          data:data
        })
      }
    })
  },
  submit:function(event){
    console.log(event)
    var t=event.detail.value
    var data=this.data.data
    console.log(data)
    var index=event.currentTarget.dataset.index
      wx.request({
        url: backstageUrl+'address/changeDefault  ',
        data:{
         addrId:data[index].addrId,
        },
        method:'POST',
        success:(res)=>{
          console.log(res)
          this.dz()
        }
      })
  },
  delete:function(event){
    var data=this.data.data
    var index=event.currentTarget.dataset.index
    wx.request({
      url: backstageUrl+'address/delete',
      data:{
        addrId:data[index].addrId
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
        wx.showToast({
          title: '删除成功',
          icon:'none',
          success:(res)=>{
            this.dz()
          }
        })
      }
    })
  },
  editor:function(event){
    var data=this.data.data
    var index=event.currentTarget.dataset.index
    var addrId=data[index].addrId
    wx.redirectTo({
      url: '../receivingGoods/receivingGoods?addrId='+addrId,
    })
  },
  /**
   * 页面的初始数据
   */
  data: {

  },
  //按钮点击事件
  clickaddress: function () {
    //跳转至添加地址页面
    wx.redirectTo({
      url: '/pages/information/receivingaddress/receivingaddress',
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
    list=options.list
    console.log(list)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.dz()
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

addreceiptaddress.json

{
  "usingComponents": {},
  "navigationBarTitleText": "收货地址"

}

2.consume（余额）

consume.wxml

<!--pages/information/consume/consume.wxml-->
<view class="cz" wx:for="{{data}}">
	<view class="cz1">
		<view>{{item.rechargeTime}}</view>
	</view>
	<view style="color:red">✙￥{{item.money}}</view>
</view>

consume.wxss

/* pages/information/consume/consume.wxss */
.cz{  
display:flex;  
flex-direction:row;  
justify-content: space-between;  
padding:15px;  
background-color:gainsboro;  
border-bottom: 1px solid gray;
}  
.cz1{  
display: flex;  
flex-direction: row;  
}

consume.js

// pages/information/consume/consume.js
var backstageUrl=getApp().backstageUrl
var userId=wx.getStorageSync('userInfo')
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    //获取消费记录
    wx.request({
      url: backstageUrl+'recharge/getRecord ',
      data:{
        userId:userId
      },
      method:'POST',
      success:(res)=>{
        var records=res.data.data
        console.log("records",records)
        this.setData({
          data:records
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

consume.json

{
  "usingComponents": {},
  "navigationBarTitleText": "充值记录"
}

3.Consumption（消费记录）

Consumption.wxml

<!--pages/information/Consumption/Consumption.wxml-->
<view class="px">
	<view class="{{times?'px1':'px2'}}" bindtap="time">时间排序</view>
	<view class="{{jqs?'px1':'px2'}}" bindtap="jq">金额排序</view>
</view>
<view class="box" wx:for="{{list}}">
	<view>
		<view>订单号：<text style="color:blue">{{item.orderNum}}</text></view>
		<view style="font-size:12px">{{item.createTime}}</view>
	</view>
	<view>
		<view style="color:green">￥-{{item.money}}</view>
	</view>
</view>

Consumption.wxss

/* pages/information/Consumption/Consumption.wxss */
.px{  
  display: flex;
  flex-direction: row;
  justify-content: center;  
  
}  
.px1{
  background-color: burlywood;
  border: 1px solid burlywood;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
}
.px2{
  border:1px solid burlywood;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
}
 .box{   
display: flex;  
flex-direction: row;  
 justify-content: space-between;  
 padding: 15px;  
 border-bottom: 1px solid gainsboro;
}

Consumption.js

// pages/information/Consumption/Consumption.js
var backstageUrl=getApp().backstageUrl;
var userId=wx.getStorageSync('userInfo');
var orderBy;
var valueBy;
var times=true
var jqs=false
Page({
  /**
   * 页面的初始数据
   */
  data: {
    times:true
  },
//按时间排序
time:function(event){
  this.getme("createTime")
   times=!times
   if(times){
     jqs=false
     this.setData({
      times:times,
      jqs:jqs
     })
   }
},
jq:function(event){
  this.getme("money")
   jqs=!jqs
   if(jqs){
     times=false
     this.setData({
      times:times,
      jqs:jqs
     })
   }
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
//获取消费记录
this.getme("createTime")
  },
  getme:function(a){
    wx.request({
      url: backstageUrl+'order/show',
      data:{
        userId:userId,
        orderBy:1,
        valueBy:a,
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
        var list=res.data.data
        console.log("list",list)
        this.setData({
          list:list
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

Consumption.json

{
  "usingComponents": {},
  "navigationBarTitleText": "消费记录"
}

4.receivingaddress（添加收货地址）

receivingaddress.wxml

<!--pages/information/receivingaddress/receivingaddress.wxml-->
<form class="bigbox"  bindsubmit="formSubmit">
  <view class="box1">
    <view class="t1">收货人</view>
    <input type="text" placeholder="请输入收货人姓名" maxlength="6" name="username" />
  </view>
  <view class="box1">
    <view class="t1">联系电话</view>
    <input type="number" maxlength="11" placeholder="请输入联系电话" name="telephone" />
  </view>
  <view class="box2">
    <view class="t1">所在地区</view>
    <picker class="t2" mode="region" bindchange="bindRegionChange" name="region">{{choce}}{{address}}</picker>
  </view>
  <textarea class="ta1" name="messgae" id="t1" cols="30" rows="3" placeholder="请填写详细地址"></textarea>
  <view class="box2">
    <view class="t1">设为默认</view>
    <switch class="swich1" name="swich"></switch>
  </view>
  <view class="box3">
    <button class="btn1" form-type="submit">提交</button>
  </view>
</form>

receivingaddress.wxss

/* pages/receivingaddress/receivingaddress.wxss */
.bigbox{
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction:column;
}
.box1{
  width: 100vw;
  height: 8vh;
  display: flex;
  flex-direction:row;
  justify-content:start;
  align-items: center;
  font-size: 40rpx;
  border-bottom: 1px solid #C0C0C0;
}
.box2{
  width: 100vw;
  height: 8vh;
  display: flex;
  flex-direction:row;
  justify-content:space-between;
  align-items: center;
  font-size: 40rpx;
  border-bottom: 1px solid #C0C0C0;
}
.box3{
  width:100vw;
  height: 300rpx;
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
}
.t1{
  width:200rpx;
  margin-left: 20rpx;
}
.t2{
  margin-right: 30rpx;
}
.ta1{
  width: 100vw;
  height: 200rpx;
  padding: 20rpx;
  font-size: 40rpx;
  border-bottom: 15rpx solid#F5F5F5;
}
.btn1{
  width: 500rpx;
  /* height: 100rpx; */
  background-color:#32CD32;
  border-radius: 10rpx;
  text-align: center;
  /* line-height: 100rpx; */
  color: white;
}

receivingaddress.js

// pages/receivingaddress/receivingaddress.js
var backstageUrl = getApp().backstageUrl
var userId = wx.getStorageSync('userInfo')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //所在地区显示数据
    choce: '请选择'
  },
  //表单submit提交事件
  formSubmit: function (res) {
    //将from表单数据转换为JSON格式
    var form = res.detail.value
    var name = form.username
    var telephone = form.telephone
    var region = form.region
    var message = form.message
    if (name == "" || telephone == "" || region == "" || message == "") {
      wx.showToast({
        title: '请填写完整地址信息',
        icon:"none"
      })
    } else {
      //用户添加地址成功后提示弹窗
      wx.showToast({
        title: '添加成功',
        icon: 'success',
        success: () => {
          //参数回调成功后跳转至选择地址页面并带入JSON数据
          wx.request({
            url: backstageUrl + 'address/add',
            data: {
              userId: userId,
              name: form.username,
              province: form.region[0],
              city: form.region[1],
              district: form.region[2],
              detail: form.messgae,
              phone: form.telephone,
              defaultFlag: form.swich
            },
            method: 'POST',
            success: (res) => {
              console.log(res)
            }
          })
          var id = setTimeout(() => {
            wx.redirectTo({
              url: '/pages/information/addreceiptaddress/addreceiptaddress?form=' + form,
              success: () => {
                clearTimeout(id)
              }
            })
          }, 2000)

        }
      })
    }
    console.log(res)
    console.log(form.name)
    console.log(form.region)
  },
  //地区选择器点击事件
  bindRegionChange: function (e) {
    console.log(e)
    //将‘请选择’显示至界面
    this.data.choce
    var choce = e.detail.value
    //将用户选择地区参数显示至界面
    this.setData({
      choce: choce
    })
          // console.log(event)
      var goodsId=event.currentTarget.dataset.index
        console.log(goodsId)
    wx.request({
      url: backstageUrls+'/goods/deleteById ',
      data:{
        goodsId:goodsId
      },
      method:'POST',
      success:(res)=>{
        console.log(res.data)
        console.log(page)
        var list=this.data.data
        console.log(list)
        list.splice(((page-1))*8,8)
        console.log(list)
        this.sp()
      }
    })
 
    // var index=event.currentTarget.dataset.index
    // console.log("index",index)
    // var data=this.data.data
    // console.log("data",data)
    // data.splice(index,1)
    // this.setData({
    //   data:data
    // })

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

receivingaddress.json

{
  "usingComponents": {},
  "navigationBarTitleText": "添加收货地址"
}

5.receivingGoods（余额充值）

receivingGoods.wxml

<!--pages/information/receivingaddress/receivingaddress.wxml-->
<form class="bigbox"  bindsubmit="formSubmit">
  <view class="box1">
    <view class="t1">收货人</view>
    <input type="text" placeholder="请输入收货人姓名" name="username" value="{{data.name}}"/>
  </view>
  <view class="box1">
    <view class="t1">联系电话</view>
    <input type="text" placeholder="请输入联系电话" name="telephone" value="{{data.phone}}"/>
  </view>
  <view class="box2">
    <view class="t1">所在地区</view>
    <picker class="t2" mode="region" bindchange="bindRegionChange" name="region">{{data.province}}{{data.city}}{{data.district}}</picker>
  </view>
  <textarea class="ta1" name="messgae" id="t1" cols="30" rows="3" placeholder="请填写详细地址" value="{{data.detail}}"></textarea>
  <view class="box2">
    <view class="t1">设为默认</view>
    <switch class="swich1" name="swich" checked="{{data.defaultFlag}}"></switch>
  </view>
  <view class="box3">
    <button class="btn1" form-type="submit">提交</button>
  </view>
</form>

receivingGoods.wxss

/* pages/receivingaddress/receivingaddress.wxss */
.bigbox{
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction:column;
}
.box1{
  width: 100vw;
  height: 8vh;
  display: flex;
  flex-direction:row;
  justify-content:start;
  align-items: center;
  font-size: 40rpx;
  border-bottom: 1px solid #C0C0C0;
}
.box2{
  width: 100vw;
  height: 8vh;
  display: flex;
  flex-direction:row;
  justify-content:space-between;
  align-items: center;
  font-size: 40rpx;
  border-bottom: 1px solid #C0C0C0;
}
.box3{
  width:100vw;
  height: 300rpx;
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
}
.t1{
  width:200rpx;
  margin-left: 20rpx;
}
.t2{
  margin-right: 30rpx;
}
.ta1{
  width: 100vw;
  height: 200rpx;
  padding: 20rpx;
  font-size: 40rpx;
  border-bottom: 15rpx solid#F5F5F5;
}
.btn1{
  width: 500rpx;
  /* height: 100rpx; */
  background-color:#32CD32;
  border-radius: 10rpx;
  text-align: center;
  /* line-height: 100rpx; */
  color: white;
}

receivingGoods.js

// pages/information/receivingGoods/receivingGoods.js
var addrId
var backstageUrl=getApp().backstageUrl
var userId=wx.getStorageSync('userInfo')
Page({
  formSubmit:function(res){
    //将from表单数据转换为JSON格式
    var form=res.detail.value
    console.log(res)
    console.log(form.name)
    console.log(form.region)
    //用户添加地址成功后提示弹窗
    wx.showToast({
      title: '修改成功',
      icon:'success',
      success:()=>{
        //参数回调成功后跳转至选择地址页面并带入JSON数据
        wx.request({
          url: backstageUrl+'address/updateAddr ',
          data:{
            addrId:addrId,
            userId:userId,
            name:form.username,
            province:form.region[0],
            city:form.region[1],
            district:form.region[2],
            detail:form.messgae,
            phone:form.telephone,
            defaultFlag:form.swich
          },
          method:'POST',
          success:(res)=>{
            console.log(res)
          }
        })
        var id=setTimeout(()=>{
        wx.navigateTo({
          url: '/pages/information/addreceiptaddress/addreceiptaddress?form='+form,
          success:()=>{
            clearTimeout(id)
          }
        })
      },2000)
       
      }
    })
  
  },
  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    addrId=options.addrId
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    wx.request({
      url: backstageUrl+'address/all',
      data:{
        userId:userId
      },
      method:'POST',
      success:(res)=>{
        console.log(res)
        var data=res.data.data
        for(var i=0;i<data.length;i++){
          if(addrId===data[i].addrId){
            console.log(data[i]) 
            this.setData({
              data:data[i]
            })
          }
        }
        
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
小YI在努力变强
关注
oto小程序+翻译小程序
05-25
oto小程序+翻译小程序
微信小程序OTO商城（商务端）
yifangfeii的博客
11-16 821
文章目录一、app.js二、app.json三、utils.js四、index1.index.wxml2.index.wxss3.index.js五、logs1.logs.wxml2.logs.wxss2.logs.js六、appointmentsappointments主页2.appointmentsDetails七、orderFormsorderForms主页1.orderFormsDetails八、shoopListsshoopLists主页1.add2.detail3.edit 一、app.js
简易商城微信小程序代码
04-18
微信小程序商城代码，上传仅供参考学习，勿作商用。谢谢
O2O小程序源码
05-09
O2O小程序源码O2O小程序源码O2O小程序源码O2O小程序源码
【毕业设计】基于微信小程序的超市购物系统 购物商城微信小程序
qq_15801219的博客
12-31 2359
超市购物系统使用微信小程序+Java+ssm+MySQL等技术，用户端要求在系统的安卓手机上可以运行，主要实现了管理端；首页、个人中心、用户管理、商品分类管理、商品信息管理、商品入库管理、订单信息管理、订单配送管理、订单评价管理、退货申请管理、换货申请管理、系统管理，用户端；首页、商品信息、商品资讯、我的等主要功能模块的操作和管理。
基于微信小程序每日特惠OTO 平台系统的设计与实现
03-12 304
本文系统中使用的设计方法是一种通过敏捷开发的基于快速实现系统功能的开发思想。本系统不仅对于提升电子商务信息化建设具有探索建设性意义，而且对于学生理论联系实际，将所学计算机知识进行实际应用具有非常重要的指导意义。本系统以操作方便，交互友好为原则，按照软件工程开发思想，从需求到设计研发测试直到最终完成系统上线。系统分为前台用户功能和后台管理功能。系统的主要运行框架是由客户端和服务器之间的相互协调形成的。 客户端使用JavaScript、WXML、WXSS等语言开发；服务器采用JAVA开发；数据库使用MySQL
微信小程序---订阅消息
qq_37655169的博客
12-07 1191
在做退款的时候需要给用户发一条消息，告诉他已经在退款了，一开始是想用模板消息来做的，但是看微信开发文档说模板消息要下线，推荐用订阅信息。这边记录一些步骤。 1，登录微信公众平台获取订阅信息的模板id 登录微信公众平台，点击订阅信息，我的模板，添加我的模板，微信会提供一些常用的模板，可以选择，也可以自己申请，通过就可以使用了，把模板id复制下来保存一下。代码里面需要用到。 ...
JAVA 微信公众号或小程序授权给开放平台（第三方平台）开发流程及开放平台代公众号或小程序实现业务
qq_41688060的博客
03-06 2279
一 、开放平台账户注册及开发配置请参考我之前的文章 开发前准备工作。二、授权流程 官方文档细节比较多 我说的比较直白 （1）首先 启动票据推送服务 （2）接收消息→解密→验证并获取票据→保存票据 component_verify_ticket （3）获取第三方平台调用凭证 component_access_token （4）通过 component_access_token 获取预授权码 pre_auth_code （5）通过 pre_auth_code 自建 PC授权链接 或 H5授权链接
基于微信小程序的轻客洗衣(OTO)行业设计与实现.7z（源码）
03-02
基于微信小程序的轻客洗衣(OTO)行业设计与实现.7z（源码）基于微信小程序的轻客洗衣(OTO)行业设计与实现.7z（源码）基于微信小程序的轻客洗衣(OTO)行业设计与实现.7z（源码）基于微信小程序的轻客洗衣(OTO)行业设计...
微信小程序_cnode社区源代码
11-07
社区论坛，社区交流，个人主页，粉丝互动
jee-weapp是一套基于jfinal，dubbo微服务开发的微信小程序商城项目，首次开放全部拼团前后台源码
字节网盘SEO工具
07-10 326
介绍： jee-weapp 简介 jee-weapp基于微信第三方开放平台基础框架， 多模块化开发不同的微信营销插件， 支持微信第三方平台扫码授权公众号，小程序 支持微信第三方平台覆盖全网发布 支持小程序模板开发 目前开放营销插件有拼团，满减，限时打折等 软件架构 jfinal 作为web orm基础框架， shiro做安全框架，角色授权， 微信商城作为业务基础框架，衍生出一系列针对微信商城的营销插件， 包括吸粉，，客户留存，推广等一系列插件， 每个插件通过dubbo封装成微服务，可独立发布， 每个微服务都
微信小程序开发自定义字体样式（维吾尔语字体)
2301_81691368的博客
01-26 4117
首先再pages目录创建font文件夹 然后 font文件夹里面创建font.wxss文件。然后app.wxss全局css样式引入字体样式就可以。font.wxss文件夹里面加入这些代码。需要更多的字体样式评论区留言。
商城系统O2O小程序开发优点
sidu666的博客
12-24 291
O2O电商发展迄今，O2O电子商务模式的经营，顺从了交易新要求，单单从平台的基本要素而言，它是有着很强互动交流特性的平台，如信息内容平台、工程建筑平台。从这种方面来讲，O2O平台可以解释为需要给客户和牌子的、融合线上与线下或挪动端方式，是可以方便快捷地开展感受、买卖、交货和业务的平台。 商城系统O2O小程序开发优点 1、小程序的这一设置更适用O2O商品，打造出线上线下买卖闭环控制。尤其是商场O2O彻底结合线上线下，完成线上线下数据信息统一管理方法，商场超市领域商场O2O的多用途方式二维码毫无疑问是小程序
做一个社区配送的小程序 利用小程序搭建自己的社区配送营销商城，小程序社区O2O，社区网络超市微信小程序开发
leiziguo的博客
05-31 1万+
小程序线上入口开放越来越多，进入小程序的行业也逐渐增多，尤其是这几个月，线下实体行业纷纷转向小程序，其中尤其以零售店，便利店为主，所以今天和大家一起来聊聊社区网络超市微信小程，便利店小程序。 一般的社区周边都会有很多便利店，尤其像上海这种一线城市，连锁便利店更是到处都是。像全家、喜士多、7-11、罗森、好德、可的、快客等…… 便利店微信小程序让你轻松引流，微信小程序的出现让我们实现了触手可及的...
10分钟入门 - 微信小程序开发
热门推荐
程序员「阿基米东」的编程之旅
01-09 25万+
注册微信小程序 如果你还没有微信公众平台的账号，请先进入微信公众平台首页，点击 “立即注册” 按钮进行注册。注册的账号类型可以是订阅号、服务号、小程序以及企业微信，我们选择 “小程序” 即可。 接着填写账号信息，需要注意的是，填写的邮箱必须是未被微信公众平台注册、未被个人微信号绑定的邮箱，而且每个邮箱仅能申请一个小程序。 激活邮箱之后，选择主体类型为 “个人类型”，并按要求登记主体信息。主体信息提...
考研复习-英语二真题考试题集-带答案
09-14
英语二考研真题复习资料，带答案版
2024中美独角兽公司发展分析报告.pdf
最新发布
09-14
全球各大洲独角兽企业分布、中美独角兽企业对比（数量、估值、新增及退榜情况、行业分布、所在城市）、
C++ 中的异步编程模型是什么
09-14
在C++中，异步编程模型是处理并发任务、提高程序性能和响应性的关键技术。以下是C++中实现异步编程的几种主要方式： 每种异步编程模型都有其适用场景和优缺点。选择合适的模型可以提高代码的可读性、可维护性和性能。随着C++标准的不断发展，异步编程模型也在不断进化，为开发者提供了更多的工具和选择。 在实际开发中，应根据具体需求选择合适的异步编程模型。例如，对于简单的异步任务，回调函数可能是最直接的选择；而对于需要结构化错误处理和结果获取的复杂异步任务，std::async和std::future可能更合适；在需要高效资源管理的场景下，线程池是一个不错的选择；而对于需要编写大量异步代码的现代应用程序，协程提供了一种更简洁、更直观的解决方案。 总之，C++中的异步编程模型是多核和高并发环境下提高程序性能的重要工具。通过合理使用这些模型，开发者可以构建出更高效、更可靠的软件系统。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值