提交

src/components/selectTabBox/selectTabBox.vue

@@ -19,9 +19,9 @@
                                 @click="setSelectData(item.id, item.data, item.name)" v-for="(item, i) in list" :key="i">
                                 <div class="dis-f al-item">{{ item.name }} <div class="dis-f al-item"
                                         v-show="selectTabCheck.id === item.id && selectTabCheck.id">&nbsp>&nbsp
-                                        <div :class="{ 'check-data': selectData.data && selectData.data.length > 0 }">
+                                        <div :class="{ 'check-data': selectData.data && selectData.data.length > 0&&selectData.data.length!==selectTabCheck.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
                                             }}
                                         </div>
@@ -204,7 +204,7 @@
                 &nbsp</span>
             <div class="dis-f al-item">
                 <div v-show="selectTabCheck.id && selectTabCheck.title">{{ selectTabCheck.title }}:</div>
-                <div class="dis-f" style="flex-wrap: wrap;">
+                <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="">
@@ -469,8 +469,6 @@ let listSortCheck = (item) => {
 
 //出租方式
 let hireTypeArr = shallowReactive([{ hireType: [], title: '不限' }, { title: '合租', hireType: [] }, { hireType: [], title: '整租' }])
-// { hireType: [{ id: '', title: '不限' }, { id: '1', title: '独卫套房' }, { id: '2', title: '房间' },], title: '合租' },
-//     { hireType: [{ id: '', title: '不限' }, { id: '3', title: '3' }, { id: '4', title: '3' },], title: '整租' }
 
 //设置出租方式
 let setHireTypeArr = (type, id) => {
@@ -554,7 +552,6 @@ let otherCheck = reactive({ list: [] })
 
 //设置其他
 let setOtherCheck = (data) => {
-    // setStoreSelectData('otherCheck',data)
     setSeachCondition('', data)
 }
 
@@ -580,10 +577,45 @@ let cleanSelect = () => {
     // setCheckData([])
 }
 
+//获取一级区域
+let getAddressListId=(id)=>{
+    list.map(res=>{
+        if(res.id==id){
+            console.log(res)
+            return res
+        } 
+    })
+}
+
+//解数据
+let deconstructionData=(data={})=>{
+    //第一个为type  
+    //type第一个参数为一级区域  第二个参数为二级区域
+    let seachData={}
+    let key = Object.keys(data)
+    key.map((res,index)=>{
+        if(index===0){//类型
+           seachData['type']=res
+           seachData['selectData']=data[res]
+        }
+        if(index===1){//一级区域类型
+            let address=getAddressListId(data[res])
+            console.log(address)
+            seachData['areaItem']={id:'',name:'',data:''}
+            seachData['areaItem'].id=address.id
+            seachData['areaItem'].name=address.name
+            seachData['areaItem'].data=address.data
+        }
+    })
+    console.log(seachData)
+}
+
 //根据路由设置参数
 let setRouterQuerySet = ref(true)
 let routerQuerySet = () => {
     console.log(123, routeQuery)
+    deconstructionData(routeQuery.data)
+    return
     if (!setRouterQuerySet.value) return
     //路由参数设置
     if ((routeQuery.data && routeQuery.data.houseingPageType === '1') || (routePath.value === '/intermediaryHousing')) {
@@ -595,7 +627,7 @@ let routerQuerySet = () => {
     }
     if (Object.keys(routeQuery.data).length > 0) {
         if (!routeQuery.data || routeQuery.data && !routeQuery.data.data) return
-        let data = JSON.parse(routeQuery.data.data)
+        let data = routeQuery.data.data.split(',')
         if (routeQuery.data.type === 'school') {
             selectPosition.value = 'school'
             schoolSelectObj.id = data.id
@@ -606,10 +638,11 @@ let routerQuerySet = () => {
             hireTypeObj.title = data.name
             hireTypeObj.hireId = type == 1 ? '合租' : type == 2 ? '整租' : '不限'
         } else if (routeQuery.data.type === 'location') {
-            let areaItem = routeQuery.data.areaItem ? JSON.parse(routeQuery.data.areaItem) : ''
-            selectTabCheck.id = areaItem.id * 1;
-            selectTabCheck.title = areaItem.name
-            selectTabCheck.data = list[areaItem.id].data;
+            let areaItem = routeQuery.data.areaItem ? routeQuery.data.areaItem.split(',') : ''
+            selectTabCheck.id = areaItem[0]*1;
+            selectTabCheck.title = areaItem[1];
+            selectTabCheck.data = list[selectTabCheck.id].data;
+            console.log(list)
             selectData.data = seachAreaId(data)
             if (routeQuery.data.types) {
                 let types = JSON.parse(routeQuery.data.types)
@@ -622,7 +655,6 @@ let routerQuerySet = () => {
             setCheckBoxData(data)//设置地区选项
         }
     }
-
     setRouterQuerySet.value = false
 }