xwfb/pages/purchase/upload.vue

<template>
	<view class="content">
		<view class="">
			{{chooseId}}
		</view>
		<view class="choose-wrap">
			<picker mode="selector" :range="chooseList" @change="bangTypeChange">
				<view>{{type || '请选择支付方式'}}</view>
			</picker>
		</view>
		<view class="tit">
			上传支付凭证
		</view>
		<view class="up-wrap" @click="imgsub('upimg')">
			<image :src="upimg" mode="" v-if="upimg"></image>
			<image v-else src="../../static/img/upimg.png" mode=""></image>
		</view>
		<view class="btn" @click="evaluationUpload">提交审核</view>
	</view>
</template>

<script>
	import { upload } from '@/api/user.js';
	import { evaluationUpload } from '@/api/package.js'
	
	export default {
		data() {
			return {
				upimg: '',
				type: '',
				toUser: {},
				chooseList: ['微信','支付宝','银行卡'],
				chooseId: ''
			}
		},
		onload(opt) {
			if(opt.id) {
				this.chooseId = opt.id
				console.log(this.chooseId,'this.chooseId')
			}
			console.log(opt,'dd')
		},
		methods: {
			bangTypeChange(e) {
				
				this.type = this.chooseList[e.detail.value]
			},
			imgsub(text) {
				console.log('imgsub');
				upload({
					filename: ''
				}).then(data => {
					// this.upimg = data[0].url;
					this.$set(this,text,data[0].url)
				});
			},
			//提交审核
			evaluationUpload() {
				evaluationUpload().then( res => {
					console.log(res,'上传凭证+++++')
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.tit {
		padding: 30rpx 25rpx;
		text-align: center;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #101010;
	}
	
	.up-wrap {
		margin:auto;
		width: 225rpx;
		height: 225rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
	
		image {
			width: 225rpx;
			height: 225rpx;
			border-radius: 10rpx;
		}
	}
	.btn {
		margin: 70rpx auto 0;
		width: 702rpx;
		line-height: 84rpx;
		background: linear-gradient(30deg, #FF4C4C, #FE6238);
		border-radius: 10rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
	}
</style>