From 38eff93f7818cc90de77b938f65790b88c47947e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E5=85=81=E6=9E=9E?= <3422692813@qq.com>
Date: Tue, 1 Apr 2025 17:52:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 newPages/appointment/index.vue    |  44 ++---
 newPages/appointmentAdd/index.vue | 271 +++++++++++++++++++++---------
 2 files changed, 200 insertions(+), 115 deletions(-)

diff --git a/newPages/appointment/index.vue b/newPages/appointment/index.vue
index ad901dd..5377d3e 100644
--- a/newPages/appointment/index.vue
+++ b/newPages/appointment/index.vue
@@ -36,40 +36,9 @@
             <text class="text_9">{{ item.coachName }}</text>
           </view>
         </view>
-        <view class="box_5 flex-col">
-          <view class="block_4 flex-row justify-between">
-            <view class="group_7 flex-col justify-between">
-              <text class="text_10">2025-02-20&nbsp;12:30</text>
-              <view class="section_1 flex-row justify-between">
-                <view class="text-wrapper_6 flex-col">
-                  <text class="text_11">科目二</text>
-                </view>
-                <view class="text-wrapper_7 flex-col">
-                  <text class="text_12">C2</text>
-                </view>
-              </view>
-            </view>
-            <view class="text-wrapper_8 flex-col">
-              <text class="text_13">已审核</text>
-            </view>
-          </view>
-          <view class="text-wrapper_9 flex-row justify-between">
-            <text class="text_14">时间范围：</text>
-            <text class="text_15">09:00-10:00</text>
-          </view>
-          <view class="text-wrapper_10 flex-row justify-between">
-            <text class="text_16">教练名称：</text>
-            <text class="text_17">马文峰</text>
-          </view>
-          <view class="block_5 flex-row">
-            <view class="text-wrapper_11 flex-col">
-              <text class="text_18">开始评价</text>
-            </view>
-          </view>
-        </view>
       </view>
-      <view class="box_6 flex-col">
-        <view class="text-wrapper_12 flex-col">
+      <view class="box_6 flex-col bottom_">
+        <view class="text-wrapper_12 flex-col " @click="goAppointment()">
           <text class="text_19">预约</text>
         </view>
       </view>
@@ -142,6 +111,11 @@ export default {
       this.appointmentList = []
       this.getList()
     },
+    goAppointment() {
+      uni.navigateTo({
+        url: '/newPages/appointmentAdd/index'
+      })
+    }
   }
 };
 </script>
@@ -163,4 +137,8 @@ export default {
   box-sizing: border-box;
   padding-top: 88px;
 }
+.bottom_{
+  position: fixed;
+  bottom: 0;
+}
 </style>
diff --git a/newPages/appointmentAdd/index.vue b/newPages/appointmentAdd/index.vue
index 640963a..fce9f27 100644
--- a/newPages/appointmentAdd/index.vue
+++ b/newPages/appointmentAdd/index.vue
@@ -1,67 +1,174 @@
 <template>
   <view class="page flex-col">
-    <view class="section_1 flex-row">
-      <image
-        class="image_1"
-        referrerpolicy="no-referrer"
-        src="/static/lanhu_yuyue/FigmaDDSSlicePNG5472ef46deab947fe098747eb1b07bd2.png"
-      />
-      <view class="box_1 flex-col"></view>
-      <view class="box_2 flex-col"></view>
-      <image
-        class="image_2"
-        referrerpolicy="no-referrer"
-        src="/static/lanhu_yuyue/FigmaDDSSlicePNGb239db97c719ec7467ee7c9615d3d24a.png"
-      />
+    <view class="header">
+      <headers titles="预约训练">
+        <uni-icons @click="goback()" type="arrow-left" color="#000000"
+                   size="22px"></uni-icons>
+      </headers>
     </view>
-    <view class="section_2 flex-col">
-      <view class="block_1 flex-row">
-        <image
-          class="label_1"
-          referrerpolicy="no-referrer"
-          src="/static/lanhu_yuyue/FigmaDDSSlicePNGacf527a62cbe7351c6472edd8f5b2814.png"
-        />
-        <text class="text_1">预约</text>
-        <view class="group_1 flex-col">
-          <view class="image-wrapper_1 flex-row">
-            <image
-              class="thumbnail_1"
-              referrerpolicy="no-referrer"
-              src="/static/lanhu_yuyue/FigmaDDSSlicePNGdc9929c2b5fd86c1689cc5990a0b4397.png"
-            />
-          </view>
-          <view class="section_3 flex-row justify-between">
-            <view class="box_3 flex-col"></view>
-            <view class="box_4 flex-col"></view>
-          </view>
-        </view>
-      </view>
-      <view class="list_1 flex-col">
-        <view
-          class="list-items_1 flex-col"
-          v-for="(item, index) in loopData0"
-          :key="index"
+    <view class="form_" >
+      <view class="" style="background-color: white;padding: 10rpx 15rpx;border-radius: 15rpx">
+        <u-form
+            labelPosition="left"
+            labelWidth="auto"
+            labelAlign="center"
+            :model="appointmentInfo"
+            :rules="rules"
+            ref="uForm"
         >
-          <view class="text-wrapper_1 flex-row justify-between">
-            <text class="text_2" v-html="item.lanhutext0"></text>
-            <text class="text_3" v-html="item.lanhutext1"></text>
-          </view>
-          <view class="text-wrapper_2 flex-row justify-between">
-            <text class="text_4" v-html="item.lanhutext2"></text>
-            <text class="text_5" v-html="item.lanhutext3"></text>
-          </view>
-          <view class="text-wrapper_3 flex-row justify-between">
-            <text class="text_6" v-html="item.lanhutext4"></text>
-            <text class="text_7" v-html="item.lanhutext5"></text>
-          </view>
-          <view class="text-wrapper_4 flex-row justify-between">
-            <text class="text_8" v-html="item.lanhutext6"></text>
-            <text class="text_9" v-html="item.lanhutext7"></text>
-          </view>
-        </view>
+          <u-form-item
+              label="课程名称"
+              prop="userInfo.name"
+              borderBottom
+              ref="item1"
+          >
+            <u-input
+                v-model="appointmentInfo.userInfo.name"
+                border="none"
+            ></u-input>
+          </u-form-item>
+          <u-form-item
+              label="训练类型"
+              prop="userInfo.sex"
+              borderBottom
+              @click="showSex = true; hideKeyboard()"
+              ref="item1"
+          >
+            <u-input
+                v-model="appointmentInfo.userInfo.sex"
+                disabled
+                disabledColor="#ffffff"
+                placeholder="请选择性别"
+                border="none"
+            ></u-input>
+            <u-icon
+                slot="right"
+                name="arrow-right"
+            ></u-icon>
+          </u-form-item>
+          <u-form-item
+              label="选择科目"
+              prop="userInfo.sex"
+              borderBottom
+              @click="showSex = true; hideKeyboard()"
+              ref="item1"
+          >
+            <u-input
+                v-model="appointmentInfo.userInfo.sex"
+                disabled
+                disabledColor="#ffffff"
+                placeholder="请选择性别"
+                border="none"
+            ></u-input>
+            <u-icon
+                slot="right"
+                name="arrow-right"
+            ></u-icon>
+          </u-form-item>
+          <u-form-item
+              label="教练名称"
+              prop="userInfo.sex"
+              borderBottom
+              @click="showSex = true; hideKeyboard()"
+              ref="item1"
+          >
+            <u-input
+                v-model="appointmentInfo.userInfo.sex"
+                disabled
+                disabledColor="#ffffff"
+                placeholder="请选择性别"
+                border="none"
+            ></u-input>
+            <u-icon
+                slot="right"
+                name="arrow-right"
+            ></u-icon>
+          </u-form-item>
+        </u-form>
+
+      </view>
+    </view><view class="form_" >
+      <view class="" style="background-color: white;padding: 10rpx 15rpx;border-radius: 15rpx">
+        <u-form
+            labelPosition="left"
+            labelWidth="auto"
+            :model="appointmentInfo"
+            :rules="rules"
+            ref="uForm"
+        >
+          <u-form-item
+              label="累计训练时长"
+              prop="userInfo.name"
+              borderBottom
+              ref="item1"
+          >
+            <u-input
+                v-model="appointmentInfo.userInfo.name"
+                border="none"
+            ></u-input>
+          </u-form-item>
+          <u-form-item
+              label="训练地址"
+              prop="userInfo.sex"
+              borderBottom
+              @click="showSex = true; hideKeyboard()"
+              ref="item1"
+          >
+            <u-input
+                v-model="appointmentInfo.userInfo.sex"
+                disabled
+                disabledColor="#ffffff"
+                placeholder="请选择性别"
+                border="none"
+            ></u-input>
+            <u-icon
+                slot="right"
+                name="arrow-right"
+            ></u-icon>
+          </u-form-item>
+          <u-form-item
+              label="交通方式"
+              prop="userInfo.sex"
+              borderBottom
+              @click="showSex = true; hideKeyboard()"
+              ref="item1"
+          >
+            <u-input
+                v-model="appointmentInfo.userInfo.sex"
+                disabled
+                disabledColor="#ffffff"
+                placeholder="请选择性别"
+                border="none"
+            ></u-input>
+            <u-icon
+                slot="right"
+                name="arrow-right"
+            ></u-icon>
+          </u-form-item>
+          <u-form-item
+              label="时间范围"
+              prop="userInfo.sex"
+              borderBottom
+              @click="showSex = true; hideKeyboard()"
+              ref="item1"
+          >
+            <u-input
+                v-model="appointmentInfo.userInfo.sex"
+                disabled
+                disabledColor="#ffffff"
+                placeholder="请选择性别"
+                border="none"
+            ></u-input>
+            <u-icon
+                slot="right"
+                name="arrow-right"
+            ></u-icon>
+          </u-form-item>
+        </u-form>
+
       </view>
     </view>
-    <view class="section_4 flex-col">
+    <view class="section_4 flex-col bottom_">
       <view class="text-wrapper_5 flex-col">
         <text class="text_10">开始预约</text>
       </view>
@@ -69,38 +176,38 @@
   </view>
 </template>
 <script>
+import headers from "@/components/header/headers.vue";
+
 export default {
+  components: {headers},
   data() {
     return {
-      loopData0: [
-        {
-          lanhutext0: '课程名称',
-          lanhutext1: '请填写课程名称',
-          lanhutext2: '训练类型',
-          lanhutext3: '请选择训练类型',
-          lanhutext4: '选择科目',
-          lanhutext5: '选择科目',
-          lanhutext6: '教练名称',
-          lanhutext7: '请填写教练名称'
-        },
-        {
-          lanhutext0: '累计训练时长',
-          lanhutext1: '请填写累计训练时长',
-          lanhutext2: '训练地址',
-          lanhutext3: '请选择训练地址',
-          lanhutext4: '交通方式',
-          lanhutext5: '请选择交通方式',
-          lanhutext6: '时间范围',
-          lanhutext7: '请填写时间范围'
-        }
-      ],
-      constants: {}
+      rules: {},  // 确保 rules 至少是一个空对象
+      constants: {},
+      appointmentInfo: {}, // 预约信息
     };
   },
-  methods: {}
+  methods: {
+    goback() {
+      uni.navigateBack()
+    },
+  }
 };
 </script>
 <style lang='scss'>
 @import '../common/common.scss';
 @import './assets/style/index.rpx.scss';
+.bottom_{
+  position: fixed;
+  bottom: 0;
+}
+.header {
+  width: 100%;
+  background: #f4f5f6;
+  box-sizing: border-box;
+  padding-top: 88px;
+}
+.form_ {
+  padding: 10rpx 20rpx;
+}
 </style>