mrshi

MrShi

2024-04-02 174350e855349919ee287a52d3198c7c7558b858

 wx/pages/addition_subtraction_details/addition_subtraction_details.vue

@@ -1,20 +1,24 @@
<template>
   <view class="details">
      <view class="details_back" :style="{ background: returnStyle(info.status) }"></view>
      <template v-if="info">
         <view class="details_back" :style="{ background: returnStyle(info.status) }"></view>
      </template>
      <view class="box">
         <view class="box_info">
            <view class="box_info_head" :style="{ background: returnStyle1(info.status) }">
               <view class="box_info_head_left">
                  <text>{{info.solutionsName || ''}}</text>
                  <text>关联保单号：{{info.applyCode}}</text>
            <template v-if="info">
               <view class="box_info_head" :style="{ background: returnStyle1(info.status) }">
                  <view class="box_info_head_left">
                     <text>{{info.solutionsName || ''}}</text>
                     <text>关联保单号：{{info.applyCode}}</text>
                  </view>
                  <image v-if="info.status === 2" src="@/static/icon/progress_yishengxiao@2x.png" mode="widthFix"></image>
                  <image v-if="info.status === 1" src="@/static/icon/progress_daishenhe@2x.png" mode="widthFix"></image>
                  <image v-if="info.status === 0" src="@/static/icon/progress_daiqianshu@2x.png" mode="widthFix"></image>
                  <image v-if="info.status === 3" src="@/static/icon/progress_shenqingtuihui@2x.png" mode="widthFix"></image>
                  <image v-if="info.status === 5" src="@/static/icon/progress_yituihui@2x.png" mode="widthFix"></image>
                  <image v-if="info.status === 6" src="@/static/icon/progress_yiguanbi@2x.png" mode="widthFix"></image>
               </view>
               <image v-if="info.status === 2" src="@/static/icon/progress_yishengxiao@2x.png" mode="widthFix"></image>
               <image v-if="info.status === 1" src="@/static/icon/progress_daishenhe@2x.png" mode="widthFix"></image>
               <image v-if="info.status === 0" src="@/static/icon/progress_daiqianshu@2x.png" mode="widthFix"></image>
               <image v-if="info.status === 3" src="@/static/icon/progress_shenqingtuihui@2x.png" mode="widthFix"></image>
               <image v-if="info.status === 5" src="@/static/icon/progress_yituihui@2x.png" mode="widthFix"></image>
               <image v-if="info.status === 6" src="@/static/icon/progress_yiguanbi@2x.png" mode="widthFix"></image>
            </view>
            </template>
            <view class="box_info_center">
               <view class="box_info_center_x"></view>
            </view>
@@ -84,31 +88,51 @@
            </view>
         </view>
      </view>
      <view style="width: 100%; height: calc(env(safe-area-inset-bottom) + 100rpx);"></view>
      <!-- 已生效 -->
      <view class="details_footer" v-if="info.status === 2">
         <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="查看申请单"></u-button>
         <view style="width: 44rpx; height: 50rpx;"></view>
         <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="查看批单"></u-button>
      </view>
      <!-- 待审核 -->
      <view class="details_footer" v-if="info.status === 1">
         <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="申请退回"></u-button>
         <view style="width: 44rpx; height: 50rpx;"></view>
         <u-button type="primary" shape="circle" color="#437CB3" text="查看申请单"></u-button>
      </view>
      <!-- 已退回 -->
      <view class="details_footer" v-if="info.status === 5">
         <u-button type="primary" shape="circle" color="#437CB3" @click="show2 = true" :plain="true" text="关闭订单"></u-button>
         <view style="width: 44rpx; height: 50rpx;"></view>
         <u-button type="primary" shape="circle" color="#437CB3" text="再次提交"></u-button>
      </view>
      <!-- 待签署 -->
      <view class="details_footer" v-if="info.status === 0">
         <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="申请退回"></u-button>
         <view style="width: 44rpx; height: 50rpx;"></view>
         <u-button type="primary" shape="circle" color="#437CB3" @click="show1 = true" text="签署投保单"></u-button>
      </view>
      <template v-if="info">
         <view style="width: 100%; height: calc(env(safe-area-inset-bottom) + 100rpx);" v-if="[2,1,5,0].includes(info.status)"></view>
      </template>
      <!-- 直保 -->
      <template v-if="info && info.solutionType === 0">
         <!-- 已生效 -->
         <view class="details_footer" v-if="info.status === 2">
            <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="查看申请单"></u-button>
            <view style="width: 44rpx; height: 50rpx;"></view>
            <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="查看批单"></u-button>
         </view>
         <!-- 待审核 -->
         <view class="details_footer" v-if="info.status === 1">
            <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="申请退回"></u-button>
            <view style="width: 44rpx; height: 50rpx;"></view>
            <u-button type="primary" shape="circle" color="#437CB3" text="查看申请单"></u-button>
         </view>
         <!-- 已退回 -->
         <view class="details_footer" v-if="info.status === 5">
            <u-button type="primary" shape="circle" color="#437CB3" @click="show2 = true" :plain="true" text="关闭订单"></u-button>
         </view>
         <!-- 待签署 -->
         <view class="details_footer" v-if="info.status === 0">
            <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="申请退回"></u-button>
            <view style="width: 44rpx; height: 50rpx;"></view>
            <u-button type="primary" shape="circle" color="#437CB3" @click="show1 = true" text="签署投保单"></u-button>
         </view>
      </template>
      <!-- 委托保 -->
      <template v-if="info && info.solutionType === 1">
         <!-- 待审核/待出单/投保中 -->
         <view class="details_footer" v-if="info.status === 1">
            <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="申请退回"></u-button>
            <view style="width: 44rpx; height: 50rpx;"></view>
            <u-button type="primary" shape="circle" color="#437CB3" text="查看申请单"></u-button>
         </view>
         <!-- 已退回 -->
         <view class="details_footer" v-if="info.status === 5">
            <u-button type="primary" shape="circle" color="#437CB3" @click="show2 = true" :plain="true" text="关闭订单"></u-button>
         </view>
         <!-- 待签署 -->
         <view class="details_footer" v-if="info.status === 0">
            <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="签署申请单"></u-button>
         </view>
      </template>
      <!-- 申请退回确认弹窗 -->
      <u-modal :show="show" title="温馨提示" :showCancelButton="true" cancelText="我再想想" confirmColor="#437CB3" @cancel="cancel" @confirm="confirm">
         确认申请退回？