1

common/api.js

@@ -29,6 +29,8 @@ export const getAddrDesc = (params, config = {custom: { auth: true }}) => http.p
 export const changePassword = (params, config = {custom: { auth: true }}) => http.post('/addons/shopro/user.user/changePassword', params, config);
 //注销用户
 export const logout = (params, config = {custom: { auth: true }}) => http.post('/api/user/logout', params, config);
+//更新用户信息
+export const updateUserInfo = (params, config = {custom: { auth: true }}) => http.post('/api/user/updateUserInfo', params, config);
 
 
 

pages.json

@@ -111,6 +111,23 @@
 		    	"navigationBarBackgroundColor": "#FFFFFF"
 		    }
 		},
+		{
+		    "path" : "pages/Information/Information",
+		    "style" : {
+		    	"navigationBarTitleText": "个人信息",
+		    	"navigationBarBackgroundColor": "#FFFFFF"
+		    }
+		},
+		{
+		    "path" : "pages/shoukuan/shoukuan",
+		    "style" : {
+		    	"navigationBarTitleText": "收款管理",
+		    	"navigationBarBackgroundColor": "#FFFFFF"
+		    }
+		},
+		
+		
+		
 		
 		
 		
@@ -320,14 +337,6 @@
             	"navigationBarBackgroundColor": "#FFFFFF"
             }
         }
-        ,{
-            "path" : "pages/Information/Information",
-            "style" : {
-            	"navigationBarTitleText": "个人信息",
-            	"navigationBarBackgroundColor": "#FFFFFF"
-            }
-        }
-        
         ,{
             "path" : "pages/AccountAssociated/AccountAssociated",
             "style" : {

pages/AccountSecurity/AccountSecurity.scss

@@ -84,4 +84,60 @@
 			}
 		}
 	}
-}
+}
+.showcontent{
+	position: relative;
+	&>image{
+		width: 100%;
+		height:auto;
+	}
+	.contentContainer{
+		position: absolute;
+		padding:0 40rpx;
+		z-index:11;
+		top:60%;left:0;
+		transform: translateY(-50%);
+		width: 100%;
+		.text{
+			text-align: center;
+			.textTitle{
+				color:#222;
+				font-size:32rpx;
+				font-weight: bold;
+			}
+			.intr{
+				line-height: 40rpx;
+			}
+		}
+		.btnContent{
+			display: flex;
+			align-items: center;
+			margin-top:20rpx;
+			justify-content: space-around;
+			.cancelBtn{
+				color: rgb(48, 34, 13);
+				border: 0.5px solid rgb(48, 34, 13);
+				background: none;
+				width: 180rpx;
+				text-align: center;
+				height: 38px;
+				line-height: 38px;
+				border-radius: 22px;
+				font-size: 14px;
+				overflow: hidden;
+			}
+			.submitBtn{
+				color: rgb(222, 186, 109);
+				border: 0.5px solid rgb(48, 34, 13);
+				background: rgb(48, 34, 13);
+				width: 180rpx;
+				text-align: center;
+				height: 38px;
+				line-height: 38px;
+				border-radius: 22px;
+				font-size: 14px;
+				overflow: hidden;
+			}
+		}
+	}
+}

pages/AccountSecurity/AccountSecurity.vue

@@ -28,7 +28,7 @@
 					<text class="iconfont icon-more"></text>
 				</view>
 			</view>
-			<view class="list">
+			<view class="list" @click="show = true">
 				<view class="title">
 					<text>注销服务</text>
 				</view>
@@ -38,7 +38,29 @@
 			</view>
 			
 		</view>
-		
+		<u-popup mode="center" round="10" :customStyle="{'width':'70%'}" :show="show" @close="close">
+			<view class="showcontent">
+				<image src="../../static/image/alert-bg.png" mode="widthFix"></image>
+				<view class="contentContainer">
+					<view class="text">
+						<view class="textTitle">
+							温馨提示
+						</view>
+						<view class="intr">
+							很遗憾，合之赢无法为您继续服务，感谢您一路陪伴与关注。为了您的账户安全注销账户后将会永久清除与该账户相关的所有信息，服务器不再保留。
+						</view>
+					</view>
+					<view class="btnContent">
+						<view class="cancelBtn" @click="close">
+							取消
+						</view>
+						<view class="submitBtn"  @click="close">
+							确定
+						</view>
+					</view>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -46,10 +68,13 @@
 	export default {
 		data() {
 			return {
-				
+				show:true,
 			};
 		},
 		methods:{
+			close() {
+			  this.show = false
+			},
 			/**
 			 * 账户安全点击
 			 * @param {String} type

pages/Information/Information.scss

@@ -5,6 +5,7 @@
 	width: 100%;
 	height: 100%;
 	background-color: #f6f6f6;
+	padding:0 24rpx;
 }
 
 /* 用户信息列表 */

pages/Information/Information.vue

@@ -7,7 +7,17 @@
 					<text>头像</text>
 				</view>
 				<view class="more-content">
-					<image src="/static/img/user_pic.jpg" mode=""></image>
+					<u-upload
+						:fileList="finishImageList"
+						:previewFullImage="false" 
+						@afterRead="afterRead"
+						 width="50" height="50"
+						style="display: none;"
+						ref="upload"
+						name="1"
+						
+					></u-upload>
+					<image :src="avatarUrl" mode="" @click="uploadAvatar"></image>
 					<text class="iconfont icon-more more"></text>
 				</view>
 			</view>
@@ -20,110 +30,112 @@
 					<text class="iconfont icon-more more"></text>
 				</view>
 			</view>
-			<view class="list">
+		
-				<view class="title">
+			
-					<text>性别</text>
-				</view>
-				<view class="more-content">
-					<text class="content">{{sexText}}</text>
-					<text class="iconfont icon-more more"></text>
-				</view>
-				<view class="picker">
-					<picker @change="sexPickerChange" :value="sexIndex" :range="sexArray">
-						<view class="uni-input" style="height: 100rpx;">{{sexText}}</view>
-					</picker>
-				</view>
-			</view>
-			<view class="list">
-				<view class="title">
-					<text>出生日期</text>
-				</view>
-				<view class="more-content">
-					<text class="content">{{birthday}}</text>
-					<text class="iconfont icon-more more"></text>
-				</view>
-				<view class="picker">
-					<picker @change="birthdayPickerChange" mode="date" :value="birthdayDate" :start="startDate" :end="endDate">
-						<view class="uni-input" style="height: 100rpx;">{{birthdayDate}}</view>
-					</picker>
-				</view>
-			</view>
 		</view>
 		<!-- 提示框 -->
 		<DialogBox ref="DialogBox"></DialogBox>
+		<u-toast ref="uToast"></u-toast>
 	</view>
 </template>
 
 <script>
+	import {getToken} from '@/common/auth.js'
+	import {updateUserInfo} from '@/common/api.js'
 	export default {
 		data() {
-			const currentDate = this.getDate({
+			
-					format: true
-			})
 			return {
-				// 性别
+				finishImageList:[],
-				sexArray: ['男','女','保密'],
+				fileList1: [],
-				sexIndex: 0,
-				sexText: '保密',
-				// 生日
-				birthdayDate: currentDate,
-				startDate: this.getDate('start'),
-				endDate: this.getDate('end'),
-				birthday: '2020-02-02',
 				DialogBox: {},
 				// 昵称
-				nickname: '爱跳舞的汤姆猫',
+				nickname: '',
+				finishName:'',
+				avatarUrl:'',
+				avatarUrl_short:''
 			};
 		},
-		onLoad() {
+		onLoad(option) {
+			this.nickname = option.name
+			this.avatarUrl = option.avatar
+			console.log(option)
 		},
 		methods:{
-			/**
+			uploadAvatar(){
-			 * 性别
+				this.$refs.upload.chooseFile()
-			 * @param {Object} e
-			 */
-			sexPickerChange(e){
-				this.sexIndex = e.detail.value;
-				this.sexText = this.sexArray[this.sexIndex];
 			},
-			/**
+			// 新增图片
-			 * 生日
+			async afterRead(event) {
-			 * @param {Object} e
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-			 */
+				let lists = [].concat(event.file)
-			birthdayPickerChange(e){
+				let fileListLen = this[`fileList${event.name}`].length
-				this.birthday = e.detail.value;
+				lists.map((item) => {
-			},
+					this[`fileList${event.name}`].push({
-			/**
+						...item,
-			 * 获取日期
+						status: 'uploading',
-			 * @param {Object} type
+						message: '上传中'
-			 */
+					})
-			getDate(type) {
+				})
-				const date = new Date();
+				for (let i = 0; i < lists.length; i++) {
-				let year = date.getFullYear();
+					const result = await this.uploadFilePromise(lists[i].url)
-				let month = date.getMonth() + 1;
+					console.log(result,"===")
-				let day = date.getDate();
+					this.avatarUrl = JSON.parse(result).data.fullurl;
-
+					this.avatarUrl_short = JSON.parse(result).data.url;
-				if (type === 'start') {
+					
-						year = year - 60;
-				} else if (type === 'end') {
-						year = year + 2;
 				}
-				month = month > 9 ? month : '0' + month;;
+				
-				day = day > 9 ? day : '0' + day;
+			},
-				return `${year}-${month}-${day}`;
+			//上传照片
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = uni.uploadFile({
+						url: this.baseUrl+'api/common/upload', 
+						filePath: url,
+						name: 'file',
+						header:{
+							token:getToken()
+						},
+						formData: {
+						},
+						success: (res) => {
+							console.log(res)
+							if(JSON.parse(res.data).code==1){
+								setTimeout(() => {
+									this.finishImageList.push({url:JSON.parse(res.data).data.fullurl,path:JSON.parse(res.data).data.url})
+									resolve(res.data)
+								}, 1000)
+							}else{
+								uni.$u.toast(JSON.parse(res.data).msg)
+								
+								resolve(res.data)
+							}
+						},
+						fail: (res) => {
+							console.log(res,"rrr")
+						}
+					});
+				})
 			},
 			/**
 			 * 昵称点击
 			 */
 			onNickname(){
+				this.finishName = this.nickname
 				this.$refs['DialogBox'].confirm({
 					title: '更改昵称',
 					placeholder: '请输入修改的昵称',
-					value: this.nickname,
+					value: this.finishName,
 					DialogType: 'input',
 					animation: 0
 				}).then((res)=>{
 					this.nickname = res.value;
+					console.log(res)
+					updateUserInfo({nickname:res.value}).then(res=>{
+						this.$refs.uToast.show({
+							message:'修改成功'
+						})
+					})
 				})
 			}
 		}
@@ -132,4 +144,7 @@
 
 <style scoped lang="scss">
 	@import 'Information.scss';
+	/deep/.u-upload__deletable{
+		display: none;
+	}
 </style>

pages/cart/cart.scss

@@ -4,8 +4,8 @@
   //height: 100%;
   //overflow-x: hidden;
   //overflow-y: auto;
-  padding-bottom: 200rpx;
+  // padding-bottom: 200rpx;
-  background-color: rgb(247,247,247);
+  // background-color: rgb(247,247,247);
 }
 .head{
   position: fixed;

pages/my/my.vue

@@ -15,13 +15,13 @@
 				</view>
 			</view>
 			<!-- 用户信息 -->
-			<view class="user-info" v-if="userInfo.id">
+			<view class="user-info" v-if="userInfo.id" @click="goUserCenter">
 				<view class="portrait">
 					<image :src="userInfo.avatar"></image>
 				</view>
 				<view class="info">
 					<view class="nickname">
-						<text>{{userInfo.username}}</text>
+						<text>{{userInfo.nickname}}</text>
 					</view>
 					<view class="nickname">
 						<!-- <image src="/static/rank.png"></image>
@@ -225,7 +225,7 @@
 		<view class="card">
 			<u-cell-group :border="false">
 				<u-cell icon="share-square" :iconStyle="{'color':'#236030'}" :titleStyle="{'color':'#236030'}" title="分销中心" :isLink="true" :rightIconStyle="{'color':'#236030'}"></u-cell>
-				<u-cell icon="rmb" :iconStyle="{'color':'#236030'}" :titleStyle="{'color':'#236030'}" title="收款管理" :isLink="true" :rightIconStyle="{'color':'#236030'}"></u-cell>
+				<u-cell icon="rmb" @click="goPay" :iconStyle="{'color':'#236030'}" :titleStyle="{'color':'#236030'}" title="收款管理" :isLink="true" :rightIconStyle="{'color':'#236030'}"></u-cell>
 				<u-cell icon="rmb-circle" :iconStyle="{'color':'#236030'}" :titleStyle="{'color':'#236030'}" title="我的收益" :isLink="true" :rightIconStyle="{'color':'#236030'}"></u-cell>
 			</u-cell-group>
 		</view>
@@ -272,6 +272,16 @@
 			this.getUserInfoHandle()
 		},
 		methods:{
+			goUserCenter(){
+				uni.navigateTo({
+					url:'/pages/Information/Information?name='+this.userInfo.nickname+'&avatar='+this.userInfo.avatar
+				})
+			},
+			goPay(){
+				uni.navigateTo({
+					url:'/pages/shoukuan/shoukuan'
+				})
+			},
 			//获取用户信息
 			getUserInfoHandle(){
 				getUserInfo().then(res=>{

pages/shoukuan/shoukuan.scss

@@ -0,0 +1,125 @@
+.page{
+	min-height:calc(100vh - 45px);
+	background-color: #f5f5f5;
+	padding:24rpx;
+	.tabs{
+		height: 80rpx;
+		background-color: rgb(35, 96, 48);
+		padding: 6rpx;
+		border-radius: 5px;
+		display: flex;
+		.tabsItem{
+			flex:1;
+			text-align: center;
+			line-height: 70rpx;
+			font-size: 26rpx;
+			color: #ffffff;
+		}
+		.active{
+			background-color: #fff;
+			font-size: 30rpx;
+			font-weight: bold;
+			border-radius: 5px;
+			color: rgb(35, 96, 48);
+		}
+	}
+	.yhk{
+		width: 100%;
+		background-color: #FFFFFF;
+		margin-top:20rpx;
+		border-radius: 10px;
+		.list-input{
+			display: flex;
+			align-items: center;
+			padding: 0 4%;
+			height: 100rpx;
+			border-bottom: 2rpx solid #f6f6f6;
+			.title{
+				display: flex;
+				align-items: center;
+				width: 30%;
+				height: 100%;
+				text{
+					 color: #236030;
+					font-size: 26rpx;
+				}
+			}
+			.content{
+				display: flex;
+				align-items: center;
+				width: 70%;
+				height: 100%;
+				input{
+					width: 100%;
+					height: 100%;
+					font-size: 26rpx;
+					color: #222222;
+				}
+			}
+		}
+		.yzmBtn{
+			background: rgb(35, 96, 48);
+			color: rgb(255, 255, 255);
+			margin-bottom: 5px;
+			padding: 0px;
+			width: 126px;
+			overflow: hidden;
+			font-size: 14px;
+			height: 38px;
+			line-height: 38px;
+			color: #fff;
+			text-align: center;
+			border-radius:10rpx;
+		}
+		
+	}
+	.saveBtn{
+		background: rgb(35, 96, 48);
+		color: rgb(255, 255, 255);
+		border: 1px solid rgb(35, 96, 48);
+		overflow: hidden;
+		font-size: 28rpx;
+		height: 44px;
+		line-height: 44px;
+		text-align: center;
+		border-radius: 10rpx;
+		margin-top:50rpx;
+	}
+	.input-info{
+	  padding: 0 6%;
+	  .info{
+	    display: flex;
+	    align-items:center;
+	    justify-content: space-between;
+	    width: 100%;
+	    height: 100rpx;
+	    border-bottom: 2rpx solid #f6f6f6;
+	    input{
+	      width: 70%;
+	      height: 100%;
+	      font-size: 26rpx;
+	      color: #222222;
+	    }
+	    .more{
+	      display: flex;
+	      align-items: center;
+	      justify-content: flex-end;
+	      width: 30%;
+	      height: 100%;
+	      .iconfont{
+	        font-size: 34rpx;
+	      }
+	      .mo{
+	        font-size: 26rpx;
+	        padding-left: 20rpx;
+	        margin-left: 10rpx;
+	        border-left: 2rpx solid #EEEEEE;
+	      }
+	    }
+	  }
+	}
+}
+/deep/.u-upload__button{
+	border:1px solid #aaa;
+	margin:30rpx auto;
+}

pages/shoukuan/shoukuan.vue

@@ -0,0 +1,173 @@
+<template>
+	<view class="page">
+		<view class="tabs">
+			<view :class="activeIndex==item.id?'tabsItem active':'tabsItem'" @click="getPay(item)" v-for="item in list4" :key="item.id">
+				{{item.name}}
+			</view>
+			<view class="">
+				
+			</view>
+		</view>
+		<view >
+			<view class="yhk" v-show="activeIndex==1">
+				<view class="list-input">
+					<view class="title">
+						<text>姓名</text>
+					</view>
+					<view class="content">
+						<input type="text" v-model="yhk.bank_realname" placeholder="请输入真实姓名">
+					</view>
+				</view>
+				<view class="list-input">
+					<view class="title">
+						<text>预留手机号</text>
+					</view>
+					<view class="content">
+						<input type="tel" v-model="yhk.bank_mobile" placeholder="请输入银行预留手机号">
+					</view>
+				</view>
+				<view class="list-input">
+					<view class="title">
+						<text>卡号</text>
+					</view>
+					<view class="content">
+						<input type="tel" v-model="yhk.bank_no" placeholder="请输入银行卡号">
+					</view>
+				</view>
+				<view class="list-input">
+					<view class="title">
+						<text>开户行</text>
+					</view>
+					<view class="content">
+						<input type="tel" v-model="yhk.bank_address" placeholder="请输入开户行信息">
+					</view>
+				</view>
+				
+			</view>
+			<view class="zfb" v-show="activeIndex==2">
+				<u-upload
+					:fileList="zfbPic"
+					:previewFullImage="true" 
+					@afterRead=""
+					:maxCount="1" width="176" height="176"
+					
+					name="1"
+					multiple
+				></u-upload>
+			</view>
+			<view class="zfb" v-show="activeIndex==3">
+				<u-upload
+					:fileList="zfbPic"
+					:previewFullImage="true" 
+					@afterRead=""
+					:maxCount="1" width="176" height="176"
+					name="1"
+					multiple
+				></u-upload>
+			</view>
+			<view class="yhk">
+				<view class="list-input">
+					<view class="title">
+						<text>手机号</text>
+					</view>
+					<view class="content">
+						<input type="text" v-model="mobileForm.phone" placeholder="请输入手机号">
+					</view>
+				</view>
+				<view class="list-input">
+					<view class="title">
+						<text>验证码</text>
+					</view>
+					<view class="content">
+						<input type="text" v-model="mobileForm.code" placeholder="请输入验证码">
+					</view>
+					<view class="yzmBtn" v-show="!codeSend">
+						获取验证码
+					</view>
+					<view class="yzmBtn" v-show="codeSend">
+						{{timeNum}}s后重试
+					</view>
+				</view>
+			</view>
+			<view class="saveBtn">
+				
+				{{activeIndex==1?'保存银行卡':activeIndex==2?'保存支付宝二维码':activeIndex==3?'保存微信二维码':''}}
+			</view>
+		</view>
+
+		<u-toast ref="uToast"></u-toast>
+	</view>
+</template>
+
+<script>
+	import {updateUserInfo,smsSend} from '@/common/api.js'
+	export default {
+		data() {
+			return {
+				activeIndex:1,
+				list4: [{
+					name: '银行卡',
+					id:1
+				}, {
+					name: '支付宝',
+					id:2
+				}, {
+					name: '微信',
+					id:3
+				}],
+				yhk:{
+					bank_realname:null,
+					bank_mobile:null,
+					bank_no:null,
+					bank_address:null,
+				},
+				codeSend:false,
+				timeNum:59,
+				timer:null,
+				zfbPic:[],
+				mobileForm:{
+					phone: '',
+					code: '',
+				}
+			};
+		},
+		onLoad(option) {
+			
+		},
+		methods:{
+			getPay(item){
+				this.activeIndex = item.id
+			},
+			getCode(){
+				if(!this.mobileForm.phone){
+					this.$refs.uToast.show({
+						message:'请输入手机号码'
+					})
+					return;
+				}
+				smsSend({mobile:this.mobileForm.phone}).then(res=>{
+					if(res.code==1){
+						this.codeSend = true;
+						this.timer = setInterval(()=>{
+							if(this.timeNum>0){
+								this.timeNum--;
+							}else{
+								this.codeSend = false;
+								clearInterval(this.timer)
+								this.timer = null;
+							}
+						},1000)
+					}
+				})
+			},
+		},
+		destroyed() {
+			clearInterval(this.timer)
+			this.timer = null;
+		},
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'shoukuan.scss';
+</style>

unpackage/dist/build/h5/index.html

@@ -0,0 +1,2 @@
+<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>商城</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.fd0c9014.js></script><script src=/static/js/index.f43f9137.js></script></body></html>