订单页修改

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 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="switch-box3">点击切换学员</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>
@@ -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,
@@ -446,13 +444,13 @@
 		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,7 +834,7 @@
 </script>
 
 <style>
-	.determine-box{
+	.determine-box {
 		margin: auto;
 		height: 80rpx;
 		font-size: 28rpx;
@@ -845,6 +843,7 @@
 		align-items: center;
 		margin-top: 50rpx;
 	}
+
 	.determine-box2 {
 		display: flex;
 		justify-content: center;
@@ -854,7 +853,8 @@
 		color: #fff;
 		height: 80rpx;
 	}
-	.mask-lit22{
+
+	.mask-lit22 {
 		width: 50rpx;
 		height: 50rpx;
 		display: flex;
@@ -867,16 +867,20 @@
 		color: #FFF;
 		margin-right: 20rpx;
 	}
-	.switch-box2{
+
+	.switch-box2 {
 		font-size: 25rpx;
 	}
-	.switch-box3{
+
+	.switch-box3 {
 		font-size: 18rpx;
 		color: #999;
 	}
-	.name-top{
+
+	.name-top {
 		display: flex;
 	}
+
 	.mask-lit {
 		display: flex;
 		justify-content: space-between;