获取验证码功能

yaolonglong

3 天以前 b5f084460e9e639358fbf91056a86be8d0a5c4b2

 policy/reportPage/reportPage.vue

@@ -1,102 +1,104 @@
<template>
   <view class="page-box">
      <view class="list">
         <view class="list-item" v-for="(item,index) in list" :key="index">
            <view class="top-title">
               <text>{{item.enforceReason}}</text>
               <text class="status">待上报</text>
            </view>
            <view class="user-info">
               <text>{{item.executeUser}}</text>
               <!-- <view class="driver"></view>
               <text>{{item.executeDeptName}}</text> -->
            </view>
            <view class="user-info">
               <!-- <text>{{item.executeUser}}</text>
               <view class="driver"></view> -->
               <text>{{item.executeDeptName}}</text>
            </view>
            <view class="set-line">
               <text>执法对象：</text>{{item.companyName}}
            </view>
            <view class="line"></view>
            <view class="set-flex set-start set-flex-content-between">
               <view>
                  <view class="set-line1">
                     <text>执法时间：</text>{{item.planTime}}
                  </view>
                  <view class="set-line1">
                     <text>申请时间：</text>{{item.applyTime}}
                  </view>
               </view>
               <view class="button" @click="goReport(item.orderId)" >
                  上报
               </view>
            </view>
         </view>
          <u-empty v-if="!list.length" mode="data"></u-empty>
			 
      </view>
      <view class="down">
         <view class="button" @click="goRecord">
            上报记录
         </view>
      </view>
   </view>
</template>

<script>
   import { executeList } from '@/api/policy.js'
   export default {
      data() {
         return {
            list: [],
            total: 1,
            queryParams: {
               pageNum: 1,
               pageSize: 10,
               orderStatus: 3
            }
         }
      },
      onShow() {
         this.queryParams.pageNum = 1
         this.list = []
         this.executeList()
      },
      onReachBottom() {
         if(this.list.length == this.list.length) {
            return
         }
         this.queryParams.pageNum++
         this.executeList()
      },
      methods: {
         goReport(id) {
            uni.navigateTo({
               url: `/policy/reportDetails/reportDetails?id=${id}`
            })
         },
         goRecord() {
            uni.navigateTo({
               url: `/policy/reportRecord/reportRecord`
            })
         },
         // 获取待执法列表
         executeList() {
            executeList(this.queryParams).then(val => {
               this.list = [...this.list, ...val.data.rows]
               this.total = val.data.total
            })
         }
      }
   }
</script>
<style>
   page{
      background-color: #F4F4F4;
   }
</style>
<style lang="scss" scoped>
@import "./reportPage.scss";
</style>
<template>

  <view class="page-box">

    <view class="list">

      <view class="list-item" v-for="(item,index) in list" :key="index">

        <view class="top-title">

          <text>{{item.enforceReason}}</text>

          <text class="status">待上报</text>

        </view>

        <view class="user-info">

          <text>{{item.executeUser || ''}}</text>

          <!-- <view class="driver"></view>

               <text>{{item.executeDeptName}}</text> -->

        </view>

        <view class="user-info">

          <!-- <text>{{item.executeUser}}</text>

               <view class="driver"></view> -->

          <text>{{item.executeDeptName || ''}}</text>

        </view>

        <view class="set-line">

          <text>执法对象：</text>{{item.companyName}}

        </view>

        <view class="line"></view>

        <view class="set-flex set-start set-flex-content-between">

          <view>

            <view class="set-line1">

              <text>执法时间：</text>{{item.planTime || item.planMonth || ''}}

            </view>

            <view class="set-line1">

              <text>申请时间：</text>{{item.applyTime}}

            </view>

          </view>

          <view class="button" @click="goReport(item.orderId)">

            上报

          </view>

        </view>

      </view>

      <u-empty v-if="!list.length" mode="data"></u-empty>



    </view>

    <view class="down">

      <view class="button" @click="goRecord">

        上报记录

      </view>

    </view>

  </view>

</template>



<script>

  import {

    executeList

  } from '@/api/policy.js'

  export default {

    data() {

      return {

        list: [],

        total: 1,

        queryParams: {

          pageNum: 1,

          pageSize: 10,

          orderStatus: 3

        }

      }

    },

    onShow() {

      this.queryParams.pageNum = 1

      this.list = []

      this.executeList()

    },

    onReachBottom() {

      if (this.list.length == this.list.length) {

        return

      }

      this.queryParams.pageNum++

      this.executeList()

    },

    methods: {

      goReport(id) {

        uni.navigateTo({

          url: `/policy/reportDetails/reportDetails?id=${id}`

        })

      },

      goRecord() {

        uni.navigateTo({

          url: `/policy/reportRecord/reportRecord`

        })

      },

      // 获取待执法列表

      executeList() {

        executeList(this.queryParams).then(val => {

          this.list = [...this.list, ...val.data.rows]

          this.total = val.data.total

        })

      }

    }

  }

</script>

<style>

  page {

    background-color: #F4F4F4;

  }

</style>

<style lang="scss" scoped>

  @import "./reportPage.scss";

</style>