feat: 快速预定交互调整

src/pages-booking/components/ConactSection/index.vue

@@ -12,7 +12,7 @@
       </view>
     </view>
     <view class="right">
-      <Stepper v-model="quantity" />
+      <Stepper v-model="count" />
     </view>
   </view>
 
@@ -27,6 +27,7 @@
       <view class="right">
         <input
           class="border-box rounded-8 px-4 py-2 font-size-15 color-000 line-height-20"
+          v-model="userFormList[0].contactPhone"
           placeholder="请输入联系手机"
           maxlength="11"
         />
@@ -36,10 +37,27 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { computed, defineProps } from "vue";
 import Stepper from "@/components/Stepper/index.vue";
 
-const quantity = ref(1);
+const props = defineProps({
+  modelValue: {
+    type: Number,
+    default: 1,
+  },
+  userFormList: {
+    type: Array,
+    default: () => [{ contactPhone: "" }],
+  },
+});
+
+const emit = defineEmits(["update:modelValue"]);
+const count = computed({
+  get: () => props.modelValue,
+  set: (val) => {
+    emit("update:modelValue", val);
+  },
+});
 </script>
 
 <style></style>