微信小程序转账 + tp6接口

表字段

 

 首页wxml代码

  <!-- avatar -->
  <l-card type="avatar" l-class="card">
        <!-- 此处为content -->

      李先生，您的余额  <l-price unit="￥" value="{{text}}" mode="text"></l-price>
        
  
  </l-card>

  <l-button type="default">提现</l-button>
  <l-button type="error"><navigator url="/pages/transfer/transfer">转账</navigator></l-button>
  <l-button type="success">充值</l-button>
  <l-button type="warning">银行卡</l-button>


  <l-button type="error"><navigator url="/pages/detail/detail">明细</navigator></l-button>

     json样式

{
  "usingComponents": {
    "l-card":"/miniprogram_npm/lin-ui/card",
    "l-tag":"/miniprogram_npm/lin-ui/tag",
    "l-price":"/miniprogram_npm/lin-ui/price",
    "l-button":"/miniprogram_npm/lin-ui/button"
  }
}

js页面

 wx.request({
        url: '',
        method:"POST",
        header:{
          'token':wx.getStorageSync('token')
         },
        success:(res)=>{
          console.log(res.data.data)
            this.setData({
              text:res.data.data
            })
        }
      })

php后端代码

public function priceIndex(Request  $request)
    {
        $data=Price::where('id',$request->uid)->value('price');
        if($data){
            return json(['code'=>200,'msg'=>'查询成功','data'=>$data]);
        }else{
            return json(['code'=>400,'msg'=>'查询失败','data'=>'']);
        }
    }

转账页面wxml

<form bindsubmit="formAdd" >
            <l-input label="转账金额"  placeholder="请输入转账金额" name="price" bind:lininput="price" />
            <l-input label="转账人"  placeholder="请输入转账人名称" name="name" bind:lininput="name" />
          
 
<button type="default" form-type="submit">添加</button>
</form>

js页面

Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    name:'',
    designation:'',
    number:'',
  },
 

 
 
  price(price){
    this.setData({
      price:price.detail.value
  })
  },
  name(name){
    this.setData({
      name:name.detail.value
  })
  },

 
   //成功提交按钮
 formAdd:function(e){
 
  
   console.log(e)
  let name = this.data.name;
  let price=this.data.price;
    
  wx.request({
    url: '',
    header:{
      'token':wx.getStorageSync('token')
    }, 
    method:"POST",
    data:{
      name:name,
      price:price,
    },
    success:res=>{
        let msg= res.data.msg
        if(msg=="添加成功"){
            wx.navigateTo({
              url: '/pages/mys/mys?id='+res.data.data,
            })
        }
    }
  })
},
})

后端php代码 

 public function priceInsert(Request  $request)
    {
        $price=Price::where('id',$request->uid)->value('price');
        $pid=Price::where('name',$request['name'])->value('id');
        if (empty($pid)){
            return json(['code'=>2000,'data'=>'','msg'=>'用户不存在']);
        }
        $number=strtotime(date('Y-m-d')).md5(md5("date().$request->uid"));
        $result=Prices::create([
            'uid'=>$request->uid,
            'pid'=>$pid,
            'number'=>$number,
            'name'=>$request['name'],
            'price'=>$request['price']
        ]);
        if($result){
            return json(['code'=>200,'msg'=>'添加成功','data'=>$result]);
        }else{
            return json(['code'=>400,'msg'=>'添加失败','data'=>'']);
        }

        return json(['code'=>2005,'data'=>'','msg'=>'转账失败']);
    }

转账成功页面wxml

<view>
￥{{showorder.pice}}
</view>
<view wx:if="{{showorder.state=='1'}}">
<button bindtap="go">去支付</button>
<button bindtap="no">取消订单</button>
</view>
<view wx:else>
转账成功
</view>
<view>
<view>对方账户：1111111111</view>
</view>

js页面

// pages/mys/mys.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    showorder:[],
    id:''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var id=options.id
                console.log(id);
                wx.request({
                  url: '',
                  data:{id:id},
                  header:{
                          token:wx.getStorageSync('token')
                  },
                  success:res=>{
                          console.log(res.data);
                          this.setData({
                                  showorder:res.data.data,
                                  id:id
                          })
                  }
                })
        },
 


})

php代码

public function showOrder($id)
    {
        $data=Prices::find($id);
        return json(['code'=>200,'data'=>$data,'msg'=>'ok']);
    }

明细页面

<block wx:for="{{detailList}}">
<view style="height: 80px;">
 转账<text>{{item.user.nikcname}}</text>
 <text>{{item.price}}元</text>
 <view>{{item.time}}</view>
 <view wx:if="{{item.status==1}}">待支付</view>
 <view wx:if="{{item.status==2}}">转账成功</view>
</view>
</block>

js代码实现

// pages/detail/detail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    detailList:[],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.request({
      url: '',
      header:{
              token:wx.getStorageSync('token')
      },
      success:res=>{
              console.log(res.data.data);
              this.setData({
                    detailList:res.data.data
              })
      }
    })
  },

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

  },

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

  }
})

php代码

public function priceSelect()
    {
        $data=Prices::select();
        return json(['code'=>200,'data'=>$data,'msg'=>'ok']);
    }