| | |
| | | <template> |
| | | <view class="details"> |
| | | <template v-if="info"> |
| | | <view class="details_back" :style="{ background: returnStyle(info.status) }"></view> |
| | | </template> |
| | | <view class="box"> |
| | | <view class="box_info"> |
| | | <template v-if="info"> |
| | | <view class="box_info_head" :style="{ background: returnStyle1(info.status) }"> |
| | | <view class="box_info_head_left"> |
| | | <text>{{info.solutionsName || ''}}</text> |
| | |
| | | <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> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view style="width: 100%; height: calc(env(safe-area-inset-bottom) + 100rpx);"></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 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"> |
| | |
| | | <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"> |
| | | 确认申请退回? |