提交

MrShi

2025-05-28 2d881f8c1b0675646329462225c9aa2f9095e90a

 wx/pages/online_reporting/online_reporting.vue

@@ -3,16 +3,16 @@
      <u-sticky offset-top="0">
         <view class="box_search">
            <u-search placeholder="搜索出险人姓名" :showAction="false" v-model="from.memberName" @search="search"></u-search>
            <view class="box_search_cate">
               <view @click="sele(index)" :class="index === num ? 'box_search_cate_item active' : 'box_search_cate_item'" v-for="(item, index) in cate" :key="index">{{item.name}}</view>
            </view>
            <scroll-view scroll-x class="box_search_l">
               <view class="box_search_cate">
                  <view @click="sele(index)" :class="index === num ? 'box_search_cate_item active' : 'box_search_cate_item'" v-for="(item, index) in cate" :key="index">{{item.name}}</view>
               </view>
            </scroll-view>
         </view>
      </u-sticky>
      <view class="box_list" v-if="list.length > 0">
         <view class="box_list_item" v-for="(item, index) in list" :key="index" @click="jump(item.id)">
            <view class="status yellow" v-if="item.status === 0 || item.status === 2 || item.status === 3">处理中</view>
            <view class="status info" v-if="item.status === 1">已撤案</view>
            <view class="status info" v-if="item.status === 4">已结案</view>
            <view class="status info">{{item.statusName}}</view>
            <view class="top">
               <text>{{item.memberName}}</text>
               <text>身份证号：{{item.memberIdcardNo}}</text>
@@ -54,9 +54,21 @@
            next: false,
            cate: [
               { name: '全部', id: '' },
               { name: '已完成', id: '4' },
               { name: '处理中', id: '0' },
               { name: '已撤销', id: '1' }
               { name: '暂存中', id: '0' },
               { name: '已报案', id: '1' },
               { name: '待立案', id: '2' },
               { name: '已立案', id: '3' },
               { name: '立案退回', id: '4' },
               { name: '待受理', id: '5' },
               { name: '拒绝受理', id: '6' },
               { name: '商议待审批', id: '7' },
               { name: '商议审批拒绝', id: '8' },
               { name: '已受理', id: '9' },
               { name: '待核赔', id: '10' },
               { name: '已核赔', id: '11' },
               { name: '待结案', id: '12' },
               { name: '已结案', id: '13' },
               { name: '已撤案', id: '14' }
            ]
         };
      },
@@ -231,26 +243,30 @@
         padding: 12rpx 30rpx;
         box-sizing: border-box;
         background-color: #ffffff;
         .box_search_cate {
         .box_search_l {
            width: 100%;
            margin-top: 24rpx;
            display: flex;
            align-items: center;
            .active {
               border: 1rpx solid #437CB3 !important;
               color: #437CB3 !important;
            }
            .box_search_cate_item {
               padding: 12rpx 20rpx;
               border-radius: 30rpx;
               border: 1rpx solid #999999;
               font-weight: 400;
               font-size: 26rpx;
               color: #333333;
               font-style: normal;
               margin-right: 20rpx;
               &:last-child {
                  margin: 0 !important;
            white-space: nowrap;
            .box_search_cate {
               display: flex;
               align-items: center;
               .active {
                  border: 1rpx solid #437CB3 !important;
                  color: #437CB3 !important;
               }
               .box_search_cate_item {
                  display: inline-block;
                  padding: 12rpx 20rpx;
                  border-radius: 30rpx;
                  border: 1rpx solid #999999;
                  font-weight: 400;
                  font-size: 26rpx;
                  color: #333333;
                  font-style: normal;
                  margin-right: 20rpx;
                  &:last-child {
                     margin: 0 !important;
                  }
               }
            }
         }