新功能添加

wjt

2024-07-23 c3b2d6d35b77d11ff86d45926501493b7fc8886e

 qiye/complaint/complaint.vue

@@ -5,31 +5,52 @@
            <u-search placeholder="请输入" @search="search" @blur="search" shape="square" :showAction="false"></u-search>
         </view>
         <view class="border"></view>
         <u-tabs :list="list1" @click="click" :current="current" :scrollable="false" bgColor="white"></u-tabs>
         <u-tabs :list="list" @change="click" :current="current" :scrollable="false" bgColor="white"></u-tabs>
      </u-sticky>
      <view class="item">
      <view class="item" v-for="(item,index) in list1">
         <img src="/static/i05.png" class="img" alt="" />
         <view class="right">
            <view class="name">
               <view class="l">
                  北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司
                  {{item.companyName}}
               </view>
               <view class="r color1">
               <template v-if="item.complaintStatus==0">
                  <view class="r color2">
                     待响应
                  </view>
               </template>
               <template v-if="item.complaintStatus==1">
                  <view class="r color1">
                     处理中
                  </view>
               </template>
               <template v-if="item.complaintStatus==2">
                  <view class="r color3">
                     已办结
                  </view>
               </template>
               <!-- <view class="r color1">
                  待评价
               </view>
               </view> -->
               <template v-if="item.complaintStatus==-1">
                  <view class="r color4">
                     已驳回
                  </view>
               </template>
            </view>
            <view class="box">
               <view class="l">
                  <p>执法单位：农业农村局</p>
                  <p>执法时间：2024-06-03 12:30:67</p>
                  <p style="align-items: flex-start;display: flex;justify-content: flex-start;"><text style="display: inline-block;width: 35%;">执法单位：</text> <text style="display: inline-block;width: 65%;">{{item.executeDeptName}}</text></p>
                  <p>投诉时间： {{item.complaintTime}}</p>
               </view>
               <view class="r">
               <view class="r" @click="chakan(item.id, item.orderId)">
                  去查看
               </view>
            </view>
         </view>
      </view>
      <view class="item">
      <u-empty v-if="!list1.length"></u-empty>
      <!-- <view class="item">
         <img src="/static/i05.png" class="img" alt="" />
         <view class="right">
            <view class="name">
@@ -72,37 +93,79 @@
               </view>
            </view>
         </view>
      </view>
      </view> -->
      <view style="height: 50rpx;"></view>
      
   </view>
</template>

<script>
   import { complaintList } from '@/api/qiye.js'
	
   export default {
      data() {
         return {
            current: 0,
            list1: [{
            list: [{
               name: '全部',
               value: ''
            }, {
               name: '待响应',
               value: 1
               value: 0
            }, {
               name: '处理中',
               value: 2
               value: 1
            }, {
               name: '已办结',
               value: 3
               value: 2
            }],
            list1:[],
            queryParams: {
               pageNum: 1,
               pageSize: 10,
               companyId:'',
            },
            total: 1,
         }
      },
      onLoad() {
         this.list1 = []
         this.queryParams.pageNum = 1
         this.getList()
      },
      onReachBottom() {
         if(this.list1.length == this.total) {
            return
         }
         this.queryParams.pageNum++
         this.getList()
      },
      methods: {
         chakan(id,orderId){
            uni.navigateTo({
               url: `/qiye/complaint/details?id=${id}&orderId=${orderId}`
            })
         },
         getList() {
            let data = uni.getStorageSync("qiyedata")
            this.queryParams.companyId = data.companyId
            complaintList({...this.queryParams}).then(val => {
               this.total = val.data.total
               this.list1 = [...this.list1,...val.data.rows]
            })
         },
         search(e){
            // this.queryParams.pageNum =1
            // this.queryParams.companyName = e
            // this.orderList()
            this.list1 = []
            this.queryParams.pageNum =1
            this.queryParams.companyName = e
            this.getList()
         },
         click(i) {
            this.list1 = []
            this.queryParams.pageNum = 1
            this.queryParams.complaintStatus = this.list[i.index].value
				
            this.getList()
         }
      }
   }
@@ -186,4 +249,7 @@
      color: #3EB47A;
      
   }
   .color4{
      color: gray;
   }
</style>