订单页修改

pages/order-submit/order-submit2.vue

 <template>
 	<view class="ordersubmit">
 		<!-- @click="chosenAddress(ds.address.id)" -->
-		<view class="add-box" >
+		<view class="add-box">
 			<!-- <view v-if="address.province && address.province != ''" class="add-info"> -->
-			<view v-if="address.province && address.province != ''" class="add-info" >
+			<view v-if="address.province && address.province != ''" class="add-info">
 				<!-- <view class="address">{{ address.province + address.city + address.district }}</view> -->
 				<view v-if="namelist&&namelist.length>0" class="area">
-				<view class="name-top">
-					<view class="mask-lit22"
-						:style="{ 'background-color': mc }">{{Thename.substr(0,1)}}
-					</view>
-					<view class="switch-box1" @click="mask()">
-						<view class="switch-box2">{{Thename}}</view>
-						<view class="switch-box3" >点击切换学员</view>
+					<view class="name-top">
+						<view class="mask-lit22" :style="{ 'background-color': mc }">{{Thename.substr(0,1)}}
+						</view>
+						<view class="switch-box1" @click="mask()">
+							<view class="switch-box2">{{Thename}}</view>
+							<view class="switch-box3">点击切换学员</view>
+						</view>
 					</view>
 				</view>
-				
-				</view>
-				<view v-if="namelist.length<0" class="area"@click="chosenAddress()">请添加学员</view>
+
 				<view class="address">
+					
 					<!-- 切换学员 -->
 					<!-- <text style="margin-right: 10px;">{{ address.name }}</text>
 					<text>{{ address.mobile }}</text -->
 				</view>
 			</view>
-			<!-- <view v-else class="add-info">
-				<span style="position: relative;top: 16rpx;">请选择</span>
-			</view> -->
+			<view v-else class="add-info">
+				<view @click="chosenAddress()">请添加学员</view>
+			</view>
 			<view class="arrow" @click="chosenAddress()">
 				<u-icon name="arrow" size="32" color="#444"></u-icon>
 			</view>
 		</view>
-		
+
 		<view class="pay">
 			<view>支付方式</view>
 			<view style="text-align: right;">在线支付</view>
@@ -292,7 +291,7 @@
 				<view class="mask-down">
 					<view class="mask-down2">切换学员</view>
 					<view @click="cloGood()"></view>
-						<u-icon name="cross" color="#9F9F9F" @click="cloGood()" size="40"> </u-icon>
+					<u-icon name="cross" color="#9F9F9F" @click="cloGood()" size="40"> </u-icon>
 				</view>
 				<scroll-view scroll-y="true" style="height: 500rpx;">
 					<view>
@@ -300,7 +299,7 @@
 							<view>
 								<text class="mask-lit2"
 									:style="{ 'background-color': mc }">{{item.StuName.substr(0,1)}}</text>
-								
+
 								<text :class="[actuve==i?'mask-lit3':'mask-lit33']">{{item.StuName}}</text>
 							</view>
 							<view v-if="actuve==i">
@@ -334,13 +333,12 @@
 		data() {
 			return {
 				isAlipay: 2,
-				JJSWStuId:"",
-				Thename2:'',
-				u:{},
+				JJSWStuId: "",
+				Thename2: '',
+				u: {},
 				Thename: '姓名',
 				actuve: 0,
-				namelist: [
-				],
+				namelist: [],
 				show: false,
 				address_enable: '',
 				payExit: false,
@@ -413,7 +411,7 @@
 			};
 		},
 		onLoad(option) {
-			this.u =  uni.getStorageSync('mall_UserInfo')
+			this.u = uni.getStorageSync('mall_UserInfo')
 			if (option.goods) {
 				this.formData.list[0].goods_list = JSON.parse(decodeURIComponent(option.goods));
 			}
@@ -446,18 +444,18 @@
 		methods: {
 			// 学员列表
 			studentslist() {
-				let testCmd='/api/WeChatPublic/GetStuList'
+				let testCmd = '/api/WeChatPublic/GetStuList'
 				let postMsg = {
 					UnionId: this.u.Unoinid
 				}
 				this.requestJJSWAdmin(testCmd, postMsg,
 					(res) => {
-						if(res.data.Data.length>0) {
+						if (res.data.Data.length > 0) {
 							this.namelist = res.data.Data
 							this.Thename = res.data.Data[0].StuName
 							this.JJSWStuId = res.data.Data[0].StuId
 						}
-						
+
 					}
 				);
 			},
@@ -515,7 +513,7 @@
 					});
 					return;
 				}
-				if(that.JJSWStuId==''||that.Thename=='') {
+				if (that.JJSWStuId == '' || that.Thename == '') {
 					this.$refs.uToast.show({
 						title: '请添加学员！',
 						type: 'warning'
@@ -836,15 +834,16 @@
 </script>
 
 <style>
-	.determine-box{
-		    margin: auto;
-		    height: 80rpx;
-		    font-size: 28rpx;
-		    display: flex;
-		    justify-content: center;
-		    align-items: center;
-			margin-top: 50rpx;
+	.determine-box {
+		margin: auto;
+		height: 80rpx;
+		font-size: 28rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-top: 50rpx;
 	}
+
 	.determine-box2 {
 		display: flex;
 		justify-content: center;
@@ -854,29 +853,34 @@
 		color: #fff;
 		height: 80rpx;
 	}
-	.mask-lit22{
+
+	.mask-lit22 {
 		width: 50rpx;
-		    height: 50rpx;
-		    display: flex;
-		    justify-content: center;
-		    align-items: center;
-		    font-size: 30rpx;
-			border-radius: 50%;
-			text-align: center;
-			    line-height: 40rpx;
-			    color: #FFF;
-				margin-right: 20rpx;
+		height: 50rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 30rpx;
+		border-radius: 50%;
+		text-align: center;
+		line-height: 40rpx;
+		color: #FFF;
+		margin-right: 20rpx;
 	}
-	.switch-box2{
+
+	.switch-box2 {
 		font-size: 25rpx;
 	}
-	.switch-box3{
+
+	.switch-box3 {
 		font-size: 18rpx;
-		    color: #999;
+		color: #999;
 	}
-	.name-top{
+
+	.name-top {
 		display: flex;
 	}
+
 	.mask-lit {
 		display: flex;
 		justify-content: space-between;