提交

MrShi

2025-05-28 2d881f8c1b0675646329462225c9aa2f9095e90a

 wx/pages/report_details/report_details.vue

@@ -1,10 +1,8 @@
<template>
   <view class="box">
   <view class="box" v-if="info">
      <view class="box_head">
         <view class="box_head_info">
            <view class="status yellow" v-if="info.status == 0 || info.status == 2 || info.status == 3">处理中</view>
            <view class="status info" v-if="info.status == 1">已撤案</view>
            <view class="status info" v-if="info.status == 4">已结案</view>
            <view class="status info">{{info.statusName}}</view>
            <view class="box_head_info_title">出险人：{{info.memberName || ''}}</view>
            <view class="box_head_info_list">
               <view class="box_head_info_list_item">
@@ -16,12 +14,122 @@
                  <view class="value">{{info.solutionName}}</view>
               </view>
               <view class="box_head_info_list_item">
                  <view class="label">所属工种：</view>
                  <view class="value">{{info.worktypeName}}</view>
               </view>
               <view class="box_head_info_list_item">
                  <view class="label">报案人：</view>
                  <view class="value">{{info.informantName}}</view>
               </view>
               <view class="box_head_info_list_item">
                  <view class="label">报案人联系方式：</view>
                  <view class="value">{{info.informantPhone}}</view>
               </view>
            </view>
         </view>
         <!-- 已打款 -->
         <view class="box_dakuan" v-if="[13].includes(info.status)">
            <view class="box_dakuan_head">
               <image src="/static/icon/ic_yiqueren@2x.png" mode="widthFix"></image>
               <text>已打款</text>
            </view>
            <view class="box_dakuan_list">
               <view class="box_dakuan_list_row">
                  <view class="box_dakuan_list_row_label">打款时间</view>
                  <view class="box_dakuan_list_row_val">{{info.refuseSettleClaimsLog.createDate}}</view>
               </view>
               <view class="box_dakuan_list_row">
                  <view class="box_dakuan_list_row_label">打款说明</view>
                  <view class="box_dakuan_list_row_val">{{info.refuseSettleClaimsLog.content}}</view>
               </view>
               <view class="box_dakuan_list_row">
                  <view class="box_dakuan_list_row_label">打款凭证</view>
                  <view class="box_dakuan_list_row_list" v-if="info.payFileList">
                     <view class="box_dakuan_list_row_list_image" v-for="(item, index) in info.payFileList" :key="index">
                        <image :src="item.fileurlFull" mode="widthFix"></image>
                     </view>
                  </view>
               </view>
            </view>
         </view>
         <view class="box_jine" v-if="[10,11,12,13].includes(info.status)">
            <view class="box_jine_head">
               <image src="/static/icon/ic_daiqueren@2x.png" mode="widthFix" v-if="[11].includes(info.status) && info.feeUpdate === 0"></image>
               <image src="/static/icon/ic_yiqueren@2x.png" mode="widthFix" v-else></image>
               <text v-if="[11].includes(info.status) && info.feeUpdate === 1">赔付金额已变更</text>
               <text v-else-if="[11].includes(info.status) && info.feeUpdate === 0">赔付金额待确认</text>
               <text v-else>赔付金额已确认</text>
            </view>
            <view class="box_jine_nr">
               <view class="box_jine_nr_head">
                  <image src="/static/icon/ic_t1ips@2x.png" mode="widthFix"></image>
                  <text>重要提示</text>
               </view>
               <view class="box_jine_nr_list">
                  <text>· 赔付款项将在确认后 1-3 个工作日内到账</text>
                  <text>· 请确认收款账户信息准确无误</text>
                  <text>· 如有疑问请及时联系客服 <text style="color: #FF971D;">0551-77738493</text></text>
               </view>
            </view>
            <view class="box_jine_price">¥ {{info.hpAccount + info.hpOtherAccount}}</view>
            <view class="box_jine_pf" @click="jumpD">
               <text>查看赔付详情</text>
               <u-icon name="arrow-right" color="#437CB3" size="16"></u-icon>
            </view>
            <view class="box_jine_x" v-if="[11].includes(info.status)"></view>
            <view class="box_jine_submit" @click="queren" v-if="[11].includes(info.status)">确认金额无误</view>
         </view>
         <view class="box_tuihui" v-if="[10,11,12].includes(info.status)">
            <view class="box_tuihui_label">
               收款账户信息确认
               <text>修改</text>
            </view>
            <view class="box_tuihui_list">
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">开户银行</view>
                  <view class="box_tuihui_list_row_val">{{info.receiveBank}}</view>
               </view>
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">账号</view>
                  <view class="box_tuihui_list_row_val">{{info.receiveAccount}}</view>
               </view>
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">户名</view>
                  <view class="box_tuihui_list_row_val">{{info.receiveUserName}}</view>
               </view>
            </view>
         </view>
         <view class="box_tuihui" v-if="[9].includes(info.status) && info.waitSupplement === 1">
            <view class="box_tuihui_label">材料补充</view>
            <view class="box_tuihui_list">
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">补充说明</view>
                  <view class="box_tuihui_list_row_val" style="color: #FF0000;">{{info.refuseSettleClaimsLog.content}}</view>
               </view>
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">理赔人员</view>
                  <view class="box_tuihui_list_row_val">{{info.refuseSettleClaimsLog.creatorName}}</view>
               </view>
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">退回时间</view>
                  <view class="box_tuihui_list_row_val">{{info.refuseSettleClaimsLog.createDate}}</view>
               </view>
            </view>
         </view>
         <view class="box_tuihui" v-if="[4].includes(info.status)">
            <view class="box_tuihui_label">退回说明</view>
            <view class="box_tuihui_list">
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">退回说明</view>
                  <view class="box_tuihui_list_row_val" style="color: #FF0000;">{{info.refuseSettleClaimsLog.content}}</view>
               </view>
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">理赔人员</view>
                  <view class="box_tuihui_list_row_val">{{info.refuseSettleClaimsLog.creatorName}}</view>
               </view>
               <view class="box_tuihui_list_row">
                  <view class="box_tuihui_list_row_label">退回时间</view>
                  <view class="box_tuihui_list_row_val">{{info.refuseSettleClaimsLog.createDate}}</view>
               </view>
            </view>
         </view>
@@ -39,14 +147,6 @@
                  <view class="info_list_item_val">{{info.reportNum || '-'}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">就诊医疗机构</view>
                  <view class="info_list_item_val">{{info.hospital || '-'}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">事故时间</view>
                  <view class="info_list_item_val">{{info.happenTime}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">事故类型</view>
                  <view class="info_list_item_val" v-if="info.type === 0">工作期间受伤</view>
                  <view class="info_list_item_val" v-if="info.type === 1">上下班途中受伤</view>
@@ -54,20 +154,32 @@
                  <view class="info_list_item_val" v-if="info.type === 3">意外受伤</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">是否住院</view>
                  <view class="info_list_item_val">{{info.inHospital === 1 ? '否' : '是'}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">是否有医疗保险</view>
                  <view class="info_list_item_val">{{info.medicalInsurance === 1 ? '否' : '是'}}</view>
                  <view class="info_list_item_label">出险时间</view>
                  <view class="info_list_item_val">{{info.happenTime}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">出险地区</view>
                  <view class="info_list_item_val">{{info.areaInfo}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">事故描述</view>
                  <view class="info_list_item_label">出险经过</view>
                  <view class="info_list_item_val">{{info.content}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">就诊医疗机构</view>
                  <view class="info_list_item_val">{{info.hospital || '-'}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">就诊类型</view>
                  <view class="info_list_item_val">{{returnInHospital(info.inHospital)}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">是否伤残</view>
                  <view class="info_list_item_val">{{returnName(info.hurtType)}}</view>
               </view>
               <view class="info_list_item">
                  <view class="info_list_item_label">是否有医疗保险</view>
                  <view class="info_list_item_val">{{returnName(info.medicalInsurance)}}</view>
               </view>
               <view class="info_list_item f">
                  <view class="info_list_item_label1">事故视频/照片</view>
@@ -93,12 +205,12 @@
            </view>
            <view class="info_list">
               <view class="info_list_item f">
                  <view class="info_list_item_label1">1、员工关系证明资料</view>
                  <view class="info_list_item_label1">员工关系证明资料</view>
                  <view class="info_list_item_tu" v-if="info">
                     <view class="info_list_item_tu_img" v-for="(item,index) in info.relationFileList" :key="index">
                        <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                        <!-- <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                           <image src="@/static/icon/ic_delete@2x.png" mode="widthFix"></image>
                        </view>
                        </view> -->
                        <image :src="item.fileurlFull" mode="widthFix" v-if="item.type == 0"></image>
                        <video :src="item.fileurlFull" v-if="item.type == 1" />
                     </view>
@@ -111,12 +223,12 @@
                  </view>
               </view>
               <view class="info_list_item f">
                  <view class="info_list_item_label1">2、医疗资料</view>
                  <view class="info_list_item_label1">门诊</view>
                  <view class="info_list_item_tu" v-if="info">
                     <view class="info_list_item_tu_img" v-for="(item, index) in info.outpatientFileList" :key="index">
                        <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                        <!-- <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                           <image src="@/static/icon/ic_delete@2x.png" mode="widthFix"></image>
                        </view>
                        </view> -->
                        <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image>
                        <video :src="item.fileurlFull" v-if="item.type === 1"></video>
                     </view> 
@@ -129,12 +241,12 @@
                  </view>
               </view>
               <view class="info_list_item f">
                  <view class="info_list_item_label1">3、赔付结案资料</view>
                  <view class="info_list_item_label1">住院</view>
                  <view class="info_list_item_tu" v-if="info">
                     <view class="info_list_item_tu_img" v-for="(item, index) in info.compensationFileList" :key="index">
                        <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                     <view class="info_list_item_tu_img" v-for="(item, index) in info.hospitalFileList" :key="index">
                        <!-- <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                           <image src="@/static/icon/ic_delete@2x.png" mode="widthFix"></image>
                        </view>
                        </view> -->
                        <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image>
                        <video :src="item.fileurlFull" v-if="item.type === 1"></video>
                     </view>
@@ -144,6 +256,60 @@
                     <view class="info_list_item_tu_zw"></view>
                     <view class="info_list_item_tu_zw"></view>
                     <view class="info_list_item_tu_zw"></view>
                  </view>
               </view>
               <view class="info_list_item f">
                  <view class="info_list_item_label1">伤残</view>
                  <view class="info_list_item_tu" v-if="info">
                     <view class="info_list_item_tu_img" v-for="(item, index) in info.disabilityFileList" :key="index">
                        <!-- <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                           <image src="@/static/icon/ic_delete@2x.png" mode="widthFix"></image>
                        </view> -->
                        <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image>
                        <video :src="item.fileurlFull" v-if="item.type === 1"></video>
                     </view>
                     <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3">
                        <u-icon name="plus" color="#222222" size="20"></u-icon>
                     </view>
                     <view class="info_list_item_tu_zw"></view>
                     <view class="info_list_item_tu_zw"></view>
                     <view class="info_list_item_tu_zw"></view>
                  </view>
               </view>
               <view class="info_list_item f">
                  <view class="info_list_item_label1">其他材料</view>
                  <view class="info_list_item_tu" v-if="info">
                     <view class="info_list_item_tu_img" v-for="(item, index) in info.otherFileList" :key="index">
                        <!-- <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                           <image src="@/static/icon/ic_delete@2x.png" mode="widthFix"></image>
                        </view> -->
                        <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image>
                        <video :src="item.fileurlFull" v-if="item.type === 1"></video>
                     </view>
                     <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3">
                        <u-icon name="plus" color="#222222" size="20"></u-icon>
                     </view>
                     <view class="info_list_item_tu_zw"></view>
                     <view class="info_list_item_tu_zw"></view>
                     <view class="info_list_item_tu_zw"></view>
                  </view>
                  <view class="info_list_item f">
                     <view class="info_list_item_label1">补充材料</view>
                     <view class="info_list_item_tu" v-if="info">
                        <view class="info_list_item_tu_img" v-for="(item, index) in info.supplementFileList" :key="index">
                           <!-- <view class="info_list_item_tu_img_dele" @click.stop="deleFile(item.id, item.objId)">
                              <image src="@/static/icon/ic_delete@2x.png" mode="widthFix"></image>
                           </view> -->
                           <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image>
                           <video :src="item.fileurlFull" v-if="item.type === 1"></video>
                        </view>
                        <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3">
                           <u-icon name="plus" color="#222222" size="20"></u-icon>
                        </view>
                        <view class="info_list_item_tu_zw"></view>
                        <view class="info_list_item_tu_zw"></view>
                        <view class="info_list_item_tu_zw"></view>
                     </view>
                  </view>
               </view>
            </view>
@@ -183,23 +349,45 @@
               </view>
            </view>
         </view>
         <view style="width: 100%; height: calc(env(safe-area-inset-bottom) + 100rpx);" v-if="info.status == 0 || info.status == 2 || info.status == 3"></view>
         <view class="details_footer" v-if="info.status == 0 || info.status == 2 || info.status == 3">
            <u-button type="primary" shape="circle" color="#437CB3" text="补充说明" @click="openBC"></u-button>
            <view style="width: 30rpx; height: 100%;"></view>
            <u-button type="primary" shape="circle" color="#437CB3" text="编辑" @click="edit"></u-button>
         <view style="width: 100%; height: calc(env(safe-area-inset-bottom) + 120rpx);"></view>
         <view class="details_footer">
            <u-button type="primary" shape="circle" color="#437CB3" plain text="撤销报案" v-if="[1,2,3,4,5,9,7,10].includes(info.status)"></u-button>
            <view style="width: 30rpx; height: 100%;" v-if="([9].includes(info.status) && info.waitSupplement === 1) || [1,2,4,5,7].includes(info.status)"></view>
            <u-button type="primary" shape="circle" color="#437CB3" text="补充材料" @click="show = true" v-if="[9].includes(info.status) && info.waitSupplement === 1"></u-button>
            <u-button type="primary" shape="circle" color="#437CB3" text="修改" @click="edit" v-if="[1,2,4,5,7].includes(info.status)"></u-button>
         </view>
      </view>
      <u-modal
         title="补充资料"
         title="补充材料"
         :show="show"
         :showCancelButton="true"
         closeOnClickOverlay
         @cancel="show = false"
         @confirm="confirm"
      >
         <u--textarea v-model="value" placeholder="请输入"></u--textarea>
         <view class="meade">
            <view class="meade_content" v-for="(item,index) in fileList" :key="index">
               <image class="dele" src="@/static/icon/ic_delete@2x.png" mode="widthFix" @click="deletePic(index, 6)"></image>
               <image class="image" :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image>
               <video class="video" :src="item.fileurlFull" controls v-if="item.type === 1"></video>
            </view>
            <view class="meade_upload" @click="upload()">
               <u-icon name="plus" color="#999999" size="20"></u-icon>
               <text>点击上传</text>
            </view>
            <view class="meade_zw"></view>
            <view class="meade_zw"></view>
            <view class="meade_zw"></view>
         </view>
      </u-modal>
      <!-- 确认金额弹窗提示 -->
      <u-modal
         :show="show1"
         showCancelButton
         title="系统提醒"
         content='是否确认赔付金额?'
         @confirm="confirmPrice"
         @cancel="show1 = false" />
   </view>
</template>

@@ -211,10 +399,11 @@
            id: null,
            info: null,
            show: false,
            show1: false,
            height: 'auto',
            height1: 'auto',
            height2: 'auto',
            value: ''
            fileList: []
         };
      },
      onLoad(option) {
@@ -228,6 +417,80 @@
         ...mapState(['cookies'])
      },
      methods: {
         queren() {
            this.show1 = true
         },
         confirmPrice() {
            this.$u.api.confirmFee(this.id)
               .then(res => {
                  this.show1 = false
                  this.getDetails()
               })
         },
         upload(type) {
            var that = this
            uni.chooseMedia({
               count: 9,
               mediaType: ['image','video'],
               sourceType: ['album', 'camera'],
               camera: 'back',
               success(res) {
                  uni.showLoading({ title: '上传中', mask: true });
                  for (let i = 0; i < res.tempFiles.length; i++) {
                     uni.uploadFile({
                        url: `${that.$baseUrl}public/upload`,
                        filePath: res.tempFiles[i].tempFilePath,
                        name: 'file',
                        header: {
                           'doumee-auth-token': that.$store.state.cookies
                        },
                        formData: {
                           folder: 'settle'
                        },
                        success: (uploadFileRes) => {
                           let res = JSON.parse(uploadFileRes.data)
                           that.fileList.push({
                              fileurl: res.data.imgaddr,
                              name: res.data.originname,
                              type: res.data.type,
                              fileurlFull: res.data.url
                           })
                        },
                        complete() {
                           if (i === res.tempFiles.length - 1) {
                              uni.hideLoading();
                           }
                        }
                     });
                  }
               }
            })
         },
         jumpD() {
            uni.navigateTo({
               url: `/pages/compensationDetails/compensationDetails?id=${this.id}`
            })
         },
         returnInHospital (type) {
            switch (type) {
               case 0:
                  return '住院'
               case 1:
                  return '门诊'
            }
         },
         returnName (type) {
               switch (type) {
               case 0:
                 return '是'
               case 1:
                 return '否'
               case 2:
                 return '待确定'
               default:
                 return ''
               }
             },
         // 删除附件
         deleFile(id, objId) {
            this.$u.api.delFile(objId, id)
@@ -237,53 +500,52 @@
                  }
               })
         },
         // 上传材料
         upload(type) {
            var that = this
            uni.chooseMedia({
               count: 1,
               maxDuration: 60,
               success(res) {
                  uni.uploadFile({
                     url: that.$baseUrl + 'public/upload',
                     filePath: res.tempFiles[0].tempFilePath,
                     name: 'file',
                     header: {
                        'doumee-auth-token': that.cookies
                     },
                     formData: {
                        'folder': 'settle'
                     },
                     success: (uploadFileRes) => {
                        let data = JSON.parse(uploadFileRes.data).data
                        console.log(JSON.parse(uploadFileRes.data).data)
                        that.$u.api.claimsUploadFile({
                           fileName: '',
                           fileType: data.type,
                           fileUrl: data.imgaddr,
                           id: that.id,
                           objType: type
                        }).then(result => {
                           that.getDetails()
                        })
                     }
                  });
               }
            })
         },
         // // 上传材料
         // upload(type) {
         //    var that = this
         //    uni.chooseMedia({
         //       count: 1,
         //       maxDuration: 60,
         //       success(res) {
         //          uni.uploadFile({
         //             url: that.$baseUrl + 'public/upload',
         //             filePath: res.tempFiles[0].tempFilePath,
         //             name: 'file',
         //             header: {
         //                'doumee-auth-token': that.cookies
         //             },
         //             formData: {
         //                'folder': 'settle'
         //             },
         //             success: (uploadFileRes) => {
         //                let data = JSON.parse(uploadFileRes.data).data
         //                console.log(JSON.parse(uploadFileRes.data).data)
         //                that.$u.api.claimsUploadFile({
         //                   fileName: '',
         //                   fileType: data.type,
         //                   fileUrl: data.imgaddr,
         //                   id: that.id,
         //                   objType: type
         //                }).then(result => {
         //                   that.getDetails()
         //                })
         //             }
         //          });
         //       }
         //    })
         // },
         openBC() {
            this.value = ''
            this.show = true
         },
         confirm() {
            if (!this.value) return uni.showToast({
               title: '请输入内容',
            if (this.fileList.length === 0) return uni.showToast({
               title: '请先上传材料',
               icon: 'none'
            })
            this.$u.api.supplement({
            this.$u.api.saveSupplementFile({
               id: this.id,
               objType: 0,
               supplement: this.value
               supplementFileList: this.fileList
            }).then(res => {
               if (res.code === 200) {
                  this.show = false
@@ -336,6 +598,58 @@
<style lang="scss" scoped>
   .box {
      width: 100%;
      .meade {
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: space-around;
         flex-wrap: wrap;
         .meade_zw {
            width: 140rpx;
            height: 0;
         }
         .meade_content {
            width: 140rpx;
            height: 140rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            position: relative;
            .video {
               width: 100%;
            }
            .dele {
               width: 50rpx;
               height: 50rpx;
               position: absolute;
               top: 0;
               right: 0;
               z-index: 9;
            }
            .image {
               width: 100%;
            }
         }
         .meade_upload {
            width: 140rpx;
            height: 140rpx;
            background: #FFFFFF;
            border-radius: 8rpx;
            border: 1rpx solid #E5E5E5;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text {
               font-weight: 400;
               font-size: 24rpx;
               color: #666666;
               font-style: normal;
               margin-top: 5rpx;
            }
         }
      }
      .box_head {
         width: 100%;
         height: 240rpx;
@@ -422,6 +736,219 @@
            display: flex;
            align-items: center;
         }
         .box_dakuan {
            width: 100%;
            padding: 30rpx;
            box-sizing: border-box;
            background: #FFFFFF;
            border-radius: 16rpx;
            margin-top: 20rpx;
            .box_dakuan_head {
               width: 100%;
               display: flex;
               align-items: center;
               image {
                  width: 36rpx;
                  height: 36rpx;
                  margin-right: 16rpx;
               }
               text {
                  font-weight: 500;
                  font-size: 32rpx;
                  color: #222222;
               }
            }
            .box_dakuan_list {
               width: 100%;
               margin-top: 38rpx;
               .box_dakuan_list_row {
                  width: 100%;
                  display: flex;
                  align-items: center;
                  margin-bottom: 20rpx;
                  &:last-child {
                     margin: 0 !important;
                  }
                  .box_dakuan_list_row_label {
                     width: 120rpx;
                     flex-shrink: 0;
                     margin-right: 30rpx;
                     font-weight: 400;
                     font-size: 26rpx;
                     color: #777777;
                  }
                  .box_dakuan_list_row_val {
                     flex: 1;
                     text-align: right;
                     font-weight: 400;
                     font-size: 26rpx;
                     color: #222222;
                  }
                  .box_dakuan_list_row_list {
                     flex: 1;
                     display: flex;
                     align-items: center;
                     flex-wrap: wrap;
                     .box_dakuan_list_row_list_image {
                        width: 140rpx;
                        height: 140rpx;
                        border-radius: 16rpx;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        margin-left: 20rpx;
                        margin-bottom: 20rpx;
                        &:first-child {
                           margin: 0 !important;
                        }
                        image {
                           width: 100%;
                           height: 100%;
                        }
                     }
                  }
               }
            }
         }
         .box_jine {
            width: 100%;
            padding: 30rpx;
            box-sizing: border-box;
            background: #FFFFFF;
            border-radius: 16rpx;
            margin-top: 20rpx;
            .box_jine_head {
               width: 100%;
               display: flex;
               align-items: center;
               margin-bottom: 30rpx;
               image {
                  width: 36rpx;
                  height: 36rpx;
                  margin-right: 16rpx;
               }
               text {
                  font-weight: 500;
                  font-size: 32rpx;
                  color: #222222;
               }
            }
            .box_jine_nr {
               width: 100%;
               padding: 26rpx 20rpx;
               box-sizing: border-box;
               background: rgba(255,151,29,0.1);
               border-radius: 8rpx;
               .box_jine_nr_head {
                  width: 100%;
                  display: flex;
                  align-items: center;
                  margin-bottom: 16rpx;
                  image {
                     width: 32rpx;
                     height: 32rpx;
                     margin-right: 16rpx;
                  }
                  text {
                     font-weight: 500;
                     font-size: 30rpx;
                     color: #222222;
                  }
               }
               .box_jine_nr_list {
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  text {
                     font-weight: 400;
                     font-size: 26rpx;
                     color: #222222;
                  }
               }
            }
            .box_jine_price {
               font-weight: bold;
               font-size: 52rpx;
               color: #FF2828;
               margin-top: 30rpx;
            }
            .box_jine_pf {
               margin-top: 30rpx;
               display: flex;
               align-items: center;
               text {
                  font-weight: 400;
                  font-size: 26rpx;
                  color: #437CB3;
                  margin-right: 14rpx;
               }
            }
            .box_jine_x {
               width: 100%;
               height: 1rpx;
               margin-top: 30rpx;
               background-color: #E5E5E5;
            }
            .box_jine_submit {
               margin-top: 38rpx;
               width: 100%;
               font-weight: 600;
               font-size: 32rpx;
               color: #FF2828;
               text-align: center;
            }
         }
         .box_tuihui {
            width: 100%;
            padding: 30rpx;
            box-sizing: border-box;
            background: #FFFFFF;
            border-radius: 16rpx;
            margin-top: 20rpx;
            .box_tuihui_label {
               width: 100%;
               font-weight: 500;
               font-size: 32rpx;
               color: #222222;
               margin-bottom: 30rpx;
               margin-right: 20rpx;
               display: flex;
               align-items: center;
               justify-content: space-between;
               text {
                  font-weight: 400;
                  font-size: 28rpx;
                  color: #437CB3;
               }
            }
            .box_tuihui_list {
               width: 100%;
               .box_tuihui_list_row {
                  width: 100%;
                  display: flex;
                  align-items: center;
                  margin-bottom: 20rpx;
                  &:last-child {
                     margin: 0 !important;
                  }
                  .box_tuihui_list_row_label {
                     width: 150rpx;
                     font-weight: 400;
                     font-size: 26rpx;
                     color: #777777;
                     flex-shrink: 0;
                  }
                  .box_tuihui_list_row_val {
                     flex: 1;
                     text-align: right;
                     font-weight: 400;
                     font-size: 26rpx;
                     color: #222222;
                  }
               }
            }
         }
         .box_head_infoA {
            width: 100%;
            padding: 30rpx;