王恒
2025-09-26 28ab9da809aa7c5d42e1871af5fd10c2de09ac66
policy/reportRecord/reportRecord.vue
@@ -1,119 +1,117 @@
<template>
   <view class="page-box">
      <u-sticky bgColor="white">
         <u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs>
      </u-sticky>
      <view class="list">
         <view class="list-item" @click="goReport">
            <view class="top-title">
               <text>24年5月突击检查消防安全</text>
               <text class="status">已结束</text>
            </view>
            <view class="user-info">
               <text>王思雨</text>
               <view class="driver"></view>
               <text>执法一大队</text>
            </view>
            <view class="set-line">
               <text>执法对象:</text>河南觉醒科技有限公司
            </view>
            <view class="line"></view>
            <view class="set-flex set-start set-flex-content-between">
               <view>
                  <view class="set-line1">
                     <text>执法时间:</text>2024-05-12 12:00
                  </view>
                  <view class="set-line1">
                     <text>申请时间:</text>2024-05-12 12:00:12
                  </view>
               </view>
            </view>
         </view>
         <view class="list-item">
            <view class="top-title">
               <text>24年5月突击检查消防安全</text>
               <text class="status">已结束</text>
            </view>
            <view class="user-info">
               <text>王思雨</text>
               <view class="driver"></view>
               <text>执法一大队</text>
            </view>
            <view class="set-line">
               <text>执法对象:</text>河南觉醒科技有限公司
            </view>
            <view class="line"></view>
            <view class="set-flex set-start set-flex-content-between">
               <view>
                  <view class="set-line1">
                     <text>执法时间:</text>2024-05-12 12:00
                  </view>
                  <view class="set-line1">
                     <text>申请时间:</text>2024-05-12 12:00:12
                  </view>
               </view>
            </view>
         </view>
         <view class="list-item">
            <view class="top-title">
               <text>24年5月突击检查消防安全</text>
               <text class="status">已结束</text>
            </view>
            <view class="user-info">
               <text>王思雨</text>
               <view class="driver"></view>
               <text>执法一大队</text>
            </view>
            <view class="set-line">
               <text>执法对象:</text>河南觉醒科技有限公司
            </view>
            <view class="line"></view>
            <view class="set-flex set-start set-flex-content-between">
               <view>
                  <view class="set-line1">
                     <text>执法时间:</text>2024-05-12 12:00
                  </view>
                  <view class="set-line1">
                     <text>申请时间:</text>2024-05-12 12:00:12
                  </view>
               </view>
            </view>
         </view>
      </view>
   </view>
</template>
<script>
   export default {
      data() {
         return {
                  list1: [{
                                name: '待上报',
                            }, {
                                name: '已上报',
                            }]
         }
      },
      methods: {
         goReport() {
            uni.navigateTo({
               url: `/policy/reportDetails/reportDetails`
            })
         },
         click() {
         }
      }
   }
</script>
<style>
   page{
      background-color: #F4F4F4;
   }
</style>
<style lang="scss" scoped>
@import "./reportRecord.scss";
</style>
<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>