详情层级修改

This commit is contained in:
2023-08-04 16:35:25 +08:00
parent c568395d30
commit d6dfd87fc2
2 changed files with 208 additions and 211 deletions

View File

@@ -329,7 +329,7 @@ let schoolPages = ref(0) //页数
let shcoolData = shallowReactive([]) let shcoolData = shallowReactive([])
let setSchoolData = () => { let setSchoolData = () => {
let arr = routePath.value === '/' ? store.state.seachTypeData[0] && store.state.seachTypeData[0].where : store.state.schoolList let arr = routePath.value === '/' ? store.state.seachTypeData[0] && store.state.seachTypeData[0].where : store.state.schoolList
arr.unshift({ name: '不限', id: '' }) if(arr[0]&&arr[0].id)arr.unshift({ name: '不限', id: '' })
let num = 0 let num = 0
for (let i = 0; i < arr.length; i++) { for (let i = 0; i < arr.length; i++) {
if (!shcoolData[num]) { if (!shcoolData[num]) {

View File

@@ -601,15 +601,15 @@
发布者对房源信息的真实性、合法性等负责,平台不负责甄别和审核具体内容真实性和有效性等,请务必仔细核实相关信息,谨防上当受骗。 发布者对房源信息的真实性、合法性等负责,平台不负责甄别和审核具体内容真实性和有效性等,请务必仔细核实相关信息,谨防上当受骗。
<div> <div>
如房源信息中有内容侵犯了您的合法权益,可点击屏幕右侧的举报或联系寄托方同学(微信号 如房源信息中有内容侵犯了您的合法权益,可点击屏幕右侧的举报或联系寄托方同学(微信号
<el-popover placement="bottom" trigger="hover" > <el-popover placement="bottom" trigger="hover">
<div class="wx-qrcode-s"> <div class="wx-qrcode-s">
<img :src="concatInfo.data && concatInfo.data.wechatqrcode" <img :src="concatInfo.data && concatInfo.data.wechatqrcode"
style="width:130px;height:130px" alt=""> style="width:130px;height:130px" alt="">
</div> </div>
<template #reference> <template #reference>
<span class="text-line line-h-30" style="border-color: #fff;" <span class="text-line line-h-30" style="border-color: #fff;"
@click="clone(concatInfo.data && concatInfo.data.wechat)">{{ @click="clone(concatInfo.data && concatInfo.data.wechat)">{{
concatInfo.data && concatInfo.data.wechat }}</span> concatInfo.data && concatInfo.data.wechat }}</span>
</template> </template>
</el-popover> </el-popover>
<!-- <el-dropdown style="border-color:#fff;"> <!-- <el-dropdown style="border-color:#fff;">
@@ -799,152 +799,152 @@
- {{ loadText }} - - {{ loadText }} -
</div> </div>
<footerTool class="mg-t-60"></footerTool> <footerTool class="mg-t-60"></footerTool>
<div class="pop-mask" v-show="showConcat"> </div>
<div class="pop-box"> <div class="pop-mask" v-show="showConcat">
<!-- 多种信息 --> <div class="pop-box">
<!-- third-concat --> <!-- 多种信息 -->
<div class="pop-big-box" v-show="concatData.data && concatData.data.count > 1" <!-- third-concat -->
<div class="pop-big-box" v-show="concatData.data && concatData.data.count > 1"
:class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
<div class="pop-info-box dis-f jus-x al-item"
:class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }"> :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
<div class="pop-info-box dis-f jus-x al-item" <div class="pop-big-bg dis-f jus-x al-item"
:class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }"> :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
<div class="pop-big-bg dis-f jus-x al-item" <div class="user-liner-box dis-f al-item"
:class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }"> :class="{ 'jus-bet': concatData.data && concatData.data.count > 2 }">
<div class="user-liner-box dis-f al-item" <!-- class='s-w-100' -->
:class="{ 'jus-bet': concatData.data && concatData.data.count > 2 }"> <div class="s-w-100">
<!-- class='s-w-100' --> <div class="liner-title"
<div class="s-w-100"> :class="{ 'mg-b-50': concatData.data && concatData.data.count == 2 && concatData.data.wechatdata.url }">
<div class="liner-title" 联系方式
:class="{ 'mg-b-50': concatData.data && concatData.data.count == 2 && concatData.data.wechatdata.url }"> </div>
联系方式 <div class="dis-f jus-bet s-w-100">
</div> <div
<div class="dis-f jus-bet s-w-100"> v-if="concatData.data && (concatData.data.count > 2 || (!concatData.data.wechatdata.url && concatData.data.count == 2))">
<div <div class="mg-b-30"
v-if="concatData.data && (concatData.data.count > 2 || (!concatData.data.wechatdata.url && concatData.data.count == 2))"> v-if="concatData.data && concatData.data.wechat && concatData.data.count >= 2">
<div class="mg-b-30" <div class="dis-f al-item">
v-if="concatData.data && concatData.data.wechat && concatData.data.count >= 2"> <img src="../assets/img/detail/wxIcon.png" class="whatsapp-icon" alt="">
<div class="dis-f al-item"> 微信
<img src="../assets/img/detail/wxIcon.png" class="whatsapp-icon" alt="">
微信
</div>
<div class="dis-f al-item box-text mg-l-35">
<div class="num-text">
{{ concatData.data && concatData.data.wechat }}
</div>
<div class="clone-btn dis-f al-item jus-x mg-l-50"
@click.stop="clone(concatData.data.wechat)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制
</div>
</div>
</div> </div>
<div class="mg-b-30" v-if="concatData.data && concatData.data.count >= 2"> <div class="dis-f al-item box-text mg-l-35">
<div class="dis-f al-item"> <div class="num-text">
<img src="../assets/img/detail/WhatsAppIcon.png" class="whatsapp-icon" {{ concatData.data && concatData.data.wechat }}
alt="">
WhatsApp
</div> </div>
<div class="dis-f al-item box-text mg-l-35"> <div class="clone-btn dis-f al-item jus-x mg-l-50"
<div class="num-text"> @click.stop="clone(concatData.data.wechat)">
{{ concatData.data && concatData.data.whatsapp }}
</div>
<div class="clone-btn dis-f al-item jus-x mg-l-50"
@click.stop="clone(concatData.data.whatsapp)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制
</div>
</div>
</div>
<div class="mg-b-30"
v-if="concatData.data && concatData.data.tel && concatData.data.count >= 2">
<div class="dis-f al-item">
<img src="../assets/img/detail/phoneIcon.png" class="whatsapp-icon"
alt="">
电话号码
</div>
<div class="dis-f al-item box-text mg-l-35">
<div class="num-text">
{{ concatData.data && concatData.data.tel }}
</div>
<div class="clone-btn dis-f al-item jus-x mg-l-50"
@click.stop="clone(concatData.data.tel)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制
</div>
</div>
</div>
</div>
<div
v-if="concatData.data && concatData.data.count > 2 && concatData.data.wechatdata.url">
<div class="wx-qrcode-s dis-f jus-x al-item">
<img :src="concatData.data && concatData.data.wechatdata.url"
class="user-img" alt="">
</div>
<div style="margin-top:15px;font-size:14px;text-align: center;">
<div>
微信扫码添加好友
</div>
<div style="margin-top:5px;font-size:14px;">
备注:寄托租房
</div>
</div>
</div>
<div class="round dis-f jus-x al-item"
:class="{ 'mg-t-20': concatData.data && concatData.data.count > 2 && !concatData.data.wechatdata.url }"
v-if="concatData.data && concatData.data.count >= 2 && !concatData.data.wechatdata.url">
<div class="deepen dis-f jus-x al-item">
<div class="center-box dis-f jus-x al-item">
<div class="center-s dis-f jus-x al-item">
<div class="drop">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dis-f al-item whatsapp-wx-box s-w-100 jus-sp"
v-if="concatData.data && concatData.data.count === 2 && concatData.data.wechatdata.aid !== 0 && concatData.data.wechatdata.url">
<div>
<div>
<div v-if="concatData.data.whatsapp">
WhatsApp
</div>
<div v-if="concatData.data.tel">
电话
</div>
<div v-if="concatData.data.wechat">
微信
</div>
</div>
<div class="text-s">
{{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat
||
'' }}
</div>
<div class="dis-f jus-x al-item mg-t-60">
<div class="clone-btn dis-f al-item jus-x"
@click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '')">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt=""> <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制 复制
</div> </div>
</div> </div>
</div> </div>
<div class="liner" v-if="concatData.data && concatData.data.wechatdata.url"></div> <div class="mg-b-30" v-if="concatData.data && concatData.data.count >= 2">
<div v-if="concatData.data && concatData.data.wechatdata.url"> <div class="dis-f al-item">
<div class="wx-qrcode-s dis-f jus-x al-item"> <img src="../assets/img/detail/WhatsAppIcon.png" class="whatsapp-icon"
<img :src="concatData.data && concatData.data.wechatdata.url" alt="">
class="user-img" alt=""> WhatsApp
</div> </div>
<div style="margin-top:15px;font-size:14px;text-align: center;"> <div class="dis-f al-item box-text mg-l-35">
<div> <div class="num-text">
微信扫码添加好友 {{ concatData.data && concatData.data.whatsapp }}
</div> </div>
<div style="margin-top:5px;font-size:14px;"> <div class="clone-btn dis-f al-item jus-x mg-l-50"
备注:寄托租房 @click.stop="clone(concatData.data.whatsapp)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="round dis-f jus-x al-item" <div class="mg-b-30"
v-if="concatData.data && concatData.data.tel && concatData.data.count >= 2">
<div class="dis-f al-item">
<img src="../assets/img/detail/phoneIcon.png" class="whatsapp-icon" alt="">
电话号码
</div>
<div class="dis-f al-item box-text mg-l-35">
<div class="num-text">
{{ concatData.data && concatData.data.tel }}
</div>
<div class="clone-btn dis-f al-item jus-x mg-l-50"
@click.stop="clone(concatData.data.tel)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制
</div>
</div>
</div>
</div>
<div
v-if="concatData.data && concatData.data.count > 2 && concatData.data.wechatdata.url">
<div class="wx-qrcode-s dis-f jus-x al-item">
<img :src="concatData.data && concatData.data.wechatdata.url" class="user-img"
alt="">
</div>
<div style="margin-top:15px;font-size:14px;text-align: center;">
<div>
微信扫码添加好友
</div>
<div style="margin-top:5px;font-size:14px;">
备注:寄托租房
</div>
</div>
</div>
<div class="round dis-f jus-x al-item"
:class="{ 'mg-t-20': concatData.data && concatData.data.count > 2 && !concatData.data.wechatdata.url }"
v-if="concatData.data && concatData.data.count >= 2 && !concatData.data.wechatdata.url">
<div class="deepen dis-f jus-x al-item">
<div class="center-box dis-f jus-x al-item">
<div class="center-s dis-f jus-x al-item">
<div class="drop">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dis-f al-item whatsapp-wx-box s-w-100 jus-sp"
v-if="concatData.data && concatData.data.count === 2 && concatData.data.wechatdata.aid !== 0 && concatData.data.wechatdata.url">
<div>
<div>
<div v-if="concatData.data.whatsapp">
WhatsApp
</div>
<div v-if="concatData.data.tel">
电话
</div>
<div v-if="concatData.data.wechat">
微信
</div>
</div>
<div class="text-s">
{{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat
||
'' }}
</div>
<div class="dis-f jus-x al-item mg-t-60">
<div class="clone-btn dis-f al-item jus-x"
@click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '')">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制
</div>
</div>
</div>
<div class="liner" v-if="concatData.data && concatData.data.wechatdata.url"></div>
<div v-if="concatData.data && concatData.data.wechatdata.url">
<div class="wx-qrcode-s dis-f jus-x al-item">
<img :src="concatData.data && concatData.data.wechatdata.url" class="user-img"
alt="">
</div>
<div style="margin-top:15px;font-size:14px;text-align: center;">
<div>
微信扫码添加好友
</div>
<div style="margin-top:5px;font-size:14px;">
备注:寄托租房
</div>
</div>
</div>
<!-- <div class="round dis-f jus-x al-item"
v-if="concatData.data && !concatData.data.wechatdata.url"> v-if="concatData.data && !concatData.data.wechatdata.url">
<div class="deepen dis-f jus-x al-item"> <div class="deepen dis-f jus-x al-item">
<div class="center-box dis-f jus-x al-item"> <div class="center-box dis-f jus-x al-item">
@@ -956,88 +956,85 @@
</div> </div>
</div> </div>
</div> --> </div> -->
</div>
</div>
</div>
<img src="../assets/img/detail/threePopBigBg.svg" class="pop-bg third-bg" style="width:700px;"
alt=""
v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3">
<img src="../assets/img/detail/threePopbigMap.svg" style="width:700px;"
v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
class="map third-bg" alt="">
<img src="../assets/img/detail/popBigBg.svg"
v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
class="pop-bg third-bg" alt="">
<img src="../assets/img/detail/popBigBgMap.svg"
v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
class="map third-bg" alt="">
</div>
</div>
<img src="../assets/img/detail/bigPopBg.svg"
v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
class="pop-big-bg" alt="">
<img src="../assets/img/detail/threeConcatbgImg.svg"
v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
class="third-concat" alt="">
<img src="../assets/img/detail/close.png" class="close-img" @click="showConcat = false" alt="">
</div>
<!-- 一种信息 -->
<div class="pop" v-show="concatData.data && concatData.data.count === 1">
<div class="pop-bg-s-box dis-f jus-x al-item">
<div class="pop-bg-s">
<div class="pos-a pop-bg-s" style="z-index:666;">
<div class="title s-w-100">
联系方式
</div>
<div class="s-w-100 mg-t-35" v-if="concatData.data && concatData.data.wechatdata.aid != 0">
<div class="wx-qrcode s-w-100 dis-f al-item jus-x">
<img :src="concatData.data && concatData.data.wechatdata.url" class="img" alt="">
</div>
<div style="margin-top:15px">
<div>
微信扫码添加好友
</div>
<div style="margin-top:5px">
备注:寄托租房
</div> </div>
</div> </div>
</div> </div>
<img src="../assets/img/detail/threePopBigBg.svg" class="pop-bg third-bg" style="width:700px;" <div class="s-w-100"
alt="" v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)">
v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"> <div class="whatsapp-title" v-if="concatData.data.whatsapp">
<img src="../assets/img/detail/threePopbigMap.svg" style="width:700px;" WhatsApp
v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
class="map third-bg" alt="">
<img src="../assets/img/detail/popBigBg.svg"
v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
class="pop-bg third-bg" alt="">
<img src="../assets/img/detail/popBigBgMap.svg"
v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
class="map third-bg" alt="">
</div>
</div>
<img src="../assets/img/detail/bigPopBg.svg"
v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
class="pop-big-bg" alt="">
<img src="../assets/img/detail/threeConcatbgImg.svg"
v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
class="third-concat" alt="">
<img src="../assets/img/detail/close.png" class="close-img" @click="showConcat = false" alt="">
</div>
<!-- 一种信息 -->
<div class="pop" v-show="concatData.data && concatData.data.count === 1">
<div class="pop-bg-s-box dis-f jus-x al-item">
<div class="pop-bg-s">
<div class="pos-a pop-bg-s" style="z-index:666;">
<div class="title s-w-100">
联系方式
</div> </div>
<div class="s-w-100 mg-t-35" v-if="concatData.data && concatData.data.wechatdata.aid != 0"> <div class="whatsapp-title" v-if="concatData.data.tel">
<div class="wx-qrcode s-w-100 dis-f al-item jus-x"> 电话
<img :src="concatData.data && concatData.data.wechatdata.url" class="img" alt="">
</div>
<div style="margin-top:15px">
<div>
微信扫码添加好友
</div>
<div style="margin-top:5px">
备注:寄托租房
</div>
</div>
</div> </div>
<div class="s-w-100" <div class="whatsapp-title" v-if="concatData.data.wechat">
v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)"> 微信
<div class="whatsapp-title" v-if="concatData.data.whatsapp">
WhatsApp
</div>
<div class="whatsapp-title" v-if="concatData.data.tel">
电话
</div>
<div class="whatsapp-title" v-if="concatData.data.wechat">
微信
</div>
<div class="whatsapp-text">
{{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || ''
}}
</div>
</div> </div>
<div class="s-w-100 dis-f jus-x al-item mg-t-35"> <div class="whatsapp-text">
<div class="clone-btn dis-f al-item jus-x" {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || ''
v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)" }}
@click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)"> </div>
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt=""> </div>
复制 <div class="s-w-100 dis-f jus-x al-item mg-t-35">
</div> <div class="clone-btn dis-f al-item jus-x"
v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)"
@click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制
</div> </div>
</div> </div>
<img src="../assets/img/detail/popSBg.svg" class="pop-bg-s pos-a" alt="">
<img src="../assets/img/detail/popSbgMap.svg" class="pop-bg-s" alt="">
</div> </div>
<img src="../assets/img/detail/popSBg.svg" class="pop-bg-s pos-a" alt="">
<img src="../assets/img/detail/popSbgMap.svg" class="pop-bg-s" alt="">
</div> </div>
<img src="../assets/img/detail/close.png" @click="showConcat = false" class="close-img" alt="">
<img src="../assets/img/detail/popBg.svg" class="img" alt="">
</div> </div>
<img src="../assets/img/detail/close.png" @click="showConcat = false" class="close-img" alt="">
<img src="../assets/img/detail/popBg.svg" class="img" alt="">
</div> </div>
</div> </div>
</div> </div>
<watchImage :show="imageShow" :index="imageIndex" :close="cloaseImageShow" :list="imgList"></watchImage> <watchImage :show="imageShow" :index="imageIndex" :close="cloaseImageShow" :list="imgList"></watchImage>
<back-to-top></back-to-top> <back-to-top></back-to-top>
@@ -1625,7 +1622,7 @@ img {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 999; z-index: 1003;
.close-img { .close-img {
width: 20px; width: 20px;
@@ -2985,7 +2982,7 @@ img {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 999; z-index: 1100;
} }
::deep .el-dropdown { ::deep .el-dropdown {