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

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

View File

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

View File

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