修改
This commit is contained in:
@@ -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;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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("该房源信息已出租或已失效")
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user