|
@@ -0,0 +1,274 @@
|
|
|
+<template>
|
|
|
+ <view class="content">
|
|
|
+ <view class="box">
|
|
|
+
|
|
|
+ <view class="item top">
|
|
|
+ <text>地址</text>
|
|
|
+ <input type="text" v-model="payment" value="" placeholder="请输入地址" />
|
|
|
+ </view>
|
|
|
+ <view class="item ">
|
|
|
+ <text>姓名</text>
|
|
|
+ <input type="text" v-model="name" value="" placeholder="请输入姓名" />
|
|
|
+ </view>
|
|
|
+ <view class="item top">
|
|
|
+ <text>链名</text>
|
|
|
+ <input type="text" v-model="bank" value="" placeholder="请输入链名" />
|
|
|
+ </view>
|
|
|
+ <!-- <view class="item top">
|
|
|
+ <text>手机号</text>
|
|
|
+ <input type="text" v-model="phone" value="" placeholder="请输入手机号" />
|
|
|
+ </view> -->
|
|
|
+ <view class="erweima">
|
|
|
+ <text>收款码</text>
|
|
|
+ <view class="img" @click="uploads()">
|
|
|
+ <image src="../../static/user/erweima.png" mode="" v-if="image == ''"></image>
|
|
|
+ <image :src="image" mode="scaleToFill" v-else></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="button" @click="confirm()">确认</view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ auction,
|
|
|
+ pay_list
|
|
|
+ } from '@/api/wallet.js';
|
|
|
+ import {
|
|
|
+ upload
|
|
|
+ } from '@/api/order.js'
|
|
|
+ import {
|
|
|
+ getUserInfo
|
|
|
+ } from '@/api/user.js';
|
|
|
+ import {
|
|
|
+ mapState,
|
|
|
+ mapMutations
|
|
|
+ } from 'vuex';
|
|
|
+ // import { verify } from '@/api/login.js';
|
|
|
+ export default {
|
|
|
+ computed: {
|
|
|
+ ...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ payment: '',
|
|
|
+ name: '',
|
|
|
+ bank: '',
|
|
|
+ phone: '',
|
|
|
+ image: '',
|
|
|
+ // countDown:0,//倒计时
|
|
|
+ // code:'',//验证码
|
|
|
+ // time:'',
|
|
|
+ };
|
|
|
+ },
|
|
|
+ // watch: {
|
|
|
+ // // 监听倒计时
|
|
|
+ // countDown(i) {
|
|
|
+ // if (i == 0) {
|
|
|
+ // clearInterval(this.time);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ onLoad() {
|
|
|
+ pay_list().then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ let item = data.chain;
|
|
|
+ if (item != '') {
|
|
|
+ this.name = item.name;
|
|
|
+ this.payment = item.payment;
|
|
|
+ this.phone = item.phone;
|
|
|
+ this.bank = item.bank;
|
|
|
+ this.image = item.image;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
|
|
|
+ uploads() {
|
|
|
+ const that = this;
|
|
|
+ if (that.upFileLoding) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ that.upFileLoding = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ that.upFileLoding = false;
|
|
|
+ }, 1000);
|
|
|
+ upload({
|
|
|
+ filename: '',
|
|
|
+ file_name: 'collection/chain/' + that.userInfo.uid
|
|
|
+ }).then(data => {
|
|
|
+ that.image = data[0].url;
|
|
|
+ }).catch((err) => {
|
|
|
+ console.log(err);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //发送验证码
|
|
|
+ // verification() {
|
|
|
+ // let obj = this;
|
|
|
+ // if (!this.userInfo.phone) {
|
|
|
+ // this.$api.msg('请绑定手机号');
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ // // 判断是否在倒计时
|
|
|
+ // if (obj.countDown > 0) {
|
|
|
+ // return false;
|
|
|
+ // } else {
|
|
|
+ // obj.countDown = 60;
|
|
|
+ // obj.time = setInterval(() => {
|
|
|
+ // obj.countDown--;
|
|
|
+ // }, 1000);
|
|
|
+ // //调用验证码接口
|
|
|
+ // verify({
|
|
|
+ // phone: obj.userInfo.phone,
|
|
|
+ // type: ''
|
|
|
+ // })
|
|
|
+ // .then(({ data }) => {})
|
|
|
+ // .catch(err => {
|
|
|
+ // console.log(err);
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ confirm() {
|
|
|
+ let obj = this;
|
|
|
+ if (!obj.payment) {
|
|
|
+ return this.$api.msg('请输入地址');
|
|
|
+ }
|
|
|
+ if (!obj.name) {
|
|
|
+ return this.$api.msg('请输入姓名');
|
|
|
+ }
|
|
|
+ if (!obj.bank) {
|
|
|
+ return this.$api.msg('请输入链');
|
|
|
+ }
|
|
|
+ if (!obj.image) {
|
|
|
+ return this.$api.msg('请上传二维码');
|
|
|
+ }
|
|
|
+ // if (!obj.phone) {
|
|
|
+ // return this.$api.msg('请输入手机号码');
|
|
|
+ // }
|
|
|
+ // if (!obj.code) {
|
|
|
+ // return this.$api.msg('请输入验证码');
|
|
|
+ // }
|
|
|
+ auction({
|
|
|
+ type: 4,
|
|
|
+ name: obj.name,
|
|
|
+ bank: obj.bank,
|
|
|
+ payment: obj.payment,
|
|
|
+ phone: obj.userInfo.phone,
|
|
|
+ image: obj.image,
|
|
|
+ // captcha:obj.code
|
|
|
+ }).then(e => {
|
|
|
+ obj.$api.msg('修改成功');
|
|
|
+ uni.redirectTo({
|
|
|
+ url: './collection',
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ page,
|
|
|
+ .content {
|
|
|
+ height: 100%;
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .top {
|
|
|
+ border-top: 1rpx solid #f3f3f3;
|
|
|
+ border-bottom: 1rpx solid #f3f3f3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .erweima {
|
|
|
+ padding: 30rpx 0;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ text {
|
|
|
+ margin: 0 30rpx;
|
|
|
+ width: 150rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .img {
|
|
|
+ width: 160rpx;
|
|
|
+ height: 160rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .box {
|
|
|
+ background: #ffffff;
|
|
|
+ margin: 20rpx 0 70rpx 0;
|
|
|
+
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ text {
|
|
|
+ margin: 0 40rpx 0 25rpx;
|
|
|
+ width: 150rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 100rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ input {
|
|
|
+ width: 500rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 100rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .uni-input {
|
|
|
+ text-align: left;
|
|
|
+ width: 325rpx;
|
|
|
+ font-size: 28rpx !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login_name {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .code {
|
|
|
+ color: #ECC697;
|
|
|
+ font-size: 23rpx;
|
|
|
+ border-left: 1px solid #eeeeee;
|
|
|
+ width: 150rpx;
|
|
|
+ flex-shrink: 0;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .button {
|
|
|
+ text-align: center;
|
|
|
+ width: 560rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ // background: #fd3b39;
|
|
|
+ background: #ECC697;
|
|
|
+ border-radius: 40rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFangSC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 80rpx;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+</style>
|