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