streetDypczl.vue 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <template>
  2. <view class="uni-container">
  3. <my-search :queryParams="queryParams" :getData="getData" @date-change="onDateChange"></my-search>
  4. <view class="main-street" v-if="list.length>0 && isLoaded">
  5. <view v-for="(item, index) in list" :key="index">
  6. <uni-card>
  7. <view>
  8. <view class="main-item">
  9. <view>填报时间:</view>
  10. <view class="conts">{{ item.reporttime }}</view>
  11. </view>
  12. </view>
  13. <view class="">
  14. <view class="an-niu-street" @click.native="delClick(item.id)" link style="margin-left:3px">
  15. <text class="deletes">删除</text>
  16. </view>
  17. <view class="an-niu-street" @click.native="viewClick(item.id)" link>
  18. <text class="detail">查看</text>
  19. </view>
  20. <view class="an-niu-street" @click.native="editClick(item.id)" link>
  21. <text class="bianji">编辑</text>
  22. </view>
  23. </view>
  24. </uni-card>
  25. </view>
  26. </view>
  27. <view v-else-if="list.length==0 && isLoaded" style="text-align:center;">
  28. 暂无数据
  29. </view>
  30. <image :src="Group" @click="addClick" class="tiantupian-street"></image>
  31. <!-- 加载中 -->
  32. <isLodingModel></isLodingModel>
  33. </view>
  34. </template>
  35. <script>
  36. import {
  37. getDypczl,
  38. delDypczl
  39. }
  40. from '@/api/fire_inspetItem/index';
  41. import {
  42. delSure
  43. } from '@/utils/common.js'
  44. import config from '@/config'
  45. const baseUrlImg = config.baseUrlImg
  46. import mySearch from '@/pagesA/components/my-search/index'
  47. export default {
  48. components: {
  49. mySearch
  50. },
  51. data() {
  52. return {
  53. isLoaded: false,
  54. Group: `${baseUrlImg}/checkActive/Group.png`,
  55. tan90: `${baseUrlImg}/tan90.png`,
  56. list: [],
  57. queryParams: {
  58. pageNo: 1,
  59. pageSize: 10,
  60. reporttime: []
  61. },
  62. // 总条数
  63. total: 0,
  64. loading: false
  65. }
  66. },
  67. onShow() {
  68. this.list = []
  69. this.getData()
  70. },
  71. watch: {
  72. loading: {
  73. handler(newLength, oldLength) {
  74. this.$modal.isLoadingModel(this.loading)
  75. },
  76. immediate: true
  77. }
  78. },
  79. methods: {
  80. onDateChange(params) {
  81. this.queryParams = params
  82. this.loading = true
  83. this.isLoaded = false
  84. this.list=[]
  85. this.getData()
  86. },
  87. getData() {
  88. this.loading = true
  89. getDypczl(this.queryParams).then(response => {
  90. console.log(response, 'reponse');
  91. this.isLoaded = true
  92. this.list = [...this.list, ...response.data.list]
  93. this.loading = false
  94. // this.list = reponse.data.list
  95. })
  96. },
  97. viewClick(item) {
  98. this.isLoaded = false
  99. uni.navigateTo({
  100. url: `/pagesA/fire/fire_inspetItem/add-street/streetDypczl?viewData=${item}`,
  101. })
  102. },
  103. editClick(item) {
  104. this.isLoaded = false
  105. uni.navigateTo({
  106. url: `/pagesA/fire/fire_inspetItem/add-street/streetDypczl?editData=${item}`,
  107. })
  108. },
  109. delClick(val) {
  110. this.isLoaded = false
  111. delSure(delDypczl, val, this)
  112. },
  113. addClick() {
  114. this.isLoaded = false
  115. uni.navigateTo({
  116. url: '/pagesA/fire/fire_inspetItem/add-street/streetDypczl',
  117. })
  118. },
  119. },
  120. // 触底的事件
  121. onReachBottom() {
  122. // 判断是否还有下一页数据
  123. if (this.queryParams.pageNo * this.queryParams.pageSize >= this.total)
  124. return uni.showToast({
  125. title: `数据加载完毕`
  126. });
  127. // 判断是否正在请求其它数据,如果是,则不发起额外的请求
  128. if (this.loading) return;
  129. this.queryParams.pageNo += 1;
  130. this.getData(this.queryParams.pageNo);
  131. },
  132. }
  133. </script>
  134. <style lang="scss" scoped>
  135. body {
  136. background-color: #f5f7f9;
  137. }
  138. page {
  139. background-color: #f5f7f9 !important;
  140. }
  141. .uni-container {
  142. height: 100%
  143. }
  144. /deep/.uni-card {
  145. box-shadow: 0px 0px 3px 0px rgba(86, 165, 168, 0.63) !important;
  146. border-radius: 30rpx;
  147. }
  148. </style>