From 323e15396765e15dc5fb2327a906e6ef9ad38b43 Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Mon, 31 Jul 2023 15:31:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=20=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=9A=84=E5=9C=B0=E5=8C=BA=E4=B8=8D=E9=99=90=E3=80=81=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=BC=96=E8=BE=91=E7=9A=84=E8=BE=B9=E6=A1=86?=
 =?UTF-8?q?=E3=80=81=E8=BE=93=E5=85=A5=E9=95=BF=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/public/apartment-item.vue   | 10 ++++--
 src/components/public/public-list-item.vue |  2 +-
 src/views/edit.vue                         | 38 ++++++++++++++--------
 3 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/src/components/public/apartment-item.vue b/src/components/public/apartment-item.vue
index 85b65eb..1fa5d5c 100644
--- a/src/components/public/apartment-item.vue
+++ b/src/components/public/apartment-item.vue
@@ -7,12 +7,13 @@
             <div class="tab-item flexcenter" v-for="it in item['tags'].split(',')">{{ it }}</div>
         </div>
         <div class="location flexacenter" v-if="item['address']">
-            <img class="location-icon" src="@/assets/img/publicImage/location-icon.png">{{ item['address'] }}
+            <img class="location-icon" src="@/assets/img/publicImage/location-icon.png">
+            <div class="ellipsis">{{ item['address'] }}</div>
         </div>
 
         <div class="type-list" v-if="item['roomlist']">
             <div class="type-item flexacenter" v-for="it in item['roomlist']">
-                <div class="type-name flex1">{{ it['name'] }}</div>
+                <div class="type-name flex1 ellipsis">{{ it['name'] }}</div>
                 <div class="type-data flexacenter">
                     <div class="unit">HK$</div>
                     <div class="price">{{ it['price'] }}</div>
@@ -86,7 +87,8 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
         padding-left: 6px;
 
         .tab-item {
-            height: 28px;
+            // height: 28px;
+            line-height: 28px;
             background-color: rgba(224, 240, 255, 1);
             border-radius: 5px;
             font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
@@ -96,6 +98,7 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
             padding: 0 11px;
             margin-right: 10px;
             margin-bottom: 10px;
+            word-break: break-word;
         }
     }
 
@@ -130,6 +133,7 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
             .type-name {
                 color: #000000;
                 font-size: 15px;
+                padding-right: 15px;
             }
 
             .type-data {
diff --git a/src/components/public/public-list-item.vue b/src/components/public/public-list-item.vue
index 1088fe1..cbab7ba 100644
--- a/src/components/public/public-list-item.vue
+++ b/src/components/public/public-list-item.vue
@@ -30,7 +30,7 @@
                             <template v-for="it in item['location']">
                                 <div class="address-item flexacenter" v-if="it">
                                     <img src="../../assets/homeImage/addMarker.png" class="img" alt="">
-                                    {{ location[it >>> 0] + ' > ' + location[it] }}
+                                    {{ location[it >>> 0] + ' > ' + (it >>> 0 == it ? '不限' : location[it]) }}
                                 </div>
                             </template>
                         </template>
diff --git a/src/views/edit.vue b/src/views/edit.vue
index b882c36..a236381 100644
--- a/src/views/edit.vue
+++ b/src/views/edit.vue
@@ -70,8 +70,8 @@
                         <div class="modeTwo-item flexacenter" :class="{ 'pitch': info['leasetime'] }" ref="leasetime">
                             <el-date-picker prefix-icon="" clear-icon="" v-model="info.leasetime" type="date"
                                 placeholder="选择日期"></el-date-picker>
-                            <img class="arrows-icon" src="@/assets/img/edit/arrows.svg" />
-                            <img class="arrows-icon-pitch" src="@/assets/img/edit/blue-arrow.svg" />
+                            <img class="arrows-icon rotate0" src="@/assets/img/edit/arrows.svg" />
+                            <img class="arrows-icon-pitch rotate0" src="@/assets/img/edit/blue-arrow.svg" />
                         </div>
                     </div>
 
@@ -335,7 +335,7 @@
 
                     <!-- 目标区域 - 有数据 -->
                     <div v-if="item.field == 'location' && intermediary == 6 && info.location.length != 0" ref="location"
-                        class="form-option flexacenter target-area-box">
+                        class="form-option flexacenter target-area-box" style="border-color: rgb(235, 235, 235);">
                         <div class="target-area-item flexacenter" v-for="(item, index) in info.location" :key="index">
                             <div class="target-area-item-index flexcenter">{{ index + 1 }}</div>
                             {{ locationObj[item >>> 0] }} > {{ item >>> 0 == item ? '不限' : locationObj[item] }}
@@ -505,10 +505,10 @@
                         </div>
                     </div>
 
-                    <el-input v-if="item.field == 'whatsapp'" class="relation-input" :placeholder="item.placeholder"
-                        v-model="info.whatsapp"></el-input>
-                    <el-input v-if="item.field == 'tel'" class="relation-input" :placeholder="item.placeholder"
-                        v-model="info.tel">
+                    <el-input v-if="item.field == 'whatsapp'" maxlength="50" class="relation-input"
+                        :placeholder="item.placeholder" v-model="info.whatsapp"></el-input>
+                    <el-input v-if="item.field == 'tel'" maxlength="50" class="relation-input"
+                        :placeholder="item.placeholder" v-model="info.tel">
                     </el-input>
 
                 </div>
@@ -583,7 +583,7 @@
     </div>
 
     <!-- 发布成功 -->
-    <div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 1">
+    <div class="flexcenter pop-mask" v-if="succeedPopState == 1">
         <div class="pop succeed-box shadow radius16 flexflex"
             :style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj2.svg')})` }" @click.stop="">
             <div class="pop-close" @click="skipDetails()" style="position: static;">
@@ -593,7 +593,7 @@
                 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
             </div>
 
-            <div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0">
+            <div class="QRCode-box flexcenter">
                 <img class="QRCode-img" :src="qrcodeBase64" />
             </div>
             <div class="succeed-hint flexacenter">绑定 <div class="bold">寄托港校租小程序</div> 解锁以下操作</div>
@@ -610,7 +610,7 @@
             <div class="succeed-examine" @click="skipDetails()">查看刚刚发布的{{ intermediary == 6 ? '求' : '' }}房源</div>
         </div>
     </div>
-    <div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 2">
+    <div class="flexcenter pop-mask" v-if="succeedPopState == 2">
         <div class="pop succeed-box shadow radius16 flexflex" style="padding-bottom: 99px;" @click.stop="">
             <div class="pop-close" @click="skipDetails()" style="position: static;">
                 <img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
@@ -620,7 +620,7 @@
                 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
             </div>
 
-            <div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0">
+            <div class="QRCode-box flexcenter">
                 <img class="QRCode-img" :src="qrcodeBase64" />
             </div>
 
@@ -629,7 +629,7 @@
             <div class="succeed-examine" @click="skipDetails()">查看刚刚发布的求房源</div>
         </div>
     </div>
-    <div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 3">
+    <div class="flexcenter pop-mask" v-if="succeedPopState == 3">
         <div class="pop succeed-box shadow radius16 flexflex" style="padding-bottom: 58px;"
             :style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj1.svg')})` }" @click.stop="">
             <div class="pop-close" @click="skipDetails()" style="position: static;">
@@ -639,7 +639,7 @@
                 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
             </div>
 
-            <div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0">
+            <div class="QRCode-box flexcenter ">
                 <img class="QRCode-img" :src="qrcodeBase64" />
             </div>
 
@@ -984,6 +984,12 @@ export default {
             }
 
             const file = event.target.files[0];
+
+            if ((file['size'] / 1024 / 1024) > 10) {
+                this.$message.error("请大小小于10M");
+                return
+            }
+
             const reader = new FileReader();
             reader.onload = () => {
                 this.myImage = reader.result;
@@ -1370,7 +1376,7 @@ export default {
         },
 
         // 跳转
-        skipDetails(){
+        skipDetails() {
             this.$router.push(`/detail?id=${this.uniqid}`)
         },
 
@@ -2734,4 +2740,8 @@ export default {
 
     }
 }
+
+.rotate0 {
+    transform: rotate(0deg) !important;
+}
 </style>
\ No newline at end of file