提交一把订单

jiangping

2025-06-17 78a173f85f8a4666d83cf8d900f04dd9f8e3e127

 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">
      <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>
@@ -30,9 +30,9 @@
            </view>
         </view>
      </view>
      <!-- <view class="box_wu">
      <view class="box_wu" v-else>
         <image src="@/static/icon/default_nodata@2x.png" mode="widthFix"></image>
      </view> -->
      </view>
      <view style="width: 100%; height: calc(env(safe-area-inset-bottom) + 100rpx);"></view>
      <view class="box_footer">
         <u-button type="primary" shape="circle" color="#437CB3" text="新增报案理赔" @click="baoan"></u-button>
@@ -54,9 +54,21 @@
            next: false,
            cate: [
               { name: '全部', id: '' },
               { name: '已完成', id: '3' },
               { name: '处理中', id: '2' },
               { 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' }
            ]
         };
      },
@@ -141,7 +153,8 @@
               position: absolute;
               top: 0;
               right: 0;
               width: 118rpx;
               padding: 0 20rpx;
               box-sizing: border-box;
               height: 52rpx;
               line-height: 52rpx;
               text-align: center;
@@ -231,26 +244,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;
                  }
               }
            }
         }