From 2d881f8c1b0675646329462225c9aa2f9095e90a Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 28 五月 2025 15:33:05 +0800
Subject: [PATCH] 提交
---
wx/pages/report_details/report_details.vue | 679 ++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 603 insertions(+), 76 deletions(-)
diff --git a/wx/pages/report_details/report_details.vue b/wx/pages/report_details/report_details.vue
index 7d7fbe7..082f894 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,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;
--
Gitblit v1.9.3