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-04 18:39:16 +08:00
parent a598bb8f2f
commit 80609bd54e
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -51,7 +51,7 @@
class="img" alt=""> class="img" alt="">
</div> </div>
<el-carousel :autoplay="false" arrow="never" :loop="false" height="50px" <el-carousel :autoplay="false" arrow="never" :loop="false" height="50px"
indicator-position="none" class="s-w-100" ref="schoolData"> indicator-position="none" class="s-w-100" ref="schoolData" :initial-index="schoolSelectObj.page">
<el-carousel-item v-for="(item, i) in shcoolData" :key="i"> <el-carousel-item v-for="(item, i) in shcoolData" :key="i">
<div class="school-carousel-box" :class="{ 'jus-sp': item.length === 4 }"> <div class="school-carousel-box" :class="{ 'jus-sp': item.length === 4 }">
<div v-for="(items, i) in item" :key="items" @click="setSchoolObj(items)" <div v-for="(items, i) in item" :key="items" @click="setSchoolObj(items)"
@@ -328,7 +328,7 @@ let selectPosition = ref('region')
let showSelect = ref(false) let showSelect = ref(false)
//学校区域状态 //学校区域状态
let schoolSelectObj = reactive({ id: '', title: '不限' }) let schoolSelectObj = reactive({ id: '', title: '不限',page:'' })
let schoolPages = ref(0) //页数 let schoolPages = ref(0) //页数
let shcoolData = shallowReactive([]) let shcoolData = shallowReactive([])
let setSchoolData = () => { let setSchoolData = () => {
@@ -340,11 +340,12 @@ let setSchoolData = () => {
shcoolData[num] = [] shcoolData[num] = []
} }
if (shcoolData[num].length < 4) shcoolData[num].push(arr[i]) if (shcoolData[num].length < 4) shcoolData[num].push(arr[i])
if(arr[i].id===schoolSelectObj.id)schoolSelectObj['page']=num
if (shcoolData[num].length === 4) { if (shcoolData[num].length === 4) {
num++ num++
} }
} }
console.log(schoolSelectObj)
} }
//选择学校区域属性 //选择学校区域属性