From 78a173f85f8a4666d83cf8d900f04dd9f8e3e127 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期二, 17 六月 2025 08:53:12 +0800
Subject: [PATCH] 提交一把订单
---
wx/pages/report_details/report_details.vue | 848 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 805 insertions(+), 43 deletions(-)
diff --git a/wx/pages/report_details/report_details.vue b/wx/pages/report_details/report_details.vue
index 7b32b76..96f51cb 100644
--- a/wx/pages/report_details/report_details.vue
+++ b/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,139 @@
<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="[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 @click="openInfo">淇敼</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="[6,8].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>
+ <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 +164,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 +171,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,39 +222,111 @@
</view>
<view class="info_list">
<view class="info_list_item f">
- <view class="info_list_item_label1">1銆佸憳宸ュ叧绯昏瘉鏄庤祫鏂�</view>
- <view class="info_list_item_tu" v-if="info && info.relationFileList">
+ <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)">
+ <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" />
</view>
+ <!-- <view class="info_list_item_tu_up" @click="upload(2)" 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">2銆佸尰鐤楄祫鏂�</view>
- <view class="info_list_item_tu" v-if="info && [...info.outpatientFileList, ...info.hospitalFileList, ...info.disabilityFileList].length > 0">
- <view class="info_list_item_tu_img" v-for="(item, index) in [].concat(info.outpatientFileList).concat(info.hospitalFileList).concat(info.disabilityFileList)" :key="index">
+ <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)">
+ <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(3)" 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">3銆佽禂浠樼粨妗堣祫鏂�</view>
- <view class="info_list_item_tu" v-if="info && info.compensationFileList">
- <view class="info_list_item_tu_img" v-for="(item, index) in info.compensationFileList" :key="index">
+ <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.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> -->
<image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image>
- <video :src="item.fileurlFull" v-if="item.type === 0"></video>
+ <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.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>
@@ -157,37 +358,285 @@
<view class="info_list_row_info_nr" v-if="item.content">
<view class="info_list_row_info_nr_title" :style="{ color: info.settleClaimsLogList.length - 1 === index ? '#437CB3' : '' }">澶勭悊杩涘睍锛�</view>
<view class="info_list_row_info_nr_val">
- {{item.content}}
+ <text>{{item.content}}</text>
+ <text v-if="item.objType === 3">鍖荤枟鐞嗚禂:{{JSON.parse(item.afterContent).ylClaimAccount}}鍏冿紝璇伐鐞嗚禂:{{JSON.parse(item.afterContent).wgClaimAccount}}鍏冿紝浼ゆ畫鐞嗚禂:{{JSON.parse(item.afterContent).scClaimAccount}}鍏冿紝姝讳骸鐞嗚禂:{{JSON.parse(item.afterContent).swClaimAccount}}鍏冿紝鐞嗚禂鎬婚:{{JSON.parse(item.afterContent).claimAccount}}鍏冦��</text>
</view>
</view>
</view>
</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="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="琛ュ厖鏉愭枡"
+ :show="show"
+ :showCancelButton="true"
+ closeOnClickOverlay
+ @cancel="show = false"
+ @confirm="confirm"
+ >
+ <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" />
+ <!-- 淇敼鏀舵淇℃伅 -->
+ <u-popup :show="show2" round="20" mode="bottom" closeable @close="show2 = false">
+ <view class="sk">
+ <view class="sk_head">
+ 淇敼鏀舵甯愭埛淇℃伅
+ </view>
+ <u--form :model="form" :rules="rules" ref="uForm">
+ <u-form-item label="寮�鎴烽摱琛�" labelWidth="80" required prop="receiveBank" borderBottom ref="item">
+ <u--input v-model="form.receiveBank" border="none" placeholder="璇疯緭鍏�"></u--input>
+ </u-form-item>
+ <u-form-item label="璐﹀彿" labelWidth="80" required prop="receiveAccount" borderBottom ref="item">
+ <u--input v-model="form.receiveAccount" border="none" placeholder="璇疯緭鍏�"></u--input>
+ </u-form-item>
+ <u-form-item label="鎴峰悕" labelWidth="80" required prop="receiveUserName" borderBottom ref="item">
+ <u--input v-model="form.receiveUserName" border="none" placeholder="璇疯緭鍏�"></u--input>
+ </u-form-item>
+ </u--form>
+ <view style="width: 100%; height: 40rpx;"></view>
+ <u-button type="primary" text="淇濆瓨" @click="submitInfo"></u-button>
+ </view>
+ </u-popup>
</view>
</template>
<script>
+ import { mapState } from 'vuex'
export default {
data() {
return {
id: null,
info: null,
+ show: false,
+ show1: false,
+ show2: false,
height: 'auto',
height1: 'auto',
- height2: 'auto'
+ height2: 'auto',
+ fileList: [],
+ form: {
+ receiveBank: '',
+ receiveAccount: '',
+ receiveUserName: ''
+ },
+ rules: {
+ receiveBank: {
+ type: 'string',
+ required: true,
+ message: '璇疯緭鍏ュ紑鎴烽摱琛�',
+ trigger: ['blur']
+ },
+ receiveAccount: {
+ type: 'string',
+ required: true,
+ message: '璇疯緭鍏ヨ处鍙�',
+ trigger: ['blur']
+ },
+ receiveUserName: {
+ type: 'string',
+ required: true,
+ message: '璇疯緭鍏ユ埛鍚�',
+ trigger: ['blur']
+ }
+ }
};
},
onLoad(option) {
this.id = option.id
this.getDetails()
+ uni.$on('update', (data) => {
+ this.getDetails()
+ })
+ },
+ computed: {
+ ...mapState(['cookies'])
},
methods: {
+ openInfo() {
+ this.form.receiveBank = this.info.receiveBank
+ this.form.receiveAccount = this.info.receiveAccount
+ this.form.receiveUserName = this.info.receiveUserName
+ this.show2 = true
+ },
+ submitInfo() {
+ this.$refs.uForm.validate().then(res => {
+ this.$u.api.updReceiveInfo({
+ ...this.form,
+ id: this.id
+ }).then(res => {
+ this.show2 = false
+ uni.showToast({ title: '淇敼鎴愬姛', icon: 'success' })
+ this.getDetails()
+ })
+ }).catch(errors => {
+
+ })
+ },
+ 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)
+ .then(res => {
+ if (res.code === 200) {
+ this.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.fileList.length === 0) return uni.showToast({
+ title: '璇峰厛涓婁紶鏉愭枡',
+ icon: 'none'
+ })
+ this.$u.api.saveSupplementFile({
+ id: this.id,
+ supplementFileList: this.fileList
+ }).then(res => {
+ if (res.code === 200) {
+ this.show = false
+ this.getDetails()
+ }
+ })
+ },
edit() {
uni.navigateTo({
url: `/pages/new_report/new_report?id=${this.info.id}`
@@ -197,7 +646,6 @@
this.$u.api.settleClaimsById(this.id)
.then(res => {
if (res.code === 200) {
- console.log(res)
this.info = res.data
}
})
@@ -234,6 +682,72 @@
<style lang="scss" scoped>
.box {
width: 100%;
+ .sk {
+ width: 100%;
+ padding: 30rpx;
+ box-sizing: border-box;
+ .sk_head {
+ width: 100%;
+ height: 50rpx;
+ line-height: 50rpx;
+ text-align: center;
+ font-size: 34rpx;
+ color: #222222;
+ margin-bottom: 30rpx;
+ }
+ }
+ .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;
@@ -257,7 +771,8 @@
position: absolute;
top: 0;
right: 0;
- width: 118rpx;
+ padding: 0 20rpx;
+ box-sizing: border-box;
height: 52rpx;
line-height: 52rpx;
text-align: center;
@@ -314,12 +829,224 @@
bottom: 0;
left: 0;
z-index: 99;
- padding: 10rpx 30rpx;
+ padding: 10rpx 30rpx calc(env(safe-area-inset-bottom) + 10rpx) 30rpx;
box-sizing: border-box;
background-color: #ffffff;
display: flex;
align-items: center;
- padding-bottom: env(safe-area-inset-bottom);
+ }
+ .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%;
@@ -336,9 +1063,11 @@
.info_list_row {
width: 100%;
min-height: 80rpx;
+ padding-left: 50rpx;
display: flex;
align-items: flex-start;
margin-bottom: 40rpx;
+ position: relative;
&:last-child {
margin: 0 !important;
}
@@ -347,7 +1076,11 @@
width: 20rpx;
min-height: 80rpx;
margin-right: 20rpx;
- position: relative;
+ position: absolute;
+ top: 5rpx;
+ left: 0;
+ height: 100%;
+ // position: relative;
.info_list_row_xian_d {
width: 28rpx;
height: 28rpx;
@@ -375,7 +1108,8 @@
}
}
.info_list_row_info {
- flex: 1;
+ // flex: 1;
+ width: 100%;
display: flex;
flex-direction: column;
.info_list_row_info_top {
@@ -422,11 +1156,19 @@
font-style: normal;
}
.info_list_row_info_nr_val {
- font-weight: 400;
- font-size: 26rpx;
- color: #666666;
- font-style: normal;
+ display: flex;
+ flex-direction: column;
margin-top: 12rpx;
+ text {
+ font-weight: 400;
+ font-size: 26rpx;
+ color: #666666;
+ font-style: normal;
+ margin-bottom: 20rpx;
+ &:last-child {
+ margin: 0 !important;
+ }
+ }
}
}
}
@@ -455,14 +1197,34 @@
width: 140rpx;
height: 0;
}
+ .info_list_item_tu_up {
+ width: 140rpx;
+ height: 140rpx;
+ border-radius: 15rpx;
+ margin-bottom: 20rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 1rpx solid #999999;
+ }
.info_list_item_tu_img {
width: 140rpx;
height: 140rpx;
border-radius: 15rpx;
+ margin-bottom: 20rpx;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
+ position: relative;
+ .info_list_item_tu_img_dele {
+ width: 50rpx;
+ height: 50rpx;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 9;
+ }
image {
width: 100%;
height: 100%;
--
Gitblit v1.9.3