searchData.vue 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template>
  2. <view class="content">
  3. <fxyk-navbar :isSearch="false" title=""></fxyk-navbar>
  4. <fxyk-search :paddingX="40" :paddingY="20" backgroundColor="#F7FBFF"></fxyk-search>
  5. <view v-for="(item,index) in ongoingData" :key="index" @click="jump_path">
  6. <fxyk-projectCard style="box-shadow: 0rpx 6rpx 13rpx rgba(0, 0, 0, 0.16);" :projectData="item" textAndIconColor="#000" bgColor="#fff"></fxyk-projectCard>
  7. <!-- <u-gap height="15" bg-color="#bbb"></u-gap> -->
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. projectData: [
  16. {'status': 2,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'},
  17. {'status': 1,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'},
  18. {'status': 1,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'},
  19. {'status': 1,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'},
  20. {'status': 1,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'},
  21. {'status': 3,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'},
  22. {'status': 3,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'},
  23. {'status': 3,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'},
  24. {'status': 3,'name':'辽宁中润农业发展有限公司','number':'121514551Fs15','content':'描述'}
  25. ],
  26. ongoingData: []
  27. }
  28. },
  29. onLoad(option) {
  30. let status = parseInt(option.status)
  31. this.get_ongoing_data(status)
  32. },
  33. methods: {
  34. // 获取数据
  35. get_ongoing_data(value) {
  36. this.ongoingData = this.projectData.filter(item => item.status === value)
  37. },
  38. // 跳转到节点办理页
  39. jump_path() {
  40. uni.navigateTo({
  41. url: '/pages/index/ongoing/detail'
  42. })
  43. }
  44. }
  45. }
  46. </script>
  47. <style lang="scss" scoped>
  48. page {
  49. width: 100%;
  50. height: 100%;
  51. min-height: 100vh;
  52. background-color: $yk-bg-color;
  53. }
  54. .content {
  55. width: 100%;
  56. height: 100%;
  57. min-height: 100vh;
  58. background-color: $yk-bg-color;
  59. }
  60. </style>