XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

删除数据重新搜索

Browse Source
This commit is contained in:
luJianJun
2023-07-27 15:04:25 +08:00
parent ff15fe1a0e
commit 570849c02f
3 changed files with 107 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/biserialListItem/biserialListItem.vue
View File

@@ -182,7 +182,6 @@ let watchInfo = () => {
onMounted(() => { onMounted(() => {
imgRef = getCurrentInstance() imgRef = getCurrentInstance()
let {type}=router.currentRoute.value.query let {type}=router.currentRoute.value.query
console.log(data.data)
if(type){ if(type){
pageType.value=type pageType.value=type
}else{ }else{

14
src/components/selectTabBox/selectTabBox.vue
View File

@@ -75,7 +75,7 @@
v-show="selectTabCheck.id === item.id && selectTabCheck.id">&nbsp>&nbsp v-show="selectTabCheck.id === item.id && selectTabCheck.id">&nbsp>&nbsp
<div :class="{ 'select-num': selectData.data && selectData.data.length }"> <div :class="{ 'select-num': selectData.data && selectData.data.length }">
{{ {{
selectData.data && selectData.data.length === 0 ? '不限' : selectData.data && selectData.data.length === 0||selectData.data.length===selectTabCheck.data.length ? '不限' :
selectData.data && selectData.data.length selectData.data && selectData.data.length
}} }}
</div> </div>
@@ -204,12 +204,14 @@
&nbsp</span> &nbsp</span>
<div class="dis-f al-item"> <div class="dis-f al-item">
<div v-show="selectTabCheck.id && selectTabCheck.title">{{ selectTabCheck.title }}:</div> <div v-show="selectTabCheck.id && selectTabCheck.title">{{ selectTabCheck.title }}:</div>
<div class="dis-f" style="flex-wrap: wrap;">
<div v-for="(item, i) in selectData.data" :key="i" class="btm-btn"> <div v-for="(item, i) in selectData.data" :key="i" class="btm-btn">
{{ item.title }} {{ item.title }}
<img src="../../assets/homeImage/closeIcon.svg" @click="deleteSelect(i)" class="img" alt=""> <img src="../../assets/homeImage/closeIcon.svg" @click="deleteSelect(i)" class="img" alt="">
</div> </div>
</div> </div>
</div> </div>
</div>
<span class="dis-f al-item sort-text"> <span class="dis-f al-item sort-text">
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<span class="dis-f al-item sort-text"> <span class="dis-f al-item sort-text">
@@ -446,8 +448,14 @@ let selectSeach = (data = []) => {
} }
//底部删除按钮 //底部删除按钮
let deleteSelect = (id) => { let deleteSelect = (i) => {
selectData.data.splice(id, 1) let data = []
selectData.data.splice(i, 1)
selectData.data.map(res => {
data.push(res.id)
})
checkBoxGroupInfo.value.setCheckData(data)
setSeachCondition('location', data)
} }
//搜索列表排序 //搜索列表排序

60
src/views/detail.vue
View File

@@ -1,7 +1,8 @@
<template> <template>
<div> <div>
<pageTopBar></pageTopBar> <pageTopBar></pageTopBar>
<div class="dis-f jus-x al-item" :class="{'mg-b-80':pageType==3&&(recommendListData.length==0||publisherList.length==0)}"> <div class="dis-f jus-x al-item"
:class="{ 'mg-b-80': pageType == 3 && (recommendListData.length == 0 || publisherList.length == 0) }">
<div class="body-maxWidth mg-t-35"> <div class="body-maxWidth mg-t-35">
<breadcrumb :data="housingInfo['data']" :operation='setOperation'></breadcrumb> <breadcrumb :data="housingInfo['data']" :operation='setOperation'></breadcrumb>
<el-affix :offset="0" @change="changeTitleType" z-index="700"> <el-affix :offset="0" @change="changeTitleType" z-index="700">
@@ -12,7 +13,8 @@
v-if="pageType == 1 && v-if="pageType == 1 &&
housingInfo['data'] && housingInfo['data'] &&
housingInfo['data'].info.verified" alt=""> housingInfo['data'].info.verified" alt="">
<img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo" style="margin-right:10px;" v-if="pageType == 2 && <img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo"
style="margin-right:10px;" v-if="pageType == 2 &&
housingInfo['data'] && housingInfo['data'] &&
housingInfo['data'].isintermediary == 1" alt=""> housingInfo['data'].isintermediary == 1" alt="">
<div class="line" v-if="housingInfo['data'] && housingInfo['data'].info.verified"></div> <div class="line" v-if="housingInfo['data'] && housingInfo['data'].info.verified"></div>
@@ -47,11 +49,15 @@
<div class="dis-f al-item"> <div class="dis-f al-item">
<div class="tool-btn dis-f al-item jus-x"> <div class="tool-btn dis-f al-item jus-x">
<div class="dis-f al-item" @click="setOperation"> <div class="dis-f al-item" @click="setOperation">
<img src="../assets/img/detail/collect.png" v-show="housingInfo['data']&&!housingInfo['data'].isfav" class="tool-icon" alt=""> <img src="../assets/img/detail/collect.png"
<img src="../assets/img/detail/collectT.png" v-show="housingInfo['data']&&housingInfo['data'].isfav" class="tool-icon" v-show="housingInfo['data'] && !housingInfo['data'].isfav" class="tool-icon"
alt="">
<img src="../assets/img/detail/collectT.png"
v-show="housingInfo['data'] && housingInfo['data'].isfav" class="tool-icon"
alt=""> alt="">
<span> <span>
{{ housingInfo['data']&&housingInfo['data'].isfav ? housingInfo['data']&&housingInfo['data']['info'].count_fav : '收藏' }} {{ housingInfo['data'] && housingInfo['data'].isfav ?
housingInfo['data'] && housingInfo['data']['info'].count_fav : '收藏' }}
</span> </span>
</div> </div>
<div class="line" style="margin:0 20px;"></div> <div class="line" style="margin:0 20px;"></div>
@@ -146,11 +152,9 @@
housingInfo['data'].info.video.length"> housingInfo['data'].info.video.length">
{{ housingInfo['data'] && housingInfo['data'].info.video ? {{ housingInfo['data'] && housingInfo['data'].info.video ?
housingInfo['data'] && housingInfo['data'].info.video.length : 0 }}</div> housingInfo['data'] && housingInfo['data'].info.video.length : 0 }}</div>
<img src="../assets/img/detail/imageIcon.png" <img src="../assets/img/detail/imageIcon.png" v-if="housingInfo['data'] &&
v-if="housingInfo['data'] &&
housingInfo['data'].info.picturegroup && housingInfo['data'].info.picturegroup &&
housingInfo['data'].info.picturegroup.length" housingInfo['data'].info.picturegroup.length" class="img-icon" alt="">
class="img-icon" alt="">
<div class="num-box" v-if="housingInfo['data'] && <div class="num-box" v-if="housingInfo['data'] &&
housingInfo['data'].info.picturegroup && housingInfo['data'].info.picturegroup &&
housingInfo['data'].info.picturegroup.length"> housingInfo['data'].info.picturegroup.length">
@@ -162,12 +166,14 @@
<div class="img-list-box dis-f jus-x al-item" @click="imageShow = true" <div class="img-list-box dis-f jus-x al-item" @click="imageShow = true"
v-show="imgList.length > 0"> v-show="imgList.length > 0">
<img src="../assets/img/detail/moreNot.svg" class="icon left-icon" alt="" <img src="../assets/img/detail/moreNot.svg" class="icon left-icon" alt=""
@click.stop="moveImageList('left')" v-show="imgListTab === 0&&imageLIst[imageLIst.length-1]>800"> @click.stop="moveImageList('left')"
v-show="imgListTab === 0 && imageLIst[imageLIst.length - 1] > 800">
<img src="../assets/img/detail/moreAllow.svg" class="icon left-icon" alt="" <img src="../assets/img/detail/moreAllow.svg" class="icon left-icon" alt=""
style="transform: rotate(180deg);" @click.stop="moveImageList('left')" style="transform: rotate(180deg);" @click.stop="moveImageList('left')"
v-show="imgListTab > 0 && imageLIst[imageLIst.length - 1] > 800"> v-show="imgListTab > 0 && imageLIst[imageLIst.length - 1] > 800">
<img src="../assets/img/detail/moreAllow.svg" class="icon right-icon" alt="" <img src="../assets/img/detail/moreAllow.svg" class="icon right-icon" alt=""
@click.stop="moveImageList('right')" v-show="imgList.length - 1 !== imgListTab&&imageLIst[imageLIst.length-1]>800"> @click.stop="moveImageList('right')"
v-show="imgList.length - 1 !== imgListTab && imageLIst[imageLIst.length - 1] > 800">
<img src="../assets/img/detail/moreNot.svg" class="icon right-icon" alt="" <img src="../assets/img/detail/moreNot.svg" class="icon right-icon" alt=""
style="transform: rotate(180deg);" @click.stop="moveImageList('right')" style="transform: rotate(180deg);" @click.stop="moveImageList('right')"
v-show="imgList.length - 1 === imgListTab && imageLIst[imageLIst.length - 1] > 800"> v-show="imgList.length - 1 === imgListTab && imageLIst[imageLIst.length - 1] > 800">
@@ -333,7 +339,8 @@
{{ housingInfo['data'] && housingInfo['data'].info.floor }}&nbsp {{ housingInfo['data'] && housingInfo['data'].info.floor }}&nbsp
</span> </span>
<span class="text" style="margin-left:0;" v-if="housingInfo['data'] &&housingInfo['data'].info.elevator"> <span class="text" style="margin-left:0;"
v-if="housingInfo['data'] && housingInfo['data'].info.elevator">
| |
{{ {{
indexData['data'] && indexData['data'] &&
@@ -440,10 +447,11 @@
<div class="top-box"></div> <div class="top-box"></div>
<div class="title-box dis-f al-item jus-x"> <div class="title-box dis-f al-item jus-x">
<span class="title">房源距离院校</span> <span class="title">房源距离院校</span>
<img src="../assets/img/detail/close.png" class="close-icon" @click="showDistance=false" alt=""> <img src="../assets/img/detail/close.png" class="close-icon"
@click="showDistance = false" alt="">
</div> </div>
{{ distanceList }} <div class="distance-box-s" v-if="distanceList.length > 0">
<div class="distance-info-data dis-f" v-if="distanceList.length > 0"> <div class="distance-info-data dis-f">
<div class="dis-f al-item school-info" v-for="(item, index) in distanceList" <div class="dis-f al-item school-info" v-for="(item, index) in distanceList"
:key="index" :class="{ 'mg-t-50': index > 0 }"> :key="index" :class="{ 'mg-t-50': index > 0 }">
<div class="icon-box dis-f al-item jus-x" <div class="icon-box dis-f al-item jus-x"
@@ -466,7 +474,7 @@
</span> --> </span> -->
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<div class="dis-f al-item" style="position:relative;" @click="setShowDistance"> <div class="dis-f al-item" style="position:relative;" @click="setShowDistance">
@@ -604,8 +612,7 @@
}} </span> }} </span>
</div> </div>
<div v-if="checkUpdateTime(housingInfo['data'] && housingInfo['data'].info.updatetime)"> <div v-if="checkUpdateTime(housingInfo['data'] && housingInfo['data'].info.updatetime)">
<div class="dis-f al-item jus-x time-box" v-if=" <div class="dis-f al-item jus-x time-box" v-if="housingInfo['data'] &&
housingInfo['data'] &&
housingInfo['data'].intermediarylistingcount > 0 && housingInfo['data'].intermediarylistingcount > 0 &&
housingInfo['data'] && ['config']['intermediary'] == 1 && housingInfo['data'] && ['config']['intermediary'] == 1 &&
housingInfo['data'].isintermediary == 1"> housingInfo['data'].isintermediary == 1">
@@ -1099,7 +1106,7 @@ let setHousingArr = () => {
arr = housingInfo['data'].info.video ? arr.concat(housingInfo['data'] && housingInfo['data'].info.video) : [] arr = housingInfo['data'].info.video ? arr.concat(housingInfo['data'] && housingInfo['data'].info.video) : []
arr = housingInfo['data'].info.picturegroup ? arr.concat(housingInfo['data'] && housingInfo['data'].info.picturegroup) : [] arr = housingInfo['data'].info.picturegroup ? arr.concat(housingInfo['data'] && housingInfo['data'].info.picturegroup) : []
imgList.value = imgList.value.concat(arr) imgList.value = imgList.value.concat(arr)
console.log(imgList.value) // console.log(imgList.value)
} }
let location = store.state.indexData.config && store.state.indexData.config.location let location = store.state.indexData.config && store.state.indexData.config.location
@@ -1402,6 +1409,7 @@ img {
.pos-a { .pos-a {
position: absolute; position: absolute;
} }
.mg-b-80 { .mg-b-80 {
margin-bottom: 80px; margin-bottom: 80px;
} }
@@ -2579,6 +2587,11 @@ img {
height: 70px; height: 70px;
} }
.distance-box-s {
height: 500px;
overflow-y: scroll;
}
.distance-info-data { .distance-info-data {
padding: 30px 45px 0 45px; padding: 30px 45px 0 45px;
position: relative; position: relative;
@@ -2616,8 +2629,6 @@ img {
} }
.school-info { .school-info {
height:500px;
overflow-y: scroll;
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
font-weight: 650; font-weight: 650;
font-style: normal; font-style: normal;
@@ -2672,9 +2683,9 @@ img {
} }
} }
::-webkit-scrollbar { /* ::-webkit-scrollbar {
display: none; display: none;
} } */
.line-school-box { .line-school-box {
width: 100%; width: 100%;
@@ -2765,6 +2776,5 @@ img {
} }
} }
} }
} }</style>
</style>