王恒
2025-09-04 616e6be49d3f64f2397cb1b1c05d2c06df3db9a3
policy/reportPage/reportPage.vue
@@ -1,125 +1,104 @@
<template>
   <view class="page-box">
      <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 class="button">
                  上报
               </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 class="button">
                  上报
               </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 class="button">
                  上报
               </view>
            </view>
         </view>
      </view>
      <view class="down">
         <view class="button" @click="goRecord">
            上报记录
         </view>
      </view>
   </view>
</template>
<script>
   export default {
      data() {
         return {
         }
      },
      methods: {
         goReport() {
            uni.navigateTo({
               url: `/policy/reportRecord/reportRecord`
            })
         },
         goRecord() {
            uni.navigateTo({
               url: `/policy/reportRecord/reportRecord`
            })
         }
      }
   }
</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>