From e0f1eddfe08f870b7bba24a77658073596f4bc2c Mon Sep 17 00:00:00 2001 From: luJianJun <2587063613@qq.com> Date: Fri, 21 Jul 2023 11:49:34 +0800 Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E9=A1=B5=E6=96=B0=E5=A2=9E?= =?UTF-8?q?=E6=B1=82=E6=88=BF=E6=BA=90=E5=88=A4=E6=96=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/detail/imageIcon.png | Bin 0 -> 1403 bytes src/assets/img/detail/videoIcon.png | Bin 0 -> 1123 bytes src/components/seachModule/seachModule.vue | 30 ++++++++------ src/components/seachPage/input.vue | 39 +++++++++++++------ src/components/selectTabBox/selectTabBox.vue | 29 +++++++++----- src/main.js | 1 + src/store/index.js | 4 +- src/views/detail.vue | 32 ++++++++++++++- src/views/seachIndex.vue | 2 +- 9 files changed, 100 insertions(+), 37 deletions(-) create mode 100644 src/assets/img/detail/imageIcon.png create mode 100644 src/assets/img/detail/videoIcon.png diff --git a/src/assets/img/detail/imageIcon.png b/src/assets/img/detail/imageIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..6224c1d1e9f0633715bc75a4330d2584142762a0 GIT binary patch literal 1403 zcmV->1%&#EP)Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@ z1ONa40RR91K%fHv1ONa40RR91KmY&$07g+lumAuA!6Z;g7Sj4x&@YMm zI5isXXqADPH2l4flMiGZBZujEBowUyJ7~1nHPmR>1x`78D(ZLwxf%GOza87%WrDmF z=fGgNK96m5nNE7-s|ET65aJG35fd%X;Tan0Dh7*2OLWIwa#XB4fX(6Atb1RSWyE%! zv%iO~&iX|Zt75j|a~i74BVe3uNm;9DzsaBr_)@12sd)rs`CgE=b`YQw;#1&DaIyiF zp9HE)T1HijZVK%`05`dQZbuhZf&0KuAW5k*0`zpVlDCQK-Qj(Z>`16Wz#0@fJW_cpszkZ0`>n5_y?4hDg@}8n+`eJ=krKVaPm0=V&r0+mVuSv zPB0O~$XT2|0q-_Y`Q7C$Iq@83^=FTkG-eBQ9BE=DfHX#gAo_P(u@^?}8i5AJ_;4v_xnR85iC#Qh6%fEpi zzJFmG0GS^yu*Zm|)N1e>@cm~_fxJ#TMZf}Xcq${fkFaHavdRmviCxn}2Q^DVCIQ-0 zyCs^h+A=S3H`LeWd%=EZucH1; zG<2=E1XAs>^1>@S*VowMNiGEKinlje{|MVYh zYnu6;MG+9Y259xxSzk|2NnQb_g1f*Rp#9g%G?Y)lUZ4dqh_+K{UFmTnV*lhG4q$w}-Y*h=8X zX!J-c4ZGPUZv>olL1?A#H<{uBKH>BsHIIP(&iQ_Hzt=mLq*TSKn63DnY~8T(Em*W) zTWAj-Gt4tRgJOIM*w|H`mlbN!Q{7I3C9ct7^j*MD5$D!3Ro@Er@FuzlK1RRC*_x^| z@X+DKGudzYQF74Hyd}{Kjo$nFE$I-iPO183sgmgP^+upi)S=_lug8gX1F-KVsKcdb z4e;JtT;>98i7KZkdi5RzUjvnEsTrsls2Qjks2Qjks2Rv*;6Is-SugdPiGTnA002ov JPDHLkV1h!Rd3*o> literal 0 HcmV?d00001 diff --git a/src/assets/img/detail/videoIcon.png b/src/assets/img/detail/videoIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..ea19c5aa77716a9577a74d07ba8826ee1f765fcd GIT binary patch literal 1123 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|Tv8)E(|mmy zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(<^uz(rC1}St4blLz^e%8~)F{Fa= z?ab&7-$04u$5q`#I@6xSP4?ECD9C^1!?D8w&6TclQ-Xq?998XdxhImDHc7?HOYgIX zk;ajLJpQ0}PAO*$^!D#hyK1%DviO@__WGM=BjW$w%6_}|`uEz``>)4kzb*FiYGP$= zVsdO;;1HmoAt1uR#RB0T_`lp?zS3@+S!JdM(jj`+_zQ*| zSN?fp=Tq(ew_0n`eyr0ur*$#(_m=f5C;#-h-gn^f30`HTuXC~#8H@7t78%Vkt17SM z{@EsRI>EN4{l>FkhFawpnRl9B8;IA;2y4$=&}p#or$_?h%^45P=Wp7!@oNBI<_-Tj zR}N@hcoH$?r^teO73HH*yyp|tchudeIeI*@z-T_x6Ym@Y@v;NV5i{Q}lX$*WwtSlo zi-Bi&fCaC3;uOo74{khWHK>hsdN^aHip4i6Mxig3&#%QPA5h)3Rd0FrM=jephP7-_ zho&8RT~T{(r?x2LBJWT?7XPXFKWrJQ7oJsg3%~v7MqVw~1-X+>{%}tiM2du8@AZB&5PJMV@_US z9+$*!?}IUy1NWyrH=VES;JDR2pH21A=`RyY*|#}8`lljmmuY)4>FA5;%O5J7d*AFj z;gpob53j74EICsyOnXL+$;nsmjf2mZ%N(|Koh@=bD0NQ#vY4nX=G)u2*V;_! zzxUO0LBH1I_%ACg58vDpyjeEC@Y{?#jd8ZUcGmsQvUy(|zBRkG)b4Gq619ldmCHFU zRd#yr-ectpI^QbXu*~2$uzj>>Qk85>E87enR^4+;mQ~M6nD^B8@cI(gUd5?0RSoOGT_1AluVaxYU?p^XV z@B;s&yP7R_3%)g6`yHZtPUb?S!`~;dyjAX}6<)S=sj>PB-z~oIr(p00i_>zopr0LRMYivR!s literal 0 HcmV?d00001 diff --git a/src/components/seachModule/seachModule.vue b/src/components/seachModule/seachModule.vue index f811b0b..bd78af0 100644 --- a/src/components/seachModule/seachModule.vue +++ b/src/components/seachModule/seachModule.vue @@ -160,22 +160,29 @@ historyArr.data = JSON.parse(localStorage.getItem('historyArr')) || [] //搜索数据 let seachList = (item) => { // console.log(123) - let string=seachAllType.keyword + let string = seachAllType.keyword if (!string.replace(/\s/g, "")) return if (historyArr.data.indexOf(seachAllType.keyword) === -1) { historyArr.data.push(seachAllType.keyword) } localStorage.setItem('historyArr', JSON.stringify(historyArr.data)); - if (routePath.value === '/') { - route.push({ - path: '/seachPage', - query: { - keyword: seachAllType.keyword - } - }) - }else{ - setSeachConditions() - } + route.push({ + path: '/seachPage', + query: { + keyword: seachAllType.keyword, + isNeedHousing:routePath.value === '/needHousing' + } + }) + // if (routePath.value === '/') { + // route.push({ + // path: '/seachPage', + // query: { + // keyword: seachAllType.keyword + // } + // }) + // }else{ + // setSeachConditions() + // } // getDataList(seachAllType) } @@ -418,6 +425,7 @@ defineExpose({ border-radius: 0 8px 8px 0; line-height: 48px; cursor: pointer; + transform: translateX(-3px); } .img { diff --git a/src/components/seachPage/input.vue b/src/components/seachPage/input.vue index 62a4140..7555242 100644 --- a/src/components/seachPage/input.vue +++ b/src/components/seachPage/input.vue @@ -25,20 +25,33 @@
-
- 个人房源 521 + 个人房源 {{ seachKey.key&&seachKey.key.personal&&seachKey.key.personal.count }}
- 个人房源 521 + 个人房源 {{ seachKey.key&&seachKey.key.personal&&seachKey.key.personal.count }}
-
+
+ 求房源 {{ seachKey.key&&seachKey.key.personal&&seachKey.key.personal.count }} +
+ 求房源 {{ seachKey.key&&seachKey.key.personal&&seachKey.key.personal.count }} +
+
+ +
+
+
+
@@ -52,12 +65,12 @@
- 中介房源 82 + 中介房源 {{ seachKey.key&&seachKey.key.intermediary&&seachKey.key.intermediary.count }}
- 中介房源 82 + 中介房源 {{ seachKey.key&&seachKey.key.intermediary&&seachKey.key.intermediary.count }}
+ :class="{ 'select-top-btn-bg': tabType === 'apartment' }" v-if="!isNeedHousing">
@@ -65,9 +78,9 @@
- 品牌公寓 6 + 品牌公寓 {{ seachKey.key&&seachKey.key.studentapartment&&seachKey.key.studentapartment.count }}
- 学生公寓 6 + 学生公寓 {{ seachKey.key&&seachKey.key.studentapartment&&seachKey.key.studentapartment.count }}
@@ -203,7 +216,11 @@ let getDataList = props.getDataList //搜索内容 let seachVal = ref('') +let isNeedHousing=ref(false) seachVal.value = route.currentRoute.value.query.keyword + +//判断是否从求房源页面跳转 +isNeedHousing.value = route.currentRoute.value.query.isNeedHousing==='true' //搜索key let seachKey = reactive({ key: {} }) @@ -253,11 +270,11 @@ let setPageKey = () => { //搜索初始化 let searchInit = (data) => { + console.log(123456) api.search({ keyword: data }).then(res => { if (res.code === 200) { seachKey.key = res.data seachAllType.searchid = setPageKey() - // console.log(seachAllType) getDataList(seachAllType, tabType.value) } else { ElMessage({ @@ -269,7 +286,7 @@ let searchInit = (data) => { } //搜索数据 let seachList = (item) => { - if(seachVal.value.replace(/\s/g,""))return + if(!seachVal.value.replace(/\s/g,""))return if (!seachVal.value) { return } diff --git a/src/components/selectTabBox/selectTabBox.vue b/src/components/selectTabBox/selectTabBox.vue index a049029..be97c65 100644 --- a/src/components/selectTabBox/selectTabBox.vue +++ b/src/components/selectTabBox/selectTabBox.vue @@ -242,6 +242,25 @@ import store from '../../store/index'; //数据包 let configData = reactive({ data: {} }) +//保存筛选参数 +let setStoreSelectData=(obj,data,type)=>{ + console.log(store.state.seachSelect) + // otherCheck['list'] + // releaseObj.id + // gender.id + // hireDate.id + // hireDate.title + // hireTypeObj.id + // hireTypeObj.title + // hireTypeObj.hireId + // selectTabCheck.id + // selectTabCheck.title + // selectTabCheck.data + // selectData.data + // schoolSelectObj.id + // schoolSelectObj.title +} + //监听路由 const route = useRouter() let routePath = ref('') @@ -362,15 +381,6 @@ let nextSchoolData = () => { //设置状态 let setSelectPosition = (type) => { selectPosition.value = type - // if (type === 'school') { - // selectTabCheck.id = ''; - // selectTabCheck.title = '不限' - // selectTabCheck.data = []; - // selectData.data = [] - // } else { - // schoolSelectObj.id = '' - // schoolSelectObj.title = '' - // } } //点击区域/学校选项 @@ -533,6 +543,7 @@ let otherCheck = reactive({ list: [] }) //设置其他 let setOtherCheck = (data) => { + // setStoreSelectData('otherCheck',data) setSeachCondition('', data) } diff --git a/src/main.js b/src/main.js index 149c0ca..cd98fd1 100644 --- a/src/main.js +++ b/src/main.js @@ -41,6 +41,7 @@ import Axios from '@/utils/axios'; api.index().then(res => { if (res.code === 200) { + console.log(123) store.state.seachTypeData = res.data.combination store.state.indexData = res.data store.state.ListSelectBtn = res.data.recommendedTab diff --git a/src/store/index.js b/src/store/index.js index bd6cc50..3fcf5a7 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -9,7 +9,6 @@ export default createStore({ wechat: {}, // 微信号 二维码等数据 nav: [], // 顶部的导航数据 apartment: {}, // 公寓筛选的字段 -// <<<<<<< HEAD routeList:{ index:{ path:'/', @@ -20,9 +19,8 @@ export default createStore({ title:'', } },//导航路由列表 -// ======= + seachSelect:{},//保存筛选条件 showloginmodal: false, // 是否需要登录状态 -// >>>>>>> 542e853 (提交) }, getters: { diff --git a/src/views/detail.vue b/src/views/detail.vue index 16191bc..d40f48b 100644 --- a/src/views/detail.vue +++ b/src/views/detail.vue @@ -44,8 +44,11 @@
-
- +
+
+ +
+
@@ -185,6 +188,31 @@ img { } } } + + .image-box { + margin-top: 35px; + + .img-video { + width: 26px; + height: 26px; + } + + .img-icon { + width: 22px; + height: 22px; + } + + .num-box { + width: 20px; + height: 20px; + border-radius: 50%; + color: #333333; + font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; + font-weight: 400; + font-style: normal; + font-size: 14px; + } + } } \ No newline at end of file diff --git a/src/views/seachIndex.vue b/src/views/seachIndex.vue index 7f58ddb..ec99364 100644 --- a/src/views/seachIndex.vue +++ b/src/views/seachIndex.vue @@ -181,7 +181,7 @@ onMounted(() => { routeQuery.data = route.currentRoute.value.query console.log(routeQuery) if(routeQuery.data.keyword){ - inputModuleInfo.value.searchInit(routeQuery.data.keyword) + inputModuleInfo.value.searchInit(routeQuery.data.keyword)//调用搜索组件的搜索功能 route.currentRoute.value.query={} }else{ getDataList()