XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改 列表的地区不限、 修改编辑的边框、输入长度

Browse Source
This commit is contained in:
A1300399510
2023-07-31 15:31:16 +08:00
parent 6b0baef36c
commit 323e153967
3 changed files with 32 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/public/apartment-item.vue
View File

@@ -7,12 +7,13 @@
<div class="tab-item flexcenter" v-for="it in item['tags'].split(',')">{{ it }}</div> <div class="tab-item flexcenter" v-for="it in item['tags'].split(',')">{{ it }}</div>
</div> </div>
<div class="location flexacenter" v-if="item['address']"> <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>
<div class="type-list" v-if="item['roomlist']"> <div class="type-list" v-if="item['roomlist']">
<div class="type-item flexacenter" v-for="it in 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="type-data flexacenter">
<div class="unit">HK$</div> <div class="unit">HK$</div>
<div class="price">{{ it['price'] }}</div> <div class="price">{{ it['price'] }}</div>
@@ -86,7 +87,8 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
padding-left: 6px; padding-left: 6px;
.tab-item { .tab-item {
height: 28px; // height: 28px;
line-height: 28px;
background-color: rgba(224, 240, 255, 1); background-color: rgba(224, 240, 255, 1);
border-radius: 5px; border-radius: 5px;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
@@ -96,6 +98,7 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
padding: 0 11px; padding: 0 11px;
margin-right: 10px; margin-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
word-break: break-word;
} }
} }
@@ -130,6 +133,7 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
.type-name { .type-name {
color: #000000; color: #000000;
font-size: 15px; font-size: 15px;
padding-right: 15px;
} }
.type-data { .type-data {

2
src/components/public/public-list-item.vue
View File

@@ -30,7 +30,7 @@
<template v-for="it in item['location']"> <template v-for="it in item['location']">
<div class="address-item flexacenter" v-if="it"> <div class="address-item flexacenter" v-if="it">
<img src="../../assets/homeImage/addMarker.png" class="img" alt=""> <img src="../../assets/homeImage/addMarker.png" class="img" alt="">
{{ location[it >>> 0] + ' > ' + location[it] }} {{ location[it >>> 0] + ' > ' + (it >>> 0 == it ? '不限' : location[it]) }}
</div> </div>
</template> </template>
</template> </template>

38
src/views/edit.vue
View File

@@ -70,8 +70,8 @@
<div class="modeTwo-item flexacenter" :class="{ 'pitch': info['leasetime'] }" ref="leasetime"> <div class="modeTwo-item flexacenter" :class="{ 'pitch': info['leasetime'] }" ref="leasetime">
<el-date-picker prefix-icon="" clear-icon="" v-model="info.leasetime" type="date" <el-date-picker prefix-icon="" clear-icon="" v-model="info.leasetime" type="date"
placeholder="选择日期"></el-date-picker> placeholder="选择日期"></el-date-picker>
<img class="arrows-icon" src="@/assets/img/edit/arrows.svg" /> <img class="arrows-icon rotate0" src="@/assets/img/edit/arrows.svg" />
<img class="arrows-icon-pitch" src="@/assets/img/edit/blue-arrow.svg" /> <img class="arrows-icon-pitch rotate0" src="@/assets/img/edit/blue-arrow.svg" />
</div> </div>
</div> </div>
@@ -335,7 +335,7 @@
<!-- 目标区域 - 有数据 --> <!-- 目标区域 - 有数据 -->
<div v-if="item.field == 'location' && intermediary == 6 && info.location.length != 0" ref="location" <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 flexacenter" v-for="(item, index) in info.location" :key="index">
<div class="target-area-item-index flexcenter">{{ index + 1 }}</div> <div class="target-area-item-index flexcenter">{{ index + 1 }}</div>
{{ locationObj[item >>> 0] }} > {{ item >>> 0 == item ? '不限' : locationObj[item] }} {{ locationObj[item >>> 0] }} > {{ item >>> 0 == item ? '不限' : locationObj[item] }}
@@ -505,10 +505,10 @@
</div> </div>
</div> </div>
<el-input v-if="item.field == 'whatsapp'" class="relation-input" :placeholder="item.placeholder" <el-input v-if="item.field == 'whatsapp'" maxlength="50" class="relation-input"
v-model="info.whatsapp"></el-input> :placeholder="item.placeholder" v-model="info.whatsapp"></el-input>
<el-input v-if="item.field == 'tel'" class="relation-input" :placeholder="item.placeholder" <el-input v-if="item.field == 'tel'" maxlength="50" class="relation-input"
v-model="info.tel"> :placeholder="item.placeholder" v-model="info.tel">
</el-input> </el-input>
</div> </div>
@@ -583,7 +583,7 @@
</div> </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" <div class="pop succeed-box shadow radius16 flexflex"
:style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj2.svg')})` }" @click.stop=""> :style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj2.svg')})` }" @click.stop="">
<div class="pop-close" @click="skipDetails()" style="position: static;"> <div class="pop-close" @click="skipDetails()" style="position: static;">
@@ -593,7 +593,7 @@
<img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
</div> </div>
<div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0"> <div class="QRCode-box flexcenter">
<img class="QRCode-img" :src="qrcodeBase64" /> <img class="QRCode-img" :src="qrcodeBase64" />
</div> </div>
<div class="succeed-hint flexacenter">绑定 <div class="bold">寄托港校租小程序</div> 解锁以下操作</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 class="succeed-examine" @click="skipDetails()">查看刚刚发布的{{ intermediary == 6 ? '求' : '' }}房源</div>
</div> </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 succeed-box shadow radius16 flexflex" style="padding-bottom: 99px;" @click.stop="">
<div class="pop-close" @click="skipDetails()" style="position: static;"> <div class="pop-close" @click="skipDetails()" style="position: static;">
<img class="pop-close" src="@/assets/img/edit/close-icon.svg" /> <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" />发布成功 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
</div> </div>
<div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0"> <div class="QRCode-box flexcenter">
<img class="QRCode-img" :src="qrcodeBase64" /> <img class="QRCode-img" :src="qrcodeBase64" />
</div> </div>
@@ -629,7 +629,7 @@
<div class="succeed-examine" @click="skipDetails()">查看刚刚发布的求房源</div> <div class="succeed-examine" @click="skipDetails()">查看刚刚发布的求房源</div>
</div> </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;" <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=""> :style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj1.svg')})` }" @click.stop="">
<div class="pop-close" @click="skipDetails()" style="position: static;"> <div class="pop-close" @click="skipDetails()" style="position: static;">
@@ -639,7 +639,7 @@
<img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
</div> </div>
<div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0"> <div class="QRCode-box flexcenter ">
<img class="QRCode-img" :src="qrcodeBase64" /> <img class="QRCode-img" :src="qrcodeBase64" />
</div> </div>
@@ -984,6 +984,12 @@ export default {
} }
const file = event.target.files[0]; const file = event.target.files[0];
if ((file['size'] / 1024 / 1024) > 10) {
this.$message.error("请大小小于10M");
return
}
const reader = new FileReader(); const reader = new FileReader();
reader.onload = () => { reader.onload = () => {
this.myImage = reader.result; this.myImage = reader.result;
@@ -1370,7 +1376,7 @@ export default {
}, },
// 跳转 // 跳转
skipDetails(){ skipDetails() {
this.$router.push(`/detail?id=${this.uniqid}`) this.$router.push(`/detail?id=${this.uniqid}`)
}, },
@@ -2734,4 +2740,8 @@ export default {
} }
} }
.rotate0 {
transform: rotate(0deg) !important;
}
</style> </style>