03-04

pageB/yuyue-list.vue

@@ -4,13 +4,13 @@
 			<view class="left">
 				<view class="hflex aend left-top">
 					<text>预约成功</text>
-					<text>{{item.time}}</text>
+					<text>{{item.date}}</text>
 				</view>
 				<view class="left-bottom">恭喜！你已成功的提交了预约拍摄</view>
 			</view>
 			<view class="right">
-				<view class="btn1" v-if="item.status == 1">添加客服</view>
-				<view class="btn2" v-if="item.status == 2">已完成</view>
+				<view class="btn1" v-if="item.status == 'applied'">添加客服</view>
+				<view class="btn2" v-if="item.status == ''">已完成</view>
 			</view>
 		</view>
 	</view>
@@ -21,7 +21,9 @@
 	export default {
 		data() {
 			return {
-				list: []
+				list: [],
+				page: 1,
+				last_page: 1
 			}
 		},
 		onLoad() {
@@ -38,16 +40,23 @@
 		},
 		methods: {
 			getlist() {
-				this.list = [
-					{
-						time: '2023-10-30 周三',
-						status: 1
-					},
-					{
-						time: '2023-10-30 周三',
-						status: 2
-					},
-				]
+				var _this = this
+				$api.req({
+					url: 'shoot-appointment',
+					method: 'get',
+					data: {
+						is_page: 1,
+						page: _this.page,
+						limit: 10
+					}
+				}, function(res) {
+					if(res.code == 10000) {
+						_this.list = _this.list.concat(res.data.list)
+						_this.last_page = res.data.last_page
+						console.log('list=',_this.list);
+					}
+				})
+				
 			}
 		}
 	}

pageB/yuyue-vip.vue

@@ -20,16 +20,16 @@
 			</view>
 			<view class="cell hflex acenter">
 				<view class="label">拍摄预算</view>
-				<u-input placeholder="请输入您的预算资金" v-model="money" border="none" > </u-input>
+				<u-input placeholder="请输入您的预算资金" v-model="price" border="none" > </u-input>
 			</view>
 			<view class="cell hflex acenter jbetween" @click="show_youhui = true">
 				<view class="label">优惠券</view>
-				<u-input placeholder="不使用" v-model="youhui" border="none" :disabled="true" disabledColor="#FFFFFF" > </u-input>
+				<u-input placeholder="不使用" v-model="coupon.name || '不使用'" border="none" :disabled="true" disabledColor="#FFFFFF" > </u-input>
 				<image src="static/down.png" mode="aspectFill"></image>
 			</view>
 		</view>
 		<view class="bottom hflex acenter jcenter">
-			<view class="btn">提交表单</view>
+			<view class="btn" @click="submit">提交表单</view>
 		</view>
 		<u-popup :show="show_time" mode="bottom" :round="14" @close="toclose">
 			<time-box :list="timelist" @sure="selecttime" @close="toclose"></time-box>
@@ -54,13 +54,18 @@
 				name: '',
 				mobile: '',
 				time: '',
+				date: '',
 				address: '',
-				money: '',
+				price: '',
 				youhui: '',
 				show_time: false,
 				show_youhui: false,
 				youhui_list: [],
-				timelist: []
+				timelist: [],
+				coupon: {
+					id: '',
+					name: ''
+				},
 			}
 		},
 		onLoad() {
@@ -76,6 +81,26 @@
 			
 		},
 		methods: {
+			submit() {
+				var _this = this
+				$api.req({
+					url: 'shoot-appointment',
+					method: 'POST',
+					data: {
+						name: _this.name,
+						mobile: _this.mobile,
+						date: _this.date,
+						address: _this.address,
+						price: _this.price,
+						coupon_id: _this.coupon.id ? _this.coupon.id : '0',
+					}
+				}, function(res) {
+					if(res.code == 10000) {
+						$api.info(res.msg)
+						uni.navigateBack()
+					}
+				})
+			},
 			selectyouhui(e) {
 				this.youhui = this.youhui_list[e].title
 				this.toclose()
@@ -94,32 +119,34 @@
 					this.youhui_list.push(youhui)
 				}
 				
-				this.timelist = [
-					{
-						id: 1,
-						name: '11月7日 星期二'
-					},
-					{
-						id: 2,
-						name: '11月8日 星期三'
-					},
-					{
-						id: 3,
-						name: '11月9日 星期四'
-					},
-					{
-						id: 4,
-						name: '11月10日 星期五'
-					},
-					{
-						id: 5,
-						name: '11月11日 星期六'
-					},
-				]
+				const days = 7; // 近7天
+				const week = ['日', '一', '二', '三', '四', '五', '六']; // 星期
+				 
+				const dateList = Array.from({ length: days }, (v, i) => i).map(day => {
+				  const date = new Date();
+				  date.setDate(date.getDate() + day);
+				  let month = date.getMonth() + 1
+				  if(month < 10) {
+					  month = '0' + month
+				  }
+				  let today = date.getDate()
+				  if(today<10) {
+					  today = '0' + today
+				  }
+				  return date.getFullYear() + '-' + month + '-' + today + ' 星期' + week[date.getDay()];
+				});
+				for(var i=0;i<dateList.length;i++) {
+					this.timelist.push({
+						id: i+1,
+						name: dateList[i],
+						value: dateList[i].slice(0,10)
+					})
+				}
 			},
 			selecttime(e) {
 				console.log(e);
 				this.time = this.timelist[e].name
+				this.date = this.timelist[e].value
 				this.toclose()
 			},
 			toclose() {