瑶都万能墙
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

213 lines
3.9 KiB

7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
  1. <template>
  2. <view class="page pageList">
  3. <navbar title="租房列表" leftClick @leftClick="$utils.navigateBack" />
  4. <view class="flex"
  5. style="padding: 20rpx;">
  6. <uv-search
  7. bgColor="#fff"
  8. @search="getData"
  9. @custom="getData"
  10. searchIconSize="30rpx"
  11. placeholder="请输入搜索关键字..."
  12. v-model="queryParams.title"></uv-search>
  13. </view>
  14. <view class="">
  15. <screenRen
  16. @clickItem="clickItem"/>
  17. </view>
  18. <!-- <view class="flex-wrap rx">
  19. <view class="sb-w3">
  20. <image src="/static/image/home/1.png" />
  21. <view>居住</view>
  22. </view>
  23. <view class="sb-w3">
  24. <image src="/static/2.png" />
  25. <view>办公</view>
  26. </view>
  27. <view class="sb-w3">
  28. <image src="/static/3.png" />
  29. <view>做生意</view>
  30. </view>
  31. </view> -->
  32. <view class="container">
  33. <view class="re-empty font-c" style="display: none;">暂无数据</view>
  34. <view class="card-item flex-sb"
  35. v-for="(item, index) in list"
  36. :key="index"
  37. @click="clickDetail(item)">
  38. <view>
  39. <image class="imx"
  40. @click.stop="previewImage([item.image &&
  41. item.image.split(',')[0]])"
  42. :src="item.image &&
  43. item.image.split(',')[0]" />
  44. </view>
  45. <view style="width: calc(100% - 330rpx);">
  46. <view class="t1">{{ item.title }}</view>
  47. <view class="t2">{{ item.home }} {{ item.crm }}m2 | {{ item.face }}</view>
  48. <view class="flex">
  49. <view class="t3" v-if="item.isGood">{{ item.isGood }}</view>
  50. <view class="t3" v-if="item.isMinPrice">{{ item.isMinPrice }}</view>
  51. <!-- <view class="t3">低价</view> -->
  52. </view>
  53. <view class="t4">{{ item.money }}/</view>
  54. </view>
  55. </view>
  56. </view>
  57. </view>
  58. </template>
  59. <script>
  60. import mixinsList from '@/mixins/list.js'
  61. import screenRen from '../components/screen/screenRen.vue'
  62. export default {
  63. mixins: [mixinsList],
  64. components : {
  65. screenRen,
  66. },
  67. data() {
  68. return {
  69. mixinsListApi : 'getRentPage',
  70. }
  71. },
  72. methods: {
  73. clickDetail(item){
  74. uni.navigateTo({
  75. url: '/pages_order/renting/rentingDetail?id=' + item.id
  76. })
  77. },
  78. clickItem(result){
  79. console.log(result);
  80. this.queryParams = {
  81. pageNo: 1,
  82. pageSize: 10,
  83. }
  84. result.forEach(n => {
  85. this.queryParams[n.name] = n.value
  86. })
  87. this.getData()
  88. },
  89. }
  90. }
  91. </script>
  92. <style scoped lang="scss">
  93. .container {
  94. padding: 0 30rpx;
  95. }
  96. .area {
  97. width: 154rpx;
  98. line-height: 78rpx;
  99. margin: 0 20rpx;
  100. }
  101. .s-div {
  102. margin: 0 10rpx;
  103. }
  104. .seacher {
  105. width: 486rpx;
  106. height: 78rpx;
  107. background: #F3F3F3;
  108. border-radius: 44rpx 44rpx 44rpx 44rpx;
  109. font-weight: 400;
  110. font-size: 28rpx;
  111. text-align: left;
  112. font-style: normal;
  113. text-transform: none;
  114. padding: 0 0 0 80rpx;
  115. }
  116. .seacher-placeholder {
  117. color: #BFBFBF;
  118. }
  119. .icon {
  120. position: absolute;
  121. left: 30rpx;
  122. top: 18rpx;
  123. }
  124. .rx {
  125. height: 214rpx;
  126. width: 100%;
  127. padding: 40rpx 0 0;
  128. }
  129. .sb-w3 image {
  130. width: 100rpx;
  131. height: 100rpx;
  132. }
  133. .sb-w3 view {
  134. line-height: 52rpx;
  135. font-weight: 400;
  136. font-size: 28rpx;
  137. color: #3D3D3D;
  138. }
  139. .card-item {
  140. width: 690rpx;
  141. height: 250rpx;
  142. background: #FFFFFF;
  143. box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
  144. border-radius: 8rpx 8rpx 8rpx 8rpx;
  145. margin-bottom: 36rpx;
  146. overflow: hidden;
  147. }
  148. .imx {
  149. width: 300rpx;
  150. height: 96%;
  151. margin: 2% 0;
  152. }
  153. .t1 {
  154. font-weight: 400;
  155. font-size: 32rpx;
  156. color: #3D3D3D;
  157. line-height: 80rpx;
  158. text-align: left;
  159. }
  160. .t2 {
  161. font-weight: 400;
  162. font-size: 20rpx;
  163. color: #656565;
  164. line-height: 20rpx;
  165. text-align: left;
  166. }
  167. .t3 {
  168. font-weight: 400;
  169. font-size: 20rpx;
  170. line-height: 32rpx;
  171. color: #00B90C;
  172. text-align: center;
  173. height: 32rpx;
  174. width: 60rpx;
  175. margin: 15rpx 10rpx 0 0;
  176. background: rgba(121, 255, 179, 0.21);
  177. border-radius: 4rpx 4rpx 4rpx 4rpx;
  178. }
  179. .t4 {
  180. font-weight: 400;
  181. font-size: 32rpx;
  182. color: #FF0000;
  183. line-height: 100rpx;
  184. text-align: left;
  185. }
  186. </style>