103 lines
2.2 KiB
Vue
103 lines
2.2 KiB
Vue
<template>
|
|
<view class="">
|
|
|
|
<view class="container">
|
|
<view class="title">支付金额</view>
|
|
<view class="item">
|
|
<view class="left">￥</view>
|
|
<input class="input" type="number" :value="desc" data-name='desc' @input="headerInputClick" placeholder='请输入支付金额' />
|
|
</view>
|
|
<view class="btn" @click="headerSubmitClick">确定支付</view>
|
|
</view>
|
|
|
|
<u-popup :show="show" :round="10" mode="center" @close="onClose">
|
|
<view class="payIpt">
|
|
<view class="tit">请输入支付密码</view>
|
|
<view class="iptbox">
|
|
<input type="safe-password" password="true" placeholder="请输入支付密码" :value="password" data-name='password' @input="headerInputClick" />
|
|
</view>
|
|
<view class="btn2" @click="pay">确定</view>
|
|
</view>
|
|
</u-popup>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { apiArr } from '../../api/kitchen';
|
|
import { request } from '../../utils/index';
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
id: '',
|
|
desc: '', // 支付金额
|
|
show:false,
|
|
password:"",
|
|
}
|
|
},
|
|
|
|
onLoad (options) {
|
|
console.log('11111', options);
|
|
console.log('1231313113', this);
|
|
this.id = options.id;
|
|
},
|
|
|
|
methods: {
|
|
|
|
headerInputClick(e) {
|
|
const { name } = e.currentTarget.dataset;
|
|
const { value } = e.detail;
|
|
this[name] = value
|
|
},
|
|
|
|
headerSubmitClick(){
|
|
if(!this.desc){
|
|
uni.showToast({
|
|
title: '请输入支付金额',
|
|
icon:"none"
|
|
})
|
|
return
|
|
}
|
|
this.show = true
|
|
},
|
|
|
|
onClose(){
|
|
this.show = false
|
|
},
|
|
|
|
pay(){
|
|
if(!this.password){
|
|
uni.showToast({
|
|
title: "请输入支付密码",
|
|
icon:"none"
|
|
})
|
|
return
|
|
}
|
|
uni.showLoading({
|
|
title: '支付中...',
|
|
mask:true
|
|
})
|
|
request(apiArr.pay, 'POST', {
|
|
money: Number(this.desc),
|
|
pay_password: this.password,
|
|
shop_id: this.id,
|
|
}, { silent: false}).then((res) => {
|
|
console.log('esa', res);
|
|
// wx.hideLoading()
|
|
// wx.showToast({
|
|
// title: res.msg,
|
|
// icon:"none"
|
|
// })
|
|
// setTimeout(()=>{
|
|
// wx.navigateBack({delta:1})
|
|
// },1500)
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import url("./index.css");
|
|
</style>
|