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

添加学校添加不限 样式修改

Browse Source
This commit is contained in:
luJianJun
2023-08-03 17:38:45 +08:00
parent d64eec5ea4
commit 137e63c12d
2 changed files with 53 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -90,7 +90,8 @@
</div>
<div class="hid-box">
<checkBoxGroup :show="showSelect && selectTabCheck.id !== ''" :selectSeach="selectSeach"
:closeSeach="closeSeach" :clearList="clearSelectTabCheck" :list="selectTabCheck.data" ref="checkBoxGroupInfo">
:closeSeach="closeSeach" :clearList="clearSelectTabCheck" :list="selectTabCheck.data"
ref="checkBoxGroupInfo">
</checkBoxGroup>
</div>
</div>
@@ -183,9 +184,9 @@
</div>
<div class="dis-f pd-t-20">
<div class="tab-title">其他</div>
<div class="select-btn-box">
<div class="select-btn-box" style="margin-left:-11px;">
<div class="dis-f">
<div class="dropdown-btn min-btn jus-x al-item dis-f" v-for="(item, i) in otherData" :key="i">
<div class="dropdown-btn min-btn jus-x al-item dis-f" style="border:1px solid #fff;" v-for="(item, i) in otherData" :key="i">
<el-checkbox-group v-model="otherCheck.list" @change="setOtherCheck">
<el-checkbox :label="item.id">{{ item.title }}</el-checkbox>
</el-checkbox-group>
@@ -210,7 +211,7 @@
<div class="dis-f" style="flex-wrap: wrap;width:800px;">
<div v-for="(item, i) in selectData.data" :key="i" class="btm-btn">
{{ item.title }}
<img src="../../assets/homeImage/closeIcon.svg" @click="deleteSelect(i)" class="img" alt="">
<img src="../../assets/homeImage/closeIcon.svg" @click="deleteSelect(i,item.id)" class="img" alt="">
</div>
</div>
</div>
@@ -343,6 +344,7 @@ let schoolPages = ref(0) //页数
let shcoolData = shallowReactive([])
let setSchoolData = () => {
let arr = store.state.seachTypeData[0] ? store.state.seachTypeData[0].where : []
arr.unshift({name:'不限',id:''})
let num = 0
for (let i = 0; i < arr.length; i++) {
if (!shcoolData[num]) {
@@ -435,11 +437,12 @@ let setCheckBoxData = (data) => {
let selectSeach = (data = []) => {
selectData.data = seachAreaId(data)
showSelect.value = false
schoolSelectObj.id = ''
schoolSelectObj.title = ''
if (data.length === 0 && selectTabCheck.id) {
data.push(selectTabCheck.id)
selectData.data=[{title:'不限',id:''}]
}
schoolSelectObj.id = ''
schoolSelectObj.title = ''
// console.log(selectData,selectTabCheck)
// store.state.routeList['hireTypeObj']=JSON.parse(JSON.stringify(hireTypeObj))
// return
@@ -447,17 +450,22 @@ let selectSeach = (data = []) => {
}
//底部删除按钮
let deleteSelect = (i) => {
let deleteSelect = (i,id) => {
let data = []
selectData.data.splice(i, 1)
if(!id){
setSelectData('',[],'不限')
}
selectData.data.map(res => {
data.push(res.id)
})
checkBoxGroupInfo.value.setCheckData(data)
if(data.length===0){
setSeachCondition('location', [selectTabCheck.id+''])
}else{
setSeachCondition('location', data)
if (data.length === 0&&id) {
setSeachCondition('location', [selectTabCheck.id + ''])
selectData.data=[{title:'不限',id:''}]
} else if(id){
setSeachCondition('location', data)
}
}
@@ -639,11 +647,11 @@ let deconstructionSeachData = null
//根据路由设置参数
let setRouterQuerySet = ref(true)
let routerQuerySet = () => {
if(routePath.value==='/seachPage'){
if (routePath.value === '/seachPage') {
deconstructionSeachData = routeQuery.data
deconstructionSeachData.houseingPageType=sessionStorage.getItem('houseingPageType')
}else{
deconstructionSeachData = deconstructionData(routeQuery.data)
deconstructionSeachData.houseingPageType = sessionStorage.getItem('houseingPageType')
} else {
deconstructionSeachData = deconstructionData(routeQuery.data)
}
//路由参数设置
if ((deconstructionSeachData.houseingPageType == '1') || (routePath.value === '/intermediaryHousing')) {
@@ -661,7 +669,7 @@ let routerQuerySet = () => {
selectPosition.value = 'school'
schoolSelectObj.id = deconstructionSeachData.selectData.id
schoolSelectObj.title = deconstructionSeachData.selectData.name
setSeachCondition('school', schoolSelectObj.id )
setSeachCondition('school', schoolSelectObj.id)
} else if (deconstructionSeachData.type === 'types') {
@@ -669,7 +677,7 @@ let routerQuerySet = () => {
hireTypeObj.id = deconstructionSeachData.selectData.id
hireTypeObj.title = deconstructionSeachData.selectData.title
hireTypeObj.hireId = type == 1 ? '合租' : type == 2 ? '整租' : '不限'
setSeachCondition('types', hireTypeObj.id )
setSeachCondition('types', hireTypeObj.id)
} else if (deconstructionSeachData.type === 'location') {
selectTabCheck.id = deconstructionSeachData.areaItem.id;
@@ -684,12 +692,12 @@ let routerQuerySet = () => {
hireTypeObj.hireId = type == 1 ? '合租' : type == 2 ? '整租' : '不限'
}
setSeachCondition('location', deconstructionSeachData.selectData[0]?deconstructionSeachData.selectData:[deconstructionSeachData.areaItem.id],{type:'types',id:hireTypeObj.id} )
if(deconstructionSeachData.selectData[0])
nextTick(() => {
setCheckBoxData(deconstructionSeachData.selectData)//设置地区选项
})
setSeachCondition('location', deconstructionSeachData.selectData[0] ? deconstructionSeachData.selectData : [deconstructionSeachData.areaItem.id], { type: 'types', id: hireTypeObj.id })
if (deconstructionSeachData.selectData[0])
nextTick(() => {
setCheckBoxData(deconstructionSeachData.selectData)//设置地区选项
})
}
}
setRouterQuerySet.value = false
@@ -1008,7 +1016,7 @@ img {
text-align: left;
height: 30px;
line-height: 30px;
margin-right: 35px;
margin-right: 20px;
width: 70px;
}
@@ -1176,6 +1184,11 @@ img {
border-color: rgba(179, 179, 179, 1);
border-radius: 10px;
padding: 0 10px;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #000000;
}
}
@@ -1194,7 +1207,7 @@ img {
font-style: normal;
font-size: 14px;
color: #333333;
margin-left: 10px;
margin-left: 15px;
.img {
width: 8px;