提交

src/components/edit/choosingIdentity.vue

@@ -165,9 +165,6 @@ export default {
         }
     }
 
-
-
-
     .choice-explain {
         color: #555555;
         font-size: 14px;

src/components/edit/fail-pop.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="flexcenter pop-mask" @click="$emit('close')" v-if="failPopState">
+        <div class="pop fail-box shadow radius16 flexcenter">
+            <img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
+            <img class="fail-icon" src="@/assets/img/edit/fail-icon.png" />
+            <div class="fail-title">提交失败</div>
+            <div class="fail-text">已存为草稿</div>
+            <div class="fail-hint">房源数量已达上限</div>
+            <div class="fail-hint" style="margin-bottom: 57px;">下架旧房源，便可发布新房源</div>
+            <div class="fail-btn flexcenter">
+                房源管理<img class="fail-btn-icon" src="@/assets/img/edit/fail-btn-icon.svg" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: ["failPopState"],
+    name: 'GterFangFailPop',
+};
+</script>
+
+<style lang="less" scoped>
+.pop-mask {
+    position: fixed;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background: rgba(0, 0, 0, 0.698039215686274);
+    z-index: 1000;
+}
+
+.pop {
+    z-index: 2;
+    background-color: #fff;
+    position: relative;
+
+    .pop-close {
+        width: 14px;
+        height: 14px;
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        cursor: pointer;
+    }
+
+    &.fail-box {
+        width: 500px;
+        flex-direction: column;
+        padding-top: 60px;
+        padding-bottom: 70px;
+
+        .fail-icon {
+            width: 80px;
+            height: 80px;
+            margin-bottom: 22px;
+        }
+
+        .fail-title {
+            color: #333;
+            font-size: 24px;
+            font-weight: 650;
+            margin-bottom: 7px;
+        }
+
+        .fail-text {
+            color: #aaa;
+            font-size: 14px;
+            margin-bottom: 43px;
+        }
+
+        .fail-hint {
+            color: #555;
+            font-size: 16px;
+            margin-bottom: 14px;
+        }
+
+        .fail-btn {
+            width: 240px;
+            height: 50px;
+            background-color: rgba(98, 177, 255, 1);
+            border-radius: 120px;
+            font-size: 20px;
+            color: #fff;
+            font-weight: 700;
+            cursor: pointer;
+
+            .fail-btn-icon {
+                width: 24px;
+                height: 24px;
+                margin-left: 10px;
+            }
+        }
+
+    }
+
+}
+</style>

src/components/edit/how-pop.vue

@@ -0,0 +1,59 @@
+<template>
+    <div class="flexcenter pop-mask" @click="$emit('close')" v-if="howBoxState">
+        <div class="pop how-box shadow radius16" @click.stop="">
+            <img class="pop-close" @click.stop="$emit('close')" src="@/assets/img/edit/close-icon.svg" />
+            <div class="how-title">如何获取微信二维码？</div>
+            <img class="how-img" src="@/assets/img/edit/how-img.svg" />
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: ['howBoxState'],
+}
+</script>
+
+<style lang="less" scoped>
+.pop-mask {
+    position: fixed;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background: rgba(0, 0, 0, 0.698039215686274);
+    z-index: 1000;
+}
+.pop {
+    z-index: 2;
+    background-color: #fff;
+
+    .pop-close {
+        width: 14px;
+        height: 14px;
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        cursor: pointer;
+    }
+
+    &.how-box {
+        position: relative;
+        padding: 40px 45px 40px;
+
+        .how-title {
+            font-size: 20px;
+            font-weight: 650;
+            color: #000;
+            margin-bottom: 32px;
+            text-align: center;
+
+        }
+
+        .how-img {
+            width: 550px;
+            height: 584px;
+        }
+    }
+
+}
+</style>

src/components/edit/map.vue

@@ -46,9 +46,6 @@ export default {
     mounted() {
         let that = this
         let info = this.info
-
-        console.log("info['latitude']", info['latitude']);
-
         if (info['latitude']) {
             this.latlng = {
                 longitude: info['longitude'],