This commit is contained in:
A1300399510
2023-08-04 16:32:22 +08:00
parent 7bb08c8660
commit c568395d30
7 changed files with 49 additions and 34 deletions

View File

@@ -11,6 +11,7 @@ import login from '@/components/public/login.vue'
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
} }
a { a {

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="user-box shadow radius16 flexflex"> <div class="user-box shadow radius16 flexflex">
<img class="user-img" :src="user.avatar"> <img class="user-img" :src="user.avatar || store['state']['user']['avatar']">
<div class="user-username">{{ user.nickname }}</div> <div class="user-username">{{ user.nickname || store['state']['user']['nickname'] }}</div>
<div class="housing-info-box"> <div class="housing-info-box">
<div class="housing-info-top flexacenter"> <div class="housing-info-top flexacenter">
<div class="housing-info-location flexacenter"> <div class="housing-info-location flexacenter">
@@ -22,39 +22,43 @@
<div class="housing-info-head flexcenter">状态</div> <div class="housing-info-head flexcenter">状态</div>
<div class="longString"></div> <div class="longString"></div>
<div class="housing-info-trail">{{ stateObj[status < 0 ? -1 : status] }}</div> <div class="housing-info-trail">{{ stateObj[status < 0 ? -1 : status] }}</div>
</div>
<div class="housing-info-item flexacenter" v-if="status > 0">
<div class="housing-info-head flexcenter">发布</div>
<div class="longString"></div>
<div class="housing-info-trail">{{ time['timestamp'] }}</div>
</div>
<div class="housing-info-item flexacenter" v-if="status > 0">
<div class="housing-info-head flexcenter">更新</div>
<div class="longString"></div>
<div class="housing-info-trail">{{ time['updatetime'] }}</div>
</div>
<div class="housing-info-item flexacenter" v-if="status < 0">
<div class="housing-info-head flexcenter">下架</div>
<div class="longString"></div>
<div class="housing-info-trail">{{ time['offshelftime'] }}</div>
</div>
</div> </div>
<div class="housing-info-item flexacenter" v-if="status > 0"> <div class="listing-verified flexacenter" v-if="props['verified'] == 1">
<div class="housing-info-head flexcenter">发布</div> <img class="listing-verified-tick" src="@/assets/img/edit/tick.svg" />
<div class="longString"></div> 房源已认证
<div class="housing-info-trail">{{ time['timestamp'] }}</div>
</div> </div>
<div class="housing-info-item flexacenter" v-if="status > 0">
<div class="housing-info-head flexcenter">更新</div>
<div class="longString"></div>
<div class="housing-info-trail">{{ time['updatetime'] }}</div>
</div>
<div class="housing-info-item flexacenter" v-if="status < 0">
<div class="housing-info-head flexcenter">下架</div>
<div class="longString"></div>
<div class="housing-info-trail">{{ time['offshelftime'] }}</div>
</div>
</div>
<div class="listing-verified flexacenter" v-if="props['verified'] == 1">
<img class="listing-verified-tick" src="@/assets/img/edit/tick.svg" />
房源已认证
</div>
<div class="housing-info-amount flexcenter" v-if="status != 1"> <div class="housing-info-amount flexcenter" v-if="status != 1">
<div class="housing-hint flexacenter">您还可以发布 <div class="bold">{{ allowpublishednum }}</div> <div class="housing-hint flexacenter">您还可以发布 <div class="bold">{{ allowpublishednum }}</div>
条普通房源</div> 条普通房源</div>
<div class="learn-more-btn flexcenter" @click="$emit('handleAboutPopState')">了解更多 <img <div class="learn-more-btn flexcenter" @click="$emit('handleAboutPopState')">了解更多 <img
class="learn-more-icon" src="@/assets/img/edit/learn-more-icon.svg" /></div> class="learn-more-icon" src="@/assets/img/edit/learn-more-icon.svg" /></div>
</div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script setup> <script setup>
import { useStore } from 'vuex';
const store = useStore();
const props = defineProps({ const props = defineProps({
user: Object, user: Object,
time: Object, time: Object,
@@ -64,7 +68,7 @@ const props = defineProps({
status: Number, status: Number,
intermediary: Number, intermediary: Number,
userIntermediary: Number, userIntermediary: Number,
type:String type: String
}); });
let stateObj = { let stateObj = {
@@ -122,6 +126,7 @@ let intermediaryObj = {
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
font-weight: 650; font-weight: 650;
margin-top: 14px;
.housing-info-location-icon { .housing-info-location-icon {
width: 24px; width: 24px;
@@ -132,7 +137,8 @@ let intermediaryObj = {
.housing-info-certifying { .housing-info-certifying {
width: 85px; width: 85px;
height: 20px height: 20px;
margin-top: 14px;
} }
.housing-info-identity { .housing-info-identity {
@@ -142,6 +148,8 @@ let intermediaryObj = {
border: 1px solid rgba(215, 215, 215, 1); border: 1px solid rgba(215, 215, 215, 1);
color: #555; color: #555;
font-size: 14px; font-size: 14px;
margin-top: 14px;
} }
} }

View File

@@ -191,7 +191,6 @@ const cancelCollection = token => emit('cancelCollection', { token, index: props
// 点击跳转详情页 // 点击跳转详情页
const goDetail = status => { const goDetail = status => {
console.log("location.origin",location.origin);
if (status == 1) redirectToExternalWebsite(`/detail?id=${data.uniqid}`) if (status == 1) redirectToExternalWebsite(`/detail?id=${data.uniqid}`)
else ElMessage("该房源信息已出租或已失效") else ElMessage("该房源信息已出租或已失效")
} }

View File

@@ -204,6 +204,7 @@ const goDetail = (uniqid, status) => {
.content { .content {
width: 700px; width: 700px;
height: 750px; height: 750px;
max-height: 90vh;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border-radius: 16px; border-radius: 16px;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);

View File

@@ -1188,6 +1188,7 @@ const publicJump = path => router.push(path)
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 53px; width: 53px;
height: 53px; height: 53px;
cursor: pointer;
} }
} }

View File

@@ -453,7 +453,7 @@
<img class="media-img" :src="item.image" /> <img class="media-img" :src="item.image" />
</div> </div>
<div class="media-cover-bnt flexcenter" v-if="info.images.length != 1" <div class="media-cover-bnt flexcenter" v-if="info.images.length != 1"
@click="info['aid'] = item['aid']">选为封面</div> @click="info['aid'] = item['aid']">{{ item['aid'] == info['aid'] ? '' : '' }}选为封面</div>
</div> </div>
<div class="media-item flexcenter" style="position: relative;" <div class="media-item flexcenter" style="position: relative;"
v-if="info.images.length < imagesConfig.maxcount"> v-if="info.images.length < imagesConfig.maxcount">
@@ -2092,6 +2092,7 @@ export default {
box-shadow: none; box-shadow: none;
height: 100%; height: 100%;
min-height: 200px !important; min-height: 200px !important;
font-size: 16px;
} }
} }
} }

View File

@@ -246,7 +246,6 @@ const getFavData = () => {
}) })
proxy.$post("/tenement/pc/api/user/favList", { proxy.$post("/tenement/pc/api/user/favList", {
page: favData.value['page'], page: favData.value['page'],
limit:5
}).then(res => { }).then(res => {
if (res.code != 200) return if (res.code != 200) return
let data = res.data let data = res.data
@@ -315,6 +314,11 @@ const undercarriage = (index, status) => {
stat.value['listing']-- stat.value['listing']--
stat.value['offshelf']++ stat.value['offshelf']++
publishData.value['list'][index].status = status publishData.value['list'][index].status = status
nextTick(() => {
masonryInstance.reloadItems();
masonryInstance.layout();
})
} }
@@ -424,7 +428,7 @@ onUnmounted(() => {
.operate-item { .operate-item {
flex-direction: column; flex-direction: column;
margin: 0 52px; padding: 0 52px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;