'新增综合查一次详情、调整二期新增的内容'

王恒

2025-09-04 616e6be49d3f64f2397cb1b1c05d2c06df3db9a3

 policy/reportRecord/reportRecord.vue

@@ -1,108 +1,117 @@
<template>
   <view class="page-box">
      <u-sticky bgColor="white">
         <view class="padding">
            <u-search placeholder="请输入申请记录关键词" v-model="queryParams.enforceReason" @clear="clean" shape="square" @confirm="search" :showAction="false"></u-search>
         </view>
      </u-sticky>
      <view class="list">
          <view class="list-item" @click="goReport(item.orderId)" 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="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>
</template>

<script>
   import {
      executeList
   } from '@/api/policy.js'
   export default {
      data() {
         return {
            list: [],
            total: 1,
            queryParams: {
               pageNum: 1,
               pageSize: 10,
               orderStatus: 4
            },
            searchContent: ''
         }
      },
      onShow() {
         this.queryParams.pageNum = 1
         this.list = []
         this.executeList()
      },
      onReachBottom() {
         if(this.list.length == this.total) {
            return
         }
         this.queryParams.pageNum++
         this.orderList()
      },
      methods: {
         clean() {
            this.queryParams.enforceReason = ""
            this.list = []
            this.executeList()
         },
         search() {
            this.queryParams.pageNum = 1
            this.list = []
            this.executeList()
         },
         goReport(order) {
            uni.navigateTo({
               url: `/policy/applyRecordDetails/applyRecordDetails?id=${order}`
            })
         },
         click() {

         },
         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 "./reportRecord.scss";
<template>

  <view class="page-box">

    <u-sticky bgColor="white">

      <view class="padding">

        <u-search placeholder="请输入申请记录关键词" v-model="queryParams.enforceReason" @clear="clean" shape="square"

          @confirm="search" :showAction="false"></u-search>

      </view>

    </u-sticky>

    <view class="list">

      <view class="list-item" @click="goReport(item.orderId)" 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>

</template>



<script>

  import {

    executeList

  } from '@/api/policy.js'

  export default {

    data() {

      return {

        list: [],

        total: 1,

        queryParams: {

          pageNum: 1,

          pageSize: 10,

          orderStatus: 4,

          isAsc: "desc",

          orderByColumn: "execute_time"

        },

        searchContent: ''

      }

    },

    onShow() {

      this.queryParams.pageNum = 1

      this.list = []

      this.executeList()

    },

    onReachBottom() {

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

        return

      }

      this.queryParams.pageNum++

      this.executeList()

    },

    methods: {

      clean() {

        this.queryParams.enforceReason = ""

        this.list = []

        this.executeList()

      },

      search() {

        this.queryParams.pageNum = 1

        this.list = []

        this.executeList()

      },

      goReport(order) {

        uni.navigateTo({

          url: `/policy/applyRecordDetails/applyRecordDetails?id=${order}`

        })

      },

      click() {



      },

      executeList() {

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

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

          this.total = val.data.total

          console.log(this.total)

        })

      }

    }

  }

</script>

<style>

  page {

    background-color: #F4F4F4;

  }

</style>

<style lang="scss" scoped>

  @import "./reportRecord.scss";

</style>