quanyawei
2023-11-20 5f8cd55f32939d15c6224d491f89743421cab0f9
pages/actionChange/agencyPage/index.vue
@@ -15,7 +15,7 @@
         </view>
      </view>
      <view>
         <u-tabs :list="list" :scrollable="scrollable" lineWidth="60" @change="changeTap" />
         <u-tabs :list="list" :scrollable="scrollable" lineWidth="60" :current='current' @change="changeTap" />
      </view>
      <view class="" v-if="userName">
         <view class="dataRangeSerch" v-if="current===3">
@@ -24,7 +24,7 @@
               <uni-datetime-picker v-model="range" type="daterange" rangeSeparator="至" />
            </view>
            <view>
               <u-button type="primary" size="small" text="查询" @click="getWorkOrder"></u-button>
               <u-button type="primary" size="small" text="查询" @click="getSearch" throttleTime='500'></u-button>
            </view>
         </view>
         <view :key="index" v-for="(item, index) in workOderList" class="workOrderDetail"
@@ -107,11 +107,7 @@
                     <view class="wholeLine">
                        <text class="rowTipContenetLabel">上报单位:</text>
                        <text class="rowTipContenetAll">
                           {{ unitList.find(
                                 (a) =>
                                    item && parseInt(a.unitId) === item.escalationUnitId
                              ).unitName
                           }}
                           {{ item.escalationUnitName}}
                        </text>
                     </view>
                  </view>
@@ -161,7 +157,7 @@
               value: 3,
            }, ],
            showeEscalationTime: false,
            current: 0,
            current: 1,
            startTime: '',
            endTime: '',
            workOderList: [],
@@ -207,16 +203,6 @@
            return data
         }
      },
      onReachBottom() {
         //这里是判断是否需要继续掉接口
         if (this.isLoading) {
            this.status = 'loading'
            //请求一次接口,页码就++
            this.page.currentPage = ++this.page.currentPage
            //根据索引,点击哪个tab加载哪个
            this.getWorkOrder()
         }
      },
      mounted() {},
      filters: {
         stateFormatter(val) {
@@ -226,14 +212,21 @@
      },
      onLoad: () => {},
      methods: {
         onBottom() {
            //这里是判断是否需要继续掉接口
            console.log('1122111')
            this.status = 'loading'
            //请求一次接口,页码就++
            this.page.currentPage = ++this.page.currentPage
            //根据索引,点击哪个tab加载哪个
            this.getWorkOrder()
         },
         getLoadmore() {
            if (this.isLoading) {
               this.status = 'loading'
               //请求一次接口,页码就++
               this.page.currentPage = ++this.page.currentPage
               //根据索引,点击哪个tab加载哪个
               this.getWorkOrder()
            }
            this.status = 'loading'
            //请求一次接口,页码就++
            this.page.currentPage = ++this.page.currentPage
            //根据索引,点击哪个tab加载哪个
            this.getWorkOrder()
         },
         async onChooseAvatar(e) {
            const {
@@ -285,9 +278,26 @@
               currentPage: 1,
               pageSize: 10
            }
            this.workOderList = []
            this.startTime = ''
            this.endTime = ''
            uni.$u.throttle(this.getWorkOrder, 500)
         },
         getSearch() {
            this.workOderList = []
            this.page = {
               currentPage: 1,
               pageSize: 10
            }
            this.getWorkOrder()
         },
         setData() {
            this.workOderList = []
            this.page = {
               currentPage: 1,
               pageSize: 10
            }
            this.getContaminateList()
         },
         // 获取责任单位list
         getUnitList() {
@@ -332,28 +342,25 @@
                     this.isLoading = true
                     this.status = 'loadmore'
                  }
                  if (this.page.currentPage === res.data.page.currentPage) {
                     this.workOderList = res.data.list
                  } else {
                     res.data.list.forEach(el => {
                        this.workOderList.push(el)
                     })
                  }
                  res.data.list.forEach(el => {
                     this.workOderList.push(el)
                  })
               } else {
                  this.status = 'nomore'
               }
            })
         },
         handleClick(e, pageState) {
            this.$http.httpGet('/allocation/detail', {
               id: e.allocationId
            }).then(res => {
               let data = res.data
               data.pageState = e.stateName === '待处理' ? pageState : 'view'
               let myData = JSON.stringify(data)
               uni.navigateTo({
                  url: '/pages/actionChange/workOrderDetails/index?infor=' + myData + '&type=jump',
               })
            let data = {}
            data.pageState = e.stateName === '待处理' ? pageState : 'view'
            data.stateName = e.stateName
            data.allocationId = e.allocationId
            data.state = e.state
            data.allocationNum = e.allocationNum
            data.current = this.current
            let myData = JSON.stringify(data)
            uni.navigateTo({
               url: '/pages/actionChange/workOrderDetails/index?infor=' + myData + '&type=jump',
            })
         },
      },
@@ -361,6 +368,10 @@
   }
</script>
<style scoped lang="scss">
   page {
      height: 101vh;
   }
   /deep/.uni-page-head {
      display: none;
   }
@@ -471,9 +482,9 @@
         opacity: 0;
         padding: .1em .5em;
         text-transform: uppercase;
         opacity: 0;
         transform: rotate(-2deg) scale(5);
         animation: seal .3s cubic-bezier(0.6, 0.04, 0.98, 0.335) forwards;
         opacity: .75;
         transform: rotate(-15deg) scale(1);
         // animation: seal .3s cubic-bezier(0.6, 0.04, 0.98, 0.335) forwards;
      }
      @keyframes seal {