修改机构过长的问题

wjt

2024-06-26 6dd9823b8495252e6d0ba35e6114799321453cbe

 policy/reportRecord/reportRecord.vue

@@ -1,119 +1,116 @@
<template>
   <view class="page-box">
      <u-sticky bgColor="white">
         <u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs>
         <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">
            <view class="top-title">
               <text>24年5月突击检查消防安全</text>
               <text class="status">已结束</text>
            </view>
          <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>王思雨</text>
               <view class="driver"></view>
               <text>执法一大队</text>
               <!-- <text>{{item.executeUser}}</text>
               <view class="driver"></view> -->
               <text>{{item.executeDeptName}}</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 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 {
                  list1: [{
                                name: '待上报',
                            }, {
                                name: '已上报',
                            }]
            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: {
         goReport() {
         clean() {
            this.queryParams.enforceReason = ""
            this.list = []
            this.executeList()
         },
         search() {
            this.queryParams.pageNum = 1
            this.list = []
            this.executeList()
         },
         goReport(order) {
            uni.navigateTo({
               url: `/policy/reportDetails/reportDetails`
               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{
   page {
      background-color: #F4F4F4;
   }
</style>
<style lang="scss" scoped>
@import "./reportRecord.scss";
</style>
   @import "./reportRecord.scss";
</style>