保存进度

components/bottomModules/bottom1.vue

@@ -11,24 +11,38 @@
                 <view class="text">
                     <view class="bg" />
                     <view class="iconfont icon-renyuan-hui" />
-                    <input class="input" type="text" v-model="name" placeholder="请输入您的姓名">
+                    <input class="input" type="text" v-model="content.name" placeholder="请输入您的姓名">
                 </view>
 
                 <view class="text">
                     <view class="bg" />
                     <view class="iconfont icon-dianhua-hui" />
-                    <input class="input" type="number" v-model="phoneNumber" placeholder="请输入您的电话号码">
+                    <input class="input" type="number" v-model="content.phoneNumber" placeholder="请输入您的电话号码">
                 </view>
 
+                <picker mode='region' @change="getRegion">
+                    <view class="text">
+                        <view class="bg" />
+                        <view class="iconfont icon-dizhi-hui1" />
+                        <view style="color: #fff;" v-if="content.province">
+                            {{ this.getCity(content, false) }}
+                        </view>
+                        <view v-else style="opacity: .3;color: #fff;font-size: 14px;">
+                            请选择城市
+                        </view>
+                    </view>
+                </picker>
+
                 <view class="text textarea-box">
                     <view class="bg" />
                     <view class="iconfont icon-dizhi-hui1" />
-                    <textarea class="textarea" v-model="address" placeholder="请输入您的具体地址（省、市、区/县）" />
+                    <textarea class="textarea" v-model="content.address" placeholder="请输入您的具体地址（街道、楼号、门牌号等）" />
                 </view>
 
                 <view class="but" hover-class="navigator-hover" @click="submit">
                     立即免费预约 >
                 </view>
+
             </view>
         </view>
     </view>
@@ -37,24 +51,69 @@
 <script>
 export default {
     name: "bottom1",
+    props: {
+        ownertable: {
+            type: String
+        },
+        ownerid: {
+            type: [String, Number]
+        },
+        type: {
+            type: String
+        },
+        typemx: {
+            type: String
+        },
+        extrajson: {
+            type: Object
+        }
+    },
     data() {
         return {
-            name: "",
-            phoneNumber: "",
-            address: ""
+            content: {
+                name: "",
+                phoneNumber: "",
+                address: "",
+                "province": "",
+                "city": "",
+                "county": "",
+            }
         }
     },
     methods: {
         submit() {
-            console.log(this.name)
-            console.log(this.phoneNumber)
-            console.log(this.address)
-            uni.showModal({
-                title: '提交成功',
-                content: '感谢您的支持，工作人员会第一时间跟您联系！',
-                showCancel: false,
-                confirmColor: '#C30D23',
+            let content = this.content;
+            content.ownertable = this.ownertable;
+            content.ownerid = this.ownerid;
+            content.type = this.type;
+            content.typemx = this.typemx;
+            content.extrajson = this.extrajson;
+            this.$Http.basic({
+                "id": 20240513144602,
+                content
+            }).then(res => {
+                console.log("提交预约单", res)
+                if (this.cutoff(res.msg)) return;
+                uni.showModal({
+                    title: '提交成功',
+                    content: '感谢您的支持，工作人员会第一时间跟您联系！',
+                    showCancel: false,
+                    confirmColor: '#C30D23',
+                })
+                this.content = {
+                    name: "",
+                    phoneNumber: "",
+                    address: "",
+                    "province": "",
+                    "city": "",
+                    "county": "",
+                };
             })
+        },
+        getRegion(e) {
+            this.content.province = e.detail.value[0];
+            this.content.city = e.detail.value[1];
+            this.content.county = e.detail.value[2];
         }
     },
 }
@@ -64,7 +123,7 @@ export default {
 .box {
     position: relative;
     width: 100vw;
-    height: 381px;
+    height: 436px;
 
     .image {
         width: 100%;