|
|
@@ -0,0 +1,170 @@
|
|
|
+<template>
|
|
|
+ <view class="body_content">
|
|
|
+ <view class="example-title">个人资料</view>
|
|
|
+ <view class="login_text">
|
|
|
+ <view class="login_input flex" style="padding-top: 45rpx;">
|
|
|
+ <view class="login_img">电子邮箱</view>
|
|
|
+ <view class="login_name"><input class="uni-input" type="text" v-model="mail" placeholder="请输入电子邮箱" /></view>
|
|
|
+ </view>
|
|
|
+ <view class="login_input flex">
|
|
|
+ <view class="login_img"><text>真实姓名</text></view>
|
|
|
+ <view class="login_name"><input class="uni-input" type="text" v-model="username" placeholder="请输入真实姓名" /></view>
|
|
|
+ </view>
|
|
|
+ <view class="login_input flex">
|
|
|
+ <view class="login_img"><text>身份证号</text></view>
|
|
|
+ <view class="login_name"><input class="uni-input" type="idcard" v-model="number" placeholder="请输入身份证号" /></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="submission"><button class="golden" type="golden" hover-class="none" @click="submission">确认提交</button></view>
|
|
|
+ <!-- <view class="example-title"><text>资金账户</text></view>
|
|
|
+ <view class="login_text">
|
|
|
+ <view class="login_input flex" style="padding-top: 45rpx;">
|
|
|
+ <view class="login_img"><text>保证金余额</text></view>
|
|
|
+ <view class="login_name"><text>2514. 00U</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="login_input flex">
|
|
|
+ <view class="login_img"><text>奖励金额</text></view>
|
|
|
+ <view class="login_name"><text>1254.00U</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="login_input flex">
|
|
|
+ <view class="login_img"><text>佣金费率</text></view>
|
|
|
+ <view class="login_name"><text>1.6</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="login_input flex">
|
|
|
+ <view class="login_img"><text>已收款金额</text></view>
|
|
|
+ <view class="login_name"><text>54500U</text></view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script type="text/javascript">
|
|
|
+import { show_us,attestation } from '@/api/user.js';
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ mail:'',
|
|
|
+ username:'',
|
|
|
+ number:'',
|
|
|
+ list:'',
|
|
|
+ uid:''
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //获取数据
|
|
|
+ loadData() {
|
|
|
+ show_us({
|
|
|
+ uid:this.uid
|
|
|
+ })
|
|
|
+ .then(data => {
|
|
|
+ let obj = this;
|
|
|
+ obj.list = data.data;
|
|
|
+ if(data.data.card == null){
|
|
|
+ obj.number = "";
|
|
|
+ }else{
|
|
|
+ obj.number = data.data.card;
|
|
|
+ }
|
|
|
+ if(data.data.email == null){
|
|
|
+ obj.mail = "";
|
|
|
+ }else{
|
|
|
+ obj.mail = data.data.email;
|
|
|
+ }
|
|
|
+ if( data.data.name == null){
|
|
|
+ obj.username = '';
|
|
|
+ }else{
|
|
|
+ obj.username = data.data.name;
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 提交
|
|
|
+ submission() {
|
|
|
+ if (this.mail == '') {
|
|
|
+ this.$api.msg('请输入电子邮箱');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.username == '') {
|
|
|
+ this.$api.msg('请输入真实姓名');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.number == '') {
|
|
|
+ this.$api.msg('请输入身份证号');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ attestation({
|
|
|
+ uid:this.uid,
|
|
|
+ email: this.mail,
|
|
|
+ name: this.username,
|
|
|
+ card: this.number,
|
|
|
+ })
|
|
|
+ .then(function(e) {
|
|
|
+ uni.showToast({
|
|
|
+ title: e.message,
|
|
|
+ duration: 1500,
|
|
|
+ mask: false,
|
|
|
+ icon: 'none'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(function(e) {
|
|
|
+ console.log(e);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //下拉刷新
|
|
|
+ onPullDownRefresh() {
|
|
|
+ let obj = this;
|
|
|
+ //监听下拉刷新动作的执行方法,每次手动下拉刷新都会执行一次
|
|
|
+ setTimeout(function() {
|
|
|
+ obj.loadData();
|
|
|
+ uni.stopPullDownRefresh(); //停止下拉刷新动画
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ this.uid = uni.getStorageSync('uid');
|
|
|
+ console.log(uni.getStorageSync('uid'),this.uid)
|
|
|
+ this.loadData();
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss">
|
|
|
+ page {
|
|
|
+ min-height: 100%;
|
|
|
+ background:linear-gradient(-28deg,rgba(44,45,53,1),rgba(59,62,74,1));
|
|
|
+ }
|
|
|
+.body_content {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.login_text {
|
|
|
+ width: 100%;
|
|
|
+ // padding: 25rpx 0rpx;
|
|
|
+ color: #85858E !important;
|
|
|
+ font-size: 28rpx !important;
|
|
|
+ background-color: #40414E;
|
|
|
+}
|
|
|
+.login_input {
|
|
|
+ border-bottom: 1px solid #464755;
|
|
|
+ padding: 35rpx;
|
|
|
+}
|
|
|
+.uni-input{
|
|
|
+ width:480rpx;
|
|
|
+ text-align: left !important;
|
|
|
+}
|
|
|
+.width {
|
|
|
+ width: 265rpx !important;
|
|
|
+}
|
|
|
+.code {
|
|
|
+ color: #EEC680;
|
|
|
+ font-size: 23rpx;
|
|
|
+ border-left: 1px solid #85858E;
|
|
|
+ padding-left: 25rpx;
|
|
|
+}
|
|
|
+.submission{
|
|
|
+ padding: 0rpx 25rpx;
|
|
|
+}
|
|
|
+.login_name {
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+</style>
|