From daf76fb0807550f6e49545e10603a29e414f3b84 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期一, 26 五月 2025 09:02:15 +0800
Subject: [PATCH] 提交
---
company/src/components/business/OperaSettleClaimsWindow.vue | 537 +++++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 405 insertions(+), 132 deletions(-)
diff --git a/company/src/components/business/OperaSettleClaimsWindow.vue b/company/src/components/business/OperaSettleClaimsWindow.vue
index b4b23ff..4d6201b 100644
--- a/company/src/components/business/OperaSettleClaimsWindow.vue
+++ b/company/src/components/business/OperaSettleClaimsWindow.vue
@@ -7,18 +7,37 @@
:confirm-working="isWorking"
@confirm="confirm"
>
- <div class="box">
+ <div class="box" v-if="info">
<div class="box_status">
- <div class="box_status_row" v-for="(item, index) in statusList" :key="index">
- <div v-if="statusList.length - 1 !== index" :class="item.date ? 'box_status_row_xian statusColor2' : 'box_status_row_xian'"></div>
- <div :class="item.date ? 'box_status_row_icon statusColor1' : statusList[index - 1].date ? 'box_status_row_icon statusColor2 statusColor3' : 'box_status_row_icon'">
- <span v-if="!item.date">{{index + 1}}</span>
- <i class="el-icon-check" v-else></i>
- </div>
+ <div class="box_status_row" v-for="(item, index) in info.parentStatusVOList" :key="index">
+ <div v-if="info.parentStatusVOList.length - 1 !== index" :class="item.optDate ? 'box_status_row_xian statusColor1' : 'box_status_row_xian'"></div>
+ <div :class="item.optDate ? 'box_status_row_icon statusColor1' : info.parentStatusVOList[index - 1].optDate ? 'box_status_row_icon statusColor2 statusColor3' : 'box_status_row_icon'"></div>
<div class="box_status_row_info">
- <div class="title">{{item.name}}</div>
- <div class="info" v-if="item.info">{{item.info}}</div>
- <div class="info" v-if="item.date">{{item.date}}</div>
+ <div class="title">{{item.parentTitle}}</div>
+ <div class="info" v-if="item.childTitle">{{item.childTitle}}</div>
+ <div class="info" v-if="item.optDate">{{item.optDate}}</div>
+ </div>
+ </div>
+ </div>
+ <div class="box_desc">
+ <div class="box_desc_head">
+ <div class="box_desc_title">
+ <i class="el-icon-success"></i>
+ <span class="box_desc_title_val">鐞嗙畻瀹屾垚</span>
+ </div>
+ </div>
+ <div class="box_desc_ls">
+ <span>鐞嗙畻璧斾粯閲戦鍚堣锛�</span>
+ <span>楼{{info.claimAccount + info.otherAccount}}</span>
+ </div>
+ <div class="box_desc_lslist">
+ <div class="box_desc_lslist_title">璧斾粯璇︽儏</div>
+ <div class="box_desc_lslist_l">
+ <div class="box_desc_lslist_l_row" v-for="(item, index) in JSON.parse(info.accountContent).filter(row => row.type === 0)" :key="index">
+ <span>{{item.name}}</span>
+ <span>{{item.fee}}</span>
+ <span>{{item.describe}}</span>
+ </div>
</div>
</div>
</div>
@@ -26,64 +45,82 @@
<div class="box_desc_head">
<div class="box_desc_title">
<span class="box_desc_title_val">鎶ユ璇︽儏</span>
+ <div class="box_desc_title_zt" v-if="info.statusName">{{info.statusName}}</div>
+ <div class="box_desc_title_tips" v-if="info.isRisk === 1">
+ <i class="el-icon-warning"></i>
+ <span>椋庨櫓妗堜欢</span>
+ </div>
+ <el-select v-model="info.caseType" @change="setCaseType" style="width: 100px;" placeholder="妗堜欢绫诲瀷" v-if="[9,10,11].includes(info.status)">
+ <el-option label="鍖荤枟" :value="1"></el-option>
+ <el-option label="浼ゆ畫" :value="2"></el-option>
+ <el-option label="姝讳骸" :value="3"></el-option>
+ </el-select>
</div>
<div class="box_desc_btns">
- <el-button type="danger" @click="show = true">閫�鍥�</el-button>
- <el-button type="primary">绔嬫</el-button>
- <el-button icon="el-icon-refresh-left" type="primary" circle></el-button>
- <div class="box_desc_btns_operate">
- <i class="el-icon-arrow-down"></i>
- <span>鏀惰捣</span>
- </div>
+ <template v-if="userInfo.type === 1">
+ <el-button type="danger" @click="revoke()" v-if="[1,2,3,4,5,9,7,10,11].includes(info.status)">鎾ら攢鎶ユ</el-button>
+ </template>
+ <template v-if="userInfo.type === 0">
+ <el-button type="danger" @click="returnCase" v-if="[1,2].includes(info.status)">閫�鍥�</el-button>
+ <el-button type="primary" @click="register" v-if="[1,2].includes(info.status)">绔嬫</el-button>
+ <el-button type="primary" @click="$refs.acceptance.open('妗堜欢鍙楃悊', info.id)" v-if="[3,5].includes(info.status)">鍙楃悊</el-button>
+ <el-button type="primary" @click="addRemark" v-if="![0,1,2,4,14].includes(info.status)">澶囨敞</el-button>
+ <el-button type="primary" @click="addReport(1)" v-if="[3].includes(info.status) && info.reportNumStatus === 0">娣诲姞鎶ユ鍙�</el-button>
+ <el-button type="primary" @click="addReport(2)" v-if="[9].includes(info.status) && info.reportNumStatus === 1">缂栬緫鎶ユ鍙�</el-button>
+ <el-button type="primary" @click="$refs.adjustment.open('鐞嗙畻', info.id, 1)" v-if="[9].includes(info.status)">鐞嗙畻</el-button>
+ <el-button type="primary" @click="$refs.adjustment.open('閲嶆柊鐞嗙畻', info.id, 1)" v-if="[10].includes(info.status)">閲嶆柊鐞嗙畻</el-button>
+ <el-button type="primary" @click="$refs.adjustment.open('鏍歌禂', info.id, 2)" v-if="[10].includes(info.status)">鏍歌禂</el-button>
+ <el-button type="primary" @click="supplementaryMaterials" v-if="[9].includes(info.status)">琛ュ厖鏉愭枡</el-button>
+ <el-button type="primary" @click="$refs.additionMaterial_ba.open('娣诲姞鏉愭枡', info.id)" v-if="[9,10].includes(info.status)">娣诲姞鏉愭枡</el-button>
+ </template>
+ <el-button icon="el-icon-refresh-left" type="primary" circle @click="$refs.caseProgress.open('妗堜欢杩涘害', info.settleClaimsLogList)" v-if="![0,14].includes(info.status)"></el-button>
</div>
</div>
<div class="box_desc_list">
<div class="box_desc_list_row">
- 鎶ユ鏃堕棿锛�2024-09-12 03:50
+ 鎶ユ鏃堕棿锛歿{info.createDate}}
</div>
<div class="box_desc_list_row">
- 鎶ユ鍙凤細YYBLP-2025010101
+ 鎶ユ鍙凤細{{info.reportNum}}
</div>
<div class="box_desc_list_row">
- 鎵�灞炰繚鍗曪細2984719842130 <el-button type="text">涓嬭浇淇濆崟</el-button>
+ 鎵�灞炰繚鍗曪細{{info.applyCode}}
</div>
<div class="box_desc_list_row">
- 鎶ユ浜猴細灏规檽鍑�
+ 鎶ユ浜猴細{{info.informantName}}
</div>
<div class="box_desc_list_row">
- 鎶ユ浜鸿仈绯绘柟寮忥細15556970338
+ 鎶ユ浜鸿仈绯绘柟寮忥細{{info.informantPhone}}
</div>
- <div class="box_desc_list_row">
- 淇濆徃鎶ユ鍙凤細-
- </div>
+ <div class="box_desc_list_zw"></div>
</div>
</div>
- <div class="box_fx">
+ <div class="box_fx" v-if="info.isRisk === 1">
<div class="box_fx_left">
<i class="el-icon-warning"></i>
- <span class="box_fx_left_a">娉ㄦ剰锛岃妗堜欢鏈�5鏉￠闄╀俊鎭�</span>
- <span class="box_fx_left_b">鏌ョ湅璇︽儏</span>
+ <span class="box_fx_left_a">娉ㄦ剰锛岃妗堜欢鏈墈{info.riskContent.length}}鏉￠闄╀俊鎭�</span>
+ <span class="box_fx_left_b" @click="$refs.riskCaseReminder.open('椋庨櫓妗堜欢鎻愰啋', info.riskContent)">鏌ョ湅璇︽儏</span>
</div>
- <i class="el-icon-close"></i>
+ <i class="el-icon-close" @click="info.isRisk = 0"></i>
</div>
<div class="box_desc">
<div class="box_desc_head">
<div class="box_desc_title">
<span class="box_desc_title_val">鍑洪櫓浜轰俊鎭�</span>
</div>
- <div class="box_desc_btns">
- <div class="box_desc_btns_operate">
- <i class="el-icon-arrow-down"></i>
- <span>鏀惰捣</span>
- </div>
- </div>
+<!-- <div class="box_desc_btns">-->
+<!-- <div class="box_desc_btns_operate">-->
+<!-- <i class="el-icon-arrow-down"></i>-->
+<!-- <span>鏀惰捣</span>-->
+<!-- </div>-->
+<!-- </div>-->
</div>
<div class="box_desc_list">
<div class="box_desc_list_row">
- 鍑洪櫓浜哄鍚嶏細鏉庨潤
+ 鍑洪櫓浜哄鍚嶏細{{info.memberName}}
</div>
<div class="box_desc_list_row">
- 鍑洪櫓浜鸿韩浠借瘉鍙凤細340122200603251924
+ 鍑洪櫓浜鸿韩浠借瘉鍙凤細{{info.memberIdcard}}
</div>
<div style="width: 33%; height: 0;"></div>
</div>
@@ -94,22 +131,13 @@
</div>
<div class="box_desc_f">
<div class="box_desc_fa">
- <div class="box_desc_fa_title">宸ヤ激鎰忓闄�-B绫�</div>
- <div class="box_desc_fa_row">淇濆崟鍙凤細20241225133229</div>
- <div class="box_desc_fa_row">淇濋殰鏈熼檺锛�2025-01-01锝�2025-12-31</div>
- <div class="box_desc_fa_row">鎶曚繚鍗曚綅锛歑XX淇℃伅绉戞妧鏈夐檺鍏徃</div>
- <div class="box_desc_fa_row">娲鹃仯鍗曚綅锛歑XX淇℃伅绉戞妧鏈夐檺鍏徃</div>
- <div class="box_desc_fa_row">鎵�灞炲伐绉嶏細鐢靛瓙鍣ㄦ鍒堕�犲伐</div>
+ <div class="box_desc_fa_title">{{info.solutionName}}</div>
+ <div class="box_desc_fa_row">淇濆崟鍙凤細{{info.applyCode}}</div>
+ <div class="box_desc_fa_row">淇濋殰鏈熼檺锛歿{info.baoxianStartTime}}锝瀧{info.baoxianEndTime}}</div>
+ <div class="box_desc_fa_row">鎶曚繚鍗曚綅锛歿{info.companyName}}</div>
+ <div class="box_desc_fa_row">娲鹃仯鍗曚綅锛歿{info.duName}}</div>
+ <div class="box_desc_fa_row">鎵�灞炲伐绉嶏細{{info.worktypeName}}</div>
</div>
- <div class="box_desc_fa">
- <div class="box_desc_fa_title">宸ヤ激鎰忓闄�-B绫�</div>
- <div class="box_desc_fa_row">淇濆崟鍙凤細20241225133229</div>
- <div class="box_desc_fa_row">淇濋殰鏈熼檺锛�2025-01-01锝�2025-12-31</div>
- <div class="box_desc_fa_row">鎶曚繚鍗曚綅锛歑XX淇℃伅绉戞妧鏈夐檺鍏徃</div>
- <div class="box_desc_fa_row">娲鹃仯鍗曚綅锛歑XX淇℃伅绉戞妧鏈夐檺鍏徃</div>
- <div class="box_desc_fa_row">鎵�灞炲伐绉嶏細鐢靛瓙鍣ㄦ鍒堕�犲伐</div>
- </div>
- <div style="width: 32%; height: 0;"></div>
</div>
<div class="box_desc_head">
<div class="box_desc_title">
@@ -118,34 +146,32 @@
</div>
<div class="box_desc_list">
<div class="box_desc_list_row">
- 鍑洪櫓鏃堕棿锛�2024-06-13 07:40:00
+ 鍑洪櫓鏃堕棿锛歿{info.happenTime}}
</div>
<div class="box_desc_list_row">
- 灏辫瘖鍖荤枟鏈烘瀯锛氬悎鑲ョ浜屼汉姘戝尰闄�
+ 灏辫瘖鍖荤枟鏈烘瀯锛歿{info.hospital}}
</div>
<div class="box_desc_list_row">
- 鍑虹幇鍦板尯锛氬畨寰界渷鍚堣偉甯傝偉涓滃幙
+ 鍑洪櫓鍦板尯锛歿{info.areaInfo}}
</div>
<div class="box_desc_list_row" style="width: 100%;">
- 鍑洪櫓缁忚繃锛氫笂鐝椂闂撮獞杞﹁鎾炪�傚ご閮ㄩ伃鍒版挒鍑籆T杩樻病鍑烘潵锛� 鑴氳笣杩樻湁宸﹁竟澶ц吙澶栦晶涓ラ噸鎿︿激銆�
- </div>
- <div class="box_desc_list_row">
- 浜嬫晠绫诲瀷锛氫笂涓嬬彮閫斾腑鍙椾激
- </div>
- <div class="box_desc_list_row">
- 鏄惁浣忛櫌锛氭槸
- </div>
- <div class="box_desc_list_row">
- 鏄惁鏈夊尰鐤椾繚闄╋細鏄�
+ 鍑洪櫓缁忚繃锛歿{info.content}}
</div>
<div class="box_desc_list_row" style="width: 100%;">
- 灏辫瘖绫诲瀷锛氫綇闄�
+ 浜嬫晠绫诲瀷锛歿{returnType(info.type)}}
</div>
+ <div class="box_desc_list_row">
+ 鏄惁鏈夊尰鐤椾繚闄╋細{{returnName(info.medicalInsurance)}}
+ </div>
+ <div class="box_desc_list_row">
+ 灏辫瘖绫诲瀷锛歿{returnInHospital(info.inHospital)}}
+ </div>
+ <div class="box_desc_list_zw"></div>
<div class="box_desc_list_img">
<span>浜嬫晠瑙嗛/鐓х墖锛�</span>
<div class="box_desc_list_img_files">
- <div class="box_desc_list_img_files_row">
- <img src="" alt="" />
+ <div class="box_desc_list_img_files_row" v-for="(item, index) in info.reportFileList" :key="index">
+ <img :src="item.fileurlFull" alt="img" />
</div>
</div>
</div>
@@ -156,12 +182,12 @@
<div class="box_desc_title">
<span class="box_desc_title_val">鐞嗚禂鏉愭枡</span>
</div>
- <div class="box_desc_btns">
- <div class="box_desc_btns_operate">
- <i class="el-icon-arrow-down"></i>
- <span>鏀惰捣</span>
- </div>
- </div>
+<!-- <div class="box_desc_btns">-->
+<!-- <div class="box_desc_btns_operate">-->
+<!-- <i class="el-icon-arrow-down"></i>-->
+<!-- <span>鏀惰捣</span>-->
+<!-- </div>-->
+<!-- </div>-->
</div>
<div class="box_desc_cailiao">
<div class="box_desc_cailiao_title">
@@ -169,8 +195,8 @@
<span>鍛樺伐鍏崇郴璇佹槑鏉愭枡</span>
</div>
<div class="box_desc_cailiao_list">
- <div class="box_desc_cailiao_list_img" v-for="(item, index) in 3" :key="index">
- <img src="" alt="" />
+ <div class="box_desc_cailiao_list_img" v-for="(item, index) in info.relationFileList" :key="index">
+ <img :src="item.fileurlFull" alt="img" />
</div>
</div>
</div>
@@ -180,8 +206,8 @@
<span>闂ㄨ瘖</span>
</div>
<div class="box_desc_cailiao_list">
- <div class="box_desc_cailiao_list_img" v-for="(item, index) in 3" :key="index">
- <img src="" alt="" />
+ <div class="box_desc_cailiao_list_img" v-for="(item, index) in info.outpatientFileList" :key="index">
+ <img :src="item.fileurlFull" alt="img" />
</div>
</div>
</div>
@@ -191,8 +217,8 @@
<span>浣忛櫌</span>
</div>
<div class="box_desc_cailiao_list">
- <div class="box_desc_cailiao_list_img" v-for="(item, index) in 3" :key="index">
- <img src="" alt="" />
+ <div class="box_desc_cailiao_list_img" v-for="(item, index) in info.hospitalFileList" :key="index">
+ <img :src="item.fileurlFull" alt="img" />
</div>
</div>
</div>
@@ -202,8 +228,8 @@
<span>浼ゆ畫</span>
</div>
<div class="box_desc_cailiao_list">
- <div class="box_desc_cailiao_list_img" v-for="(item, index) in 3" :key="index">
- <img src="" alt="" />
+ <div class="box_desc_cailiao_list_img" v-for="(item, index) in info.disabilityFileList" :key="index">
+ <img :src="item.fileurlFull" alt="img" />
</div>
</div>
</div>
@@ -213,8 +239,8 @@
<span>鍏朵粬鏉愭枡</span>
</div>
<div class="box_desc_cailiao_list">
- <div class="box_desc_cailiao_list_img" v-for="(item, index) in 3" :key="index">
- <img src="" alt="" />
+ <div class="box_desc_cailiao_list_img" v-for="(item, index) in info.otherFileList" :key="index">
+ <img :src="item.fileurlFull" alt="img" />
</div>
</div>
</div>
@@ -224,8 +250,8 @@
<span>琛ュ厖鏉愭枡</span>
</div>
<div class="box_desc_cailiao_list">
- <div class="box_desc_cailiao_list_img" v-for="(item, index) in 3" :key="index">
- <img src="" alt="" />
+ <div class="box_desc_cailiao_list_img" v-for="(item, index) in info.supplementFileList" :key="index">
+ <img :src="item.fileurlFull" alt="img" />
</div>
</div>
</div>
@@ -242,53 +268,45 @@
<el-button type="primary" @click="show = false">纭畾閫�鍥�</el-button>
</span>
</el-dialog>
+ <!-- 椋庨櫓妗堜欢鎻愰啋 -->
+ <RiskCaseReminder ref="riskCaseReminder" />
+ <!-- 妗堜欢杩涘害 -->
+ <CaseProgress ref="caseProgress" />
+ <!-- 鍙楃悊 -->
+ <Acceptance ref="acceptance" @success="getDetail" />
+ <!-- 娣诲姞鏉愭枡 -->
+ <AdditionMaterial_ba ref="additionMaterial_ba" @success="getDetail" />
+ <!-- 鐞嗙畻 -->
+ <adjustment ref="adjustment" @success="getDetail" />
</GlobalWindow>
</template>
<script>
-
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
+import { findById, returnSettle } from '@/api/business/settleClaims'
+import {
+ register,
+ addReportNum,
+ addRemark,
+ saveSupplementDescribe,
+ updCaseType } from '@/api/business/settleRisk'
+import RiskCaseReminder from '@/components/business/riskCaseReminder'
+import CaseProgress from '@/components/business/caseProgress'
+import Acceptance from '@/components/business/acceptance'
+import AdditionMaterial_ba from '@/components/business/additionMaterial_ba'
+import adjustment from '@/components/business/adjustment'
import { mapState } from 'vuex'
+
export default {
name: 'OperaSettleClaimsWindow',
extends: BaseOpera,
- components: { GlobalWindow },
+ components: { GlobalWindow, RiskCaseReminder, CaseProgress, Acceptance, AdditionMaterial_ba, adjustment },
data () {
return {
show: false,
- statusList: [
- {
- name: '鎶ユ',
- info: '宸叉姤妗�',
- date: '2025-03-03 12:31'
- },
- {
- name: '绔嬫',
- info: '寰呯珛妗�',
- date: ''
- },
- {
- name: '鍙楃悊',
- info: '',
- date: ''
- },
- {
- name: '鐞嗙畻',
- info: '',
- date: ''
- },
- {
- name: '鏍歌禂',
- info: '',
- date: ''
- },
- {
- name: '缁撴',
- info: '',
- date: ''
- }
- ]
+ info: null,
+ id: null
}
},
computed: {
@@ -301,7 +319,186 @@
})
},
methods: {
+ open (title, id) {
+ this.title = title
+ this.id = id
+ this.getDetail()
+ },
+ setCaseType(e) {
+ updCaseType({ id: this.id, caseType: e })
+ .then(res => {
+ this.getDetail()
+ })
+ },
+ supplementaryMaterials() {
+ this.$prompt('琛ュ厖璇存槑', '琛ュ厖鏉愭枡', {
+ confirmButtonText: '鎻愪氦',
+ cancelButtonText: '鍙栨秷',
+ inputPattern: /^(?:.|\n)+$/,
+ inputErrorMessage: '琛ュ厖璇存槑涓嶈兘涓虹┖锛�',
+ beforeClose: (action, instance, done) => {
+ if (action === 'confirm') {
+ instance.confirmButtonLoading = true;
+ saveSupplementDescribe({ id: this.id, describe: instance.inputValue })
+ .finally(() => {
+ done();
+ instance.confirmButtonLoading = false;
+ })
+ } else {
+ done();
+ }
+ }
+ }).then(({ value }) => {
+ this.getDetail()
+ }).catch(() => {
+ });
+ },
+ addRemark() {
+ this.$prompt('澶囨敞', '娣诲姞澶囨敞', {
+ confirmButtonText: '娣诲姞',
+ cancelButtonText: '鍙栨秷',
+ inputPattern: /^(?:.|\n)+$/,
+ inputErrorMessage: '澶囨敞涓嶈兘涓虹┖锛�',
+ beforeClose: (action, instance, done) => {
+ if (action === 'confirm') {
+ instance.confirmButtonLoading = true;
+ addRemark({ id: this.id, describe: instance.inputValue })
+ .finally(() => {
+ done();
+ instance.confirmButtonLoading = false;
+ })
+ } else {
+ done();
+ }
+ }
+ }).then(({ value }) => {
+ this.getDetail()
+ }).catch(() => {
+
+ });
+ },
+ addReport(type) {
+ this.$prompt(`鎶ユ鍙穈, `${type === 1 ? '娣诲姞鎶ユ鍙�' : '缂栬緫鎶ユ鍙�'}`, {
+ confirmButtonText: '娣诲姞',
+ cancelButtonText: '鍙栨秷',
+ inputPattern: /^(?:.|\n)+$/,
+ inputErrorMessage: '鎶ユ鍙蜂笉鑳戒负绌猴紒',
+ beforeClose: (action, instance, done) => {
+ if (action === 'confirm') {
+ instance.confirmButtonLoading = true;
+ addReportNum({ id: this.id, reportNum: instance.inputValue })
+ .finally(() => {
+ done();
+ instance.confirmButtonLoading = false;
+ })
+ } else {
+ done();
+ }
+ }
+ }).then(({ value }) => {
+ this.getDetail()
+ }).catch(() => {
+
+ });
+ },
+ register() {
+ this.$prompt('绔嬫璇存槑', '绔嬫', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ beforeClose: (action, instance, done) => {
+ if (action === 'confirm') {
+ instance.confirmButtonLoading = true;
+ register({ id: this.id, describe: instance.inputValue, registerStatus: 3 })
+ .finally(() => {
+ done();
+ instance.confirmButtonLoading = false;
+ })
+ } else {
+ done();
+ }
+ }
+ }).then(({ value }) => {
+ this.getDetail()
+ }).catch(() => {
+
+ });
+ },
+ returnCase() {
+ this.$prompt('閫�鍥炶鏄�', '閫�鍥�', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ inputPattern: /^(?:.|\n)+$/,
+ inputErrorMessage: '閫�鍥炶鏄庝笉鑳戒负绌猴紒',
+ beforeClose: (action, instance, done) => {
+ if (action === 'confirm') {
+ instance.confirmButtonLoading = true;
+ register({ id: this.id, describe: instance.inputValue, registerStatus: 4 })
+ .finally(() => {
+ done();
+ instance.confirmButtonLoading = false;
+ })
+ } else {
+ done();
+ }
+ }
+ }).then(({ value }) => {
+ this.getDetail()
+ }).catch(() => {
+
+ });
+ },
+ getDetail() {
+ findById(this.id)
+ .then(res => {
+ res.riskContent = JSON.parse(res.riskContent)
+ this.info = res
+ this.visible = true
+ })
+ },
+ // 鎾ら攢
+ revoke(id) {
+ this.$confirm('鎾ら攢鍚庯紝妗堜欢鐩存帴缁撴潫锛屾棤娉曠户缁繘琛岀悊璧旀搷浣滐紒', '鏄惁鎾ら攢鎶ユ锛�', {
+ confirmButtonText: '纭畾鎾ら攢',
+ cancelButtonText: '鎴戝啀鎯虫兂',
+ type: 'warning'
+ }).then(() => {
+ returnSettle({ id: this.info.id })
+ .then(res => {
+ this.getDetail()
+ })
+ }).catch(() => {
+
+ });
+ },
+ returnInHospital(type) {
+ switch (type) {
+ case 0:
+ return '浣忛櫌'
+ case 1:
+ return '闂ㄨ瘖'
+ }
+ },
+ returnName(type) {
+ switch (type) {
+ case 0:
+ return '鏄�'
+ case 1:
+ return '鍚�'
+ }
+ },
+ returnType(type) {
+ switch (type) {
+ case 0:
+ return '宸ヤ綔鏈熼棿鍙椾激'
+ case 1:
+ return '涓婁笅鐝�斾腑鍙椾激'
+ case 2:
+ return '闈炲伐浣滄椂闂村彈浼�'
+ case 3:
+ return '鎰忓鍙椾激'
+ }
+ }
}
}
</script>
@@ -320,21 +517,23 @@
.box_status_row {
width: 200px;
display: flex;
- align-items: start;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
position: relative;
.box_status_row_xian {
position: absolute;
- right: 30px;
- top: 10px;
- width: calc(100% - 110px);
+ right: -55px;
+ top: 5px;
+ width: calc(100% - 80px);
height: 1px;
background-color: #BEBEBE;
}
.statusColor1 {
- background-color: #E8F4FF !important;
+ background-color: #165DFF !important;
}
.statusColor2 {
- background-color: #165DFF !important;
+ border: 1px solid #0052D9 !important;
}
.statusColor3 {
span {
@@ -342,14 +541,13 @@
}
}
.box_status_row_icon {
- width: 28px;
- height: 28px;
- background-color: rgba(242,243,245,1);
+ width: 8px;
+ height: 8px;
+ border: 1px solid #C5C5C5;
+ border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
- border-radius: 50%;
- margin-right: 10px;
span {
color: rgba(78,89,105,1);
font-size: 14px;
@@ -360,7 +558,10 @@
}
.box_status_row_info {
display: flex;
+ align-items: center;
+ justify-content: center;
flex-direction: column;
+ margin-top: 10px;
.title {
color: rgba(78,89,105,1);
font-size: 16px;
@@ -369,7 +570,7 @@
.info {
color: rgba(154,154,154,1);
font-size: 14px;
- margin-top: 5px;
+ margin-top: 10px;
}
}
}
@@ -420,6 +621,64 @@
}
}
}
+ .box_desc_ls {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-bottom: 15px;
+ span {
+ &:nth-child(1) {
+ color: rgba(0,0,0,1);
+ font-size: 16px;
+ }
+ &:nth-child(2) {
+ color: rgba(255,162,63,1);
+ font-size: 16px;
+ }
+ }
+ }
+ .box_desc_lslist {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 40px;
+ .box_desc_lslist_title {
+ color: rgba(0,0,0,1);
+ font-size: 16px;
+ margin-bottom: 15px;
+ }
+ .box_desc_lslist_l {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ padding-left: 50px;
+ box-sizing: border-box;
+ .box_desc_lslist_l_row {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-bottom: 13px;
+ &:last-child {
+ margin: 0 !important;
+ }
+ span {
+ &:nth-child(1) {
+ color: rgba(16,16,16,1);
+ font-size: 14px;
+ }
+ &:nth-child(2) {
+ color: rgba(16,16,16,1);
+ font-size: 14px;
+ margin: 0 30px;
+ }
+ &:nth-child(3) {
+ color: rgba(108,108,108,1);
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
.box_desc_head {
width: 100%;
display: flex;
@@ -429,6 +688,11 @@
.box_desc_title {
display: flex;
align-items: center;
+ .el-icon-success {
+ font-size: 20px;
+ color: #34C758;
+ margin-right: 10px;
+ }
.box_desc_title_val {
color: rgba(16,16,16,1);
font-size: 18px;
@@ -455,6 +719,11 @@
align-items: center;
justify-content: center;
background-color: rgba(254,226,225,1);
+ margin-right: 20px;
+ .el-icon-warning {
+ color: #FF4D4F;
+ margin-right: 5px;
+ }
span {
color: #FF4D4F;
font-size: 12px;
@@ -486,6 +755,10 @@
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
+ .box_desc_list_zw {
+ width: 33%;
+ height: 0;
+ }
.box_desc_list_row {
width: 33%;
color: rgba(16,16,16,1);
--
Gitblit v1.9.3