222

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "official",
+  "name": "预约看房",
   "version": "0.1.0",
   "lockfileVersion": 1,
   "requires": true,

src/views/Details.vue

@@ -79,24 +79,24 @@
       </div>
     </div>
     <!-- 底部 -->
-    <div
-      class="bom-btn"
-      style="position: fixed; bottom: 5px;"
-    >
-      <el-row>
-        <el-col :span="7">
+    <div class="bom-btn">
+      <el-row
+        :gutter="0"
+        style="z-index: 9; position: fixed; bottom: 0px; width: 100%"
+      >
+        <el-col :span="6">
           <el-button
             icon="el-icon-location"
             style="border:0;"
           >导航</el-button>
         </el-col>
-        <el-col :span="9">
+        <el-col :span="8">
           <el-button
             type="warning"
             style="background: linear-gradient(270deg, #55F0E2 0%, #00D8EB 100%); border: 0; border-radius: 8px;"
           >一键拨号</el-button>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="10">
           <el-button
             type="primary"
             style="border: 0; background: linear-gradient(270deg, #22D8FF 0%, #0FAFFF 100%); border-radius: 8px; width: 128px;"
@@ -108,8 +108,9 @@
     <el-drawer
       :visible.sync="drawer"
       direction="btt"
-      :show-close='showClose'
-      :wrapperClosable="showClose"
+      :show-close='drawer'
+      :wrapper-closable="false"
+      :before-close="false"
       ref="handleClose"
     >
       <el-form
@@ -206,7 +207,7 @@ export default {
   methods: {
     // 页面渲染
     async urlencoded () {
-      const { data: res } = await this.$axios.get('/appointment/find/' + this.queryhouseId);
+      const { data: res } = await this.$axios.get('/sc-official/appointment/find/' + this.queryhouseId);
       if (res.status == 0) {
         this.details.push(res.data);
       }
@@ -214,15 +215,14 @@ export default {
     },
     // 确认预约
     confirmAppointment () {
-
       this.addconfirmAppointment();
     },
     async addconfirmAppointment () {
-      const { data: res } = await this.$axios.post('/appointment/add', this.formInfo);
+      const { data: res } = await this.$axios.post('/sc-official/appointment/add', this.formInfo);
       if (res.status == 0 && this.formInfo.clientName != '' && this.formInfo.clientPhone != '' && this.formInfo.clientType != '') {
         this.$refs.handleClose.closeDrawer();
       } else {
-        return this.$message.error('提交失败');
+        return this.$message.error('请重新输入');
       }
     },
     // 图片
@@ -264,6 +264,10 @@ export default {
 
 
 <style lang="less">
+.el-drawer .btt {
+  height: 48%;
+}
+
 .Picture {
   height: 200px;
   margin-bottom: 5px;
@@ -324,7 +328,7 @@ h3 {
 }
 .bom-btn {
   .el-button {
-    border-radius: 0 !important;
+    border-radius: 4pt !important;
     padding: 12px 22px !important;
   }
 }

src/views/HomeView.vue

@@ -577,7 +577,7 @@ h5 {
 }
 .screen {
   height: 50px;
-  margin: 5px 0;
+  margin: 15px 0;
   padding: 0 20px;
   line-height: 50px;
 }