|
@@ -10,17 +10,20 @@
|
|
|
</view>
|
|
|
<view class="row-box">
|
|
|
<view class="title">收款人id</view>
|
|
|
- <view class="row"><input class="input" type="number" v-model="card" placeholder="请输入收款人id" placeholder-class="placeholder" /></view>
|
|
|
+ <view class="row"><input class="input" type="number" v-model="card" placeholder="请输入收款人id"
|
|
|
+ placeholder-class="placeholder" /></view>
|
|
|
</view>
|
|
|
<view class="row-box">
|
|
|
<view class="title">交易密码</view>
|
|
|
- <view class="row"><input class="input" type="password" v-model="password" placeholder="请输入交易密码" placeholder-class="placeholder" /></view>
|
|
|
+ <view class="row"><input class="input" type="password" v-model="password" placeholder="请输入交易密码"
|
|
|
+ placeholder-class="placeholder" /></view>
|
|
|
</view>
|
|
|
<view class="row-box">
|
|
|
<view class="title">转账金额</view>
|
|
|
<view class="row">
|
|
|
<!-- <text class="tit">¥</text> -->
|
|
|
- <input class="input" type="number" v-model="withdrawal" placeholder="转入金额" placeholder-class="placeholder" />
|
|
|
+ <input class="input" type="number" v-model="withdrawal" placeholder="转入金额"
|
|
|
+ placeholder-class="placeholder" />
|
|
|
<view class="buttom" @click="withdrawal = userInfo.integral">全部转账</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -30,87 +33,96 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getMoneyStyle } from '@/utils/rocessor.js';
|
|
|
-import { getUserInfo, admintrade, trade } from '@/api/user.js';
|
|
|
-import { mapMutations, mapState } from 'vuex';
|
|
|
-export default {
|
|
|
- filters: {
|
|
|
+ import {
|
|
|
getMoneyStyle
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- money: '0.00', //可提现金额
|
|
|
- withdrawal: '', //提现金额
|
|
|
- password: '', //支付密码
|
|
|
- card: '', //转账卡号
|
|
|
- name: '',
|
|
|
+ } from '@/utils/rocessor.js';
|
|
|
+ import {
|
|
|
+ getUserInfo,
|
|
|
+ admintrade,
|
|
|
+ trade
|
|
|
+ } from '@/api/user.js';
|
|
|
+ import {
|
|
|
+ mapMutations,
|
|
|
+ mapState
|
|
|
+ } from 'vuex';
|
|
|
+ export default {
|
|
|
+ filters: {
|
|
|
+ getMoneyStyle
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ money: '0.00', //可提现金额
|
|
|
+ withdrawal: '', //提现金额
|
|
|
+ password: '', //支付密码
|
|
|
+ card: '', //转账卡号
|
|
|
+ name: '',
|
|
|
+ // #ifdef H5
|
|
|
+ weichatBsrowser: false,
|
|
|
+ // #endif
|
|
|
+ loding: false,
|
|
|
+ type: '1'
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
// #ifdef H5
|
|
|
- weichatBsrowser: false,
|
|
|
+ this.weichatBsrowser = uni.getStorageSync('weichatBrowser');
|
|
|
// #endif
|
|
|
- loding: false,
|
|
|
- type: '1'
|
|
|
- };
|
|
|
- },
|
|
|
- onLoad(options) {
|
|
|
- // #ifdef H5
|
|
|
- this.weichatBsrowser = uni.getStorageSync('weichatBrowser');
|
|
|
- // #endif
|
|
|
- this.dataUp();
|
|
|
- if (options.type) {
|
|
|
- this.type = options.type;
|
|
|
- console.log(this.type);
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState('user', ['userInfo'])
|
|
|
- },
|
|
|
- methods: {
|
|
|
- ...mapMutations('user', ['setUserInfo', 'login']),
|
|
|
- // 更新数据
|
|
|
- dataUp() {
|
|
|
- let obj = this;
|
|
|
- getUserInfo({})
|
|
|
- .then(e => {
|
|
|
- obj.login();
|
|
|
- // 保存返回用户数据
|
|
|
- obj.setUserInfo(e.data);
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- console.log(e);
|
|
|
- });
|
|
|
+ this.dataUp();
|
|
|
+ if (options.type) {
|
|
|
+ this.type = options.type;
|
|
|
+ console.log(this.type);
|
|
|
+ }
|
|
|
},
|
|
|
- // 切换选中对象
|
|
|
- tabRadio(e) {
|
|
|
- this.type = e.detail.value;
|
|
|
+ computed: {
|
|
|
+ ...mapState('user', ['userInfo'])
|
|
|
},
|
|
|
- // 提交
|
|
|
- confirm() {
|
|
|
- let obj = this;
|
|
|
- obj.loding = true;
|
|
|
- if (obj.withdrawal < 10) {
|
|
|
- obj.loding = false;
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '转账金额最低为10'
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.password == '') {
|
|
|
- obj.loding = false;
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '请输入交易密码'
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.withdrawal % 10 != 0) {
|
|
|
- obj.loding = false;
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '转账金额请输入10的倍数'
|
|
|
- });
|
|
|
- return;
|
|
|
- } else {
|
|
|
+ methods: {
|
|
|
+ ...mapMutations('user', ['setUserInfo', 'login']),
|
|
|
+ // 更新数据
|
|
|
+ dataUp() {
|
|
|
+ let obj = this;
|
|
|
+ getUserInfo({})
|
|
|
+ .then(e => {
|
|
|
+ obj.login();
|
|
|
+ // 保存返回用户数据
|
|
|
+ obj.setUserInfo(e.data);
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 切换选中对象
|
|
|
+ tabRadio(e) {
|
|
|
+ this.type = e.detail.value;
|
|
|
+ },
|
|
|
+ // 提交
|
|
|
+ confirm() {
|
|
|
+ let obj = this;
|
|
|
+ obj.loding = true;
|
|
|
+ // if (obj.withdrawal < 10) {
|
|
|
+ // obj.loding = false;
|
|
|
+ // uni.showModal({
|
|
|
+ // title: '提示',
|
|
|
+ // content: '转账金额最低为10'
|
|
|
+ // });
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ if (obj.password == '') {
|
|
|
+ obj.loding = false;
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '请输入交易密码'
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // if (obj.withdrawal % 10 != 0) {
|
|
|
+ // obj.loding = false;
|
|
|
+ // uni.showModal({
|
|
|
+ // title: '提示',
|
|
|
+ // content: '转账金额请输入10的倍数'
|
|
|
+ // });
|
|
|
+ // return;
|
|
|
+ // } else {
|
|
|
let data = {
|
|
|
uid: obj.card, //编号
|
|
|
num: obj.withdrawal, //金额
|
|
@@ -156,146 +168,170 @@ export default {
|
|
|
console.log();
|
|
|
});
|
|
|
}
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
+ };
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-page {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.content-money {
|
|
|
- padding: 30rpx 0;
|
|
|
- background: #ffffff;
|
|
|
-}
|
|
|
-
|
|
|
-.item {
|
|
|
- padding: 0 $page-row-spacing;
|
|
|
- background-color: #ffffff;
|
|
|
-}
|
|
|
-.flex {
|
|
|
- background-color: #ffffff;
|
|
|
- text-align: center;
|
|
|
- margin: 0 30rpx;
|
|
|
- border-radius: $border-radius-sm;
|
|
|
- justify-content: center;
|
|
|
- .buttom {
|
|
|
- font-size: $font-lg;
|
|
|
- width: 50%;
|
|
|
+ page {
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
- .interval {
|
|
|
- width: 2px;
|
|
|
- height: 60rpx;
|
|
|
- background-color: #eeeeee;
|
|
|
- }
|
|
|
- .icon {
|
|
|
- background-size: 100%;
|
|
|
- font-size: 42rpx;
|
|
|
- color: $font-color-dark;
|
|
|
- font-weight: bold;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: center;
|
|
|
- }
|
|
|
- .text {
|
|
|
- color: $font-color-light;
|
|
|
+
|
|
|
+ .content-money {
|
|
|
+ padding: 30rpx 0;
|
|
|
+ background: #ffffff;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.row-box {
|
|
|
- margin-top: 30rpx;
|
|
|
- padding: 20rpx 30rpx;
|
|
|
- background: #fff;
|
|
|
- .title {
|
|
|
- font-size: $font-base + 2rpx;
|
|
|
- color: $font-color-dark;
|
|
|
+ .item {
|
|
|
+ padding: 0 $page-row-spacing;
|
|
|
+ background-color: #ffffff;
|
|
|
}
|
|
|
- .row {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
- height: 80rpx;
|
|
|
- .tit {
|
|
|
- flex-shrink: 0;
|
|
|
- width: 40rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- color: $font-color-dark;
|
|
|
+
|
|
|
+ .flex {
|
|
|
+ background-color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 30rpx;
|
|
|
+ border-radius: $border-radius-sm;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ .buttom {
|
|
|
+ font-size: $font-lg;
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .interval {
|
|
|
+ width: 2px;
|
|
|
+ height: 60rpx;
|
|
|
+ background-color: #eeeeee;
|
|
|
}
|
|
|
- .input {
|
|
|
- flex: 1;
|
|
|
- font-size: 30rpx;
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ background-size: 100%;
|
|
|
+ font-size: 42rpx;
|
|
|
color: $font-color-dark;
|
|
|
+ font-weight: bold;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center;
|
|
|
}
|
|
|
- .iconlocation {
|
|
|
- font-size: 36rpx;
|
|
|
+
|
|
|
+ .text {
|
|
|
color: $font-color-light;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .buttom {
|
|
|
- color: #f21f5d;
|
|
|
- font-size: $font-base;
|
|
|
+ .row-box {
|
|
|
+ margin-top: 30rpx;
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+ background: #fff;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: $font-base + 2rpx;
|
|
|
+ color: $font-color-dark;
|
|
|
}
|
|
|
- }
|
|
|
-}
|
|
|
-.add-btn {
|
|
|
- width: 520rpx;
|
|
|
- height: 80rpx;
|
|
|
- border: 2rpx solid #f21f5d;
|
|
|
- border-radius: 40rpx;
|
|
|
- margin: 140rpx auto;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #f21f5d;
|
|
|
-}
|
|
|
-.name {
|
|
|
- background: #fff;
|
|
|
- padding: 30rpx;
|
|
|
-}
|
|
|
-.list {
|
|
|
- padding-left: 30rpx;
|
|
|
- margin-top: 30rpx;
|
|
|
- background-color: #ffffff;
|
|
|
- .box {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- height: 120rpx;
|
|
|
- border-bottom: 1px solid $border-color-light;
|
|
|
- .icon {
|
|
|
- font-size: 48rpx;
|
|
|
- padding-right: 20rpx;
|
|
|
- .icon-img {
|
|
|
- height: 50rpx;
|
|
|
- width: 50rpx;
|
|
|
+
|
|
|
+ .row {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ height: 80rpx;
|
|
|
+
|
|
|
+ .tit {
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: 40rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: $font-color-dark;
|
|
|
}
|
|
|
- }
|
|
|
- .iconweixin1 {
|
|
|
- color: #18bf16;
|
|
|
- }
|
|
|
- .iconzhifubao {
|
|
|
- color: #08aaec;
|
|
|
- }
|
|
|
- .title-box {
|
|
|
- flex-grow: 1;
|
|
|
- text-align: left;
|
|
|
- .title {
|
|
|
- font-size: $font-base + 2rpx;
|
|
|
- color: $font-color-base;
|
|
|
+
|
|
|
+ .input {
|
|
|
+ flex: 1;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: $font-color-dark;
|
|
|
}
|
|
|
- .node {
|
|
|
- font-size: $font-sm;
|
|
|
+
|
|
|
+ .iconlocation {
|
|
|
+ font-size: 36rpx;
|
|
|
color: $font-color-light;
|
|
|
}
|
|
|
+
|
|
|
+ .buttom {
|
|
|
+ color: #f21f5d;
|
|
|
+ font-size: $font-base;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-.tip {
|
|
|
- padding: 20rpx;
|
|
|
- color: #ff0000;
|
|
|
-}
|
|
|
-/deep/ .uni-radio-input {
|
|
|
- width: 45rpx;
|
|
|
- height: 45rpx;
|
|
|
-}
|
|
|
-</style>
|
|
|
+
|
|
|
+ .add-btn {
|
|
|
+ width: 520rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ border: 2rpx solid #f21f5d;
|
|
|
+ border-radius: 40rpx;
|
|
|
+ margin: 140rpx auto;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #f21f5d;
|
|
|
+ }
|
|
|
+
|
|
|
+ .name {
|
|
|
+ background: #fff;
|
|
|
+ padding: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .list {
|
|
|
+ padding-left: 30rpx;
|
|
|
+ margin-top: 30rpx;
|
|
|
+ background-color: #ffffff;
|
|
|
+
|
|
|
+ .box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ height: 120rpx;
|
|
|
+ border-bottom: 1px solid $border-color-light;
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ font-size: 48rpx;
|
|
|
+ padding-right: 20rpx;
|
|
|
+
|
|
|
+ .icon-img {
|
|
|
+ height: 50rpx;
|
|
|
+ width: 50rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .iconweixin1 {
|
|
|
+ color: #18bf16;
|
|
|
+ }
|
|
|
+
|
|
|
+ .iconzhifubao {
|
|
|
+ color: #08aaec;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title-box {
|
|
|
+ flex-grow: 1;
|
|
|
+ text-align: left;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: $font-base + 2rpx;
|
|
|
+ color: $font-color-base;
|
|
|
+ }
|
|
|
+
|
|
|
+ .node {
|
|
|
+ font-size: $font-sm;
|
|
|
+ color: $font-color-light;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .tip {
|
|
|
+ padding: 20rpx;
|
|
|
+ color: #ff0000;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .uni-radio-input {
|
|
|
+ width: 45rpx;
|
|
|
+ height: 45rpx;
|
|
|
+ }
|
|
|
+</style>
|