| this.queryParams.capacityRangeId = ""; | this.queryParams.capacityRangeId = ""; | ||||
| this.queryParams.areaRangeId = ""; | this.queryParams.areaRangeId = ""; | ||||
| this.queryParams.page = 1; | this.queryParams.page = 1; | ||||
| this.queryParams.pageSize = 10; | |||||
| this.queryParams.pageSize = 12; | |||||
| this.getListData(); | this.getListData(); | ||||
| }, | }, | ||||
| // 分页切换 | // 分页切换 |
| v-if="item.productDescription" | v-if="item.productDescription" | ||||
| :title="item.productDescription" | :title="item.productDescription" | ||||
| >{{ item.productDescription }}</div> | >{{ item.productDescription }}</div> | ||||
| <div class="item-price">¥{{ item.showPrice }}</div> | |||||
| <div class="item-price"><span v-if="item.showPrice !== '面议'">¥</span>{{ item.showPrice }}</div> | |||||
| </div> | </div> | ||||
| <br clear="all" /> | <br clear="all" /> | ||||
| </div> | </div> |
| <span class="main-price">面议</span> | <span class="main-price">面议</span> | ||||
| </div> | </div> | ||||
| <div class="main-showPrice" v-else> | <div class="main-showPrice" v-else> | ||||
| <span class="main-price">{{ item.housingInformationList[0].price }}</span> | |||||
| <span>{{ item.housingInformationList[0].unit }}</span> | |||||
| <span class="main-price">{{ getShowPrice(item).price }}</span> | |||||
| <span>{{ getShowPrice(item).unit }}</span> | |||||
| </div> | </div> | ||||
| <div class="main-showTotalPrice"> | <div class="main-showTotalPrice"> | ||||
| 总价:{{ item.housingInformationList[0].showTotalPrice }} | 总价:{{ item.housingInformationList[0].showTotalPrice }} | ||||
| }, | }, | ||||
| }); | }); | ||||
| }, | }, | ||||
| getShowPrice(item){ | |||||
| let showPrice = item.housingInformationList[0].showPrice; | |||||
| if(showPrice && showPrice !== '面议'){ | |||||
| let price = showPrice.split('/')[0]; | |||||
| let unit = showPrice.replace(price,'') | |||||
| return { | |||||
| price, | |||||
| unit | |||||
| } | |||||
| } | |||||
| return "面议" | |||||
| }, | |||||
| // 获取详情 | // 获取详情 | ||||
| getDesc(item){ | getDesc(item){ | ||||
| let str = `最短起租:${ item.shortestRent } | 总面积:${ item.totalArea }m² | 支付方式:${ item.payment } | ${ item.type }` | let str = `最短起租:${ item.shortestRent } | 总面积:${ item.totalArea }m² | 支付方式:${ item.payment } | ${ item.type }` |
| >{{ productDetail.productName }}</div> | >{{ productDetail.productName }}</div> | ||||
| <div class="main-price"> | <div class="main-price"> | ||||
| <span class="price-label">价格:</span> | <span class="price-label">价格:</span> | ||||
| <span class="price-value">¥{{ productDetail.showPrice }}</span> | |||||
| <span class="price-value"><span v-if="productDetail.showPrice !== '面议'">¥</span>{{ productDetail.showPrice }}</span> | |||||
| </div> | </div> | ||||
| <div class="mian-detail" :title="productDetail.productDescription"> | <div class="mian-detail" :title="productDetail.productDescription"> | ||||
| <span class="mian-detail-span">详情:</span> | <span class="mian-detail-span">详情:</span> |
| border-radius: 6px; | border-radius: 6px; | ||||
| text-align: center; | text-align: center; | ||||
| padding: 0; | padding: 0; | ||||
| &.is-disabled { | |||||
| color: #c0c4cc; | |||||
| cursor: not-allowed; | |||||
| background-image: none; | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| } | } |