From 50fb58286ed3b718c39a97e0987ee7561a295651 Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期五, 04 七月 2025 17:56:41 +0800
Subject: [PATCH] git ch

---
 company/src/components/business/OperaSettleClaimsWindow.vue |  978 ++++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 817 insertions(+), 161 deletions(-)

diff --git a/company/src/components/business/OperaSettleClaimsWindow.vue b/company/src/components/business/OperaSettleClaimsWindow.vue
index b4b23ff..a652802 100644
--- a/company/src/components/business/OperaSettleClaimsWindow.vue
+++ b/company/src/components/business/OperaSettleClaimsWindow.vue
@@ -7,18 +7,156 @@
         :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_dk" v-if="[13].includes(info.status)">
+                <div class="box_dk_title">
+                    <i class="el-icon-success"></i>
+                    <span style="font-weight: bold">宸叉墦娆�</span>
+                </div>
+                <div class="box_dk_list">
+                    <div class="box_dk_list_row">
+                        <div class="box_dk_list_row_label">鎵撴鏃堕棿锛�</div>
+                        <div class="box_dk_list_row_value">{{info.refuseSettleClaimsLog.createDate}}</div>
+                    </div>
+                    <div class="box_dk_list_row">
+                        <div class="box_dk_list_row_label">鎵撴璇存槑锛�</div>
+                        <div class="box_dk_list_row_value">{{info.refuseSettleClaimsLog.content}}</div>
+                    </div>
+                    <div class="box_dk_list_row">
+                        <div class="box_dk_list_row_label">鎵撴鍑瘉锛�</div>
+                        <div class="box_dk_list_row_l" v-if="info.payFileList">
+                            <div class="box_dk_list_row_l_img" v-for="(item, index) in info.payFileList" :key="index">
+                                <el-image
+                                    style="width: 80px; height: 80px"
+                                    :src="item.fileurlFull"
+                                    :preview-src-list="[item.fileurlFull]">
+                                </el-image>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <template v-if="userInfo.type === 1">
+                <div class="box_tui" v-if="[9].includes(info.status) && info.waitSupplement === 1">
+                    <span class="box_tui_status" style="background-color: rgba(255,162,63,0.15); color: #FFA23F;">鏉愭枡琛ュ厖</span>
+                    <div class="box_tui_title">琛ュ厖璇存槑</div>
+                    <div class="box_tui_info">鏃堕棿锛歿{info.refuseSettleClaimsLog.createDate}}</div>
+                    <div class="box_tui_info">浜哄憳锛氬钩鍙扮悊璧斾汉鍛�-{{info.refuseSettleClaimsLog.creatorName}}</div>
+                    <div class="box_tui_row"><div class="yuan"></div>{{info.refuseSettleClaimsLog.content}}</div>
+                </div>
+                <div class="box_tui" v-if="[6,8].includes(info.status)">
+                    <span class="box_tui_status">宸叉嫆缁�</span>
+                    <div class="box_tui_title">鎷掔粷鍘熷洜</div>
+                    <div class="box_tui_info">鏃堕棿锛歿{info.refuseSettleClaimsLog.createDate}}</div>
+                    <div class="box_tui_info">浜哄憳锛氬钩鍙扮悊璧斾汉鍛�-{{info.refuseSettleClaimsLog.creatorName}}</div>
+                    <div class="box_tui_row"><div class="yuan"></div>{{info.refuseSettleClaimsLog.content}}</div>
+                </div>
+                <div class="box_tui" v-if="[4].includes(info.status)">
+                    <span class="box_tui_status">宸查��鍥�</span>
+                    <div class="box_tui_title">閫�鍥炶鏄�</div>
+                    <div class="box_tui_info">鏃堕棿锛歿{info.refuseSettleClaimsLog.createDate}}</div>
+                    <div class="box_tui_info">浜哄憳锛氬钩鍙扮悊璧斾汉鍛�-{{info.refuseSettleClaimsLog.creatorName}}</div>
+                    <div class="box_tui_row"><div class="yuan"></div>{{info.refuseSettleClaimsLog.content}}</div>
+                </div>
+                <div class="box_comInfo" v-if="[10,11,12,13].includes(info.status)">
+                    <div class="box_comInfo_title">
+                        <i class="el-icon-info"></i>
+                        <span>閲嶈鎻愮ず</span>
+                    </div>
+                    <div class="box_comInfo_text">
+                        <span>鈥� 璧斾粯娆鹃」灏嗗湪纭鍚� 1-3 涓伐浣滄棩鍐呭埌璐�</span>
+                        <span>鈥� 璇风‘璁ゆ敹娆捐处鎴蜂俊鎭噯纭棤璇�</span>
+                        <span>鈥� 濡傛湁鐤戦棶璇峰強鏃惰仈绯诲鏈� 0551-77738493</span>
+                    </div>
+                </div>
+                <div class="box_price" v-if="[10,11,12,13].includes(info.status)">
+                    <span class="box_price_title" v-if="[11].includes(info.status) && info.feeUpdate === 1">璧斾粯閲戦宸插彉鏇�</span>
+                    <span class="box_price_title" v-else-if="[11].includes(info.status) && info.feeUpdate === 0">璧斾粯閲戦宸茬‘璁�</span>
+                    <span class="box_price_title" v-else>璧斾粯閲戦宸茬‘璁�</span>
+                    <span class="box_price_jine">楼{{info.hpAccount + info.hpOtherAccount}}</span>
+                    <el-button type="text" style="margin-bottom: 5px;" @click="$refs.compensationDetails.open('璧斾粯璇︽儏', info.hpAccountContent)">鏌ョ湅璧斾粯璇︽儏</el-button>
+                    <el-button type="primary" @click="confirmFeeInfo" v-if="[11].includes(info.status)">纭</el-button>
+                </div>
+                <div class="box_sinfo" v-if="[10,11,12].includes(info.status)">
+                    <div class="box_sinfo_title">
+                        <span>鏀舵淇℃伅</span>
+                        <span @click="$refs.paymentInformation.open('淇敼鏀舵淇℃伅', {
+                            id: info.id,
+                            receiveBank: info.receiveBank,
+                            receiveAccount: info.receiveAccount,
+                            receiveUserName: info.receiveUserName
+                        })">淇敼</span>
+                    </div>
+                    <div class="box_sinfo_row">
+                        <div class="box_sinfo_row_label">寮�鎴烽摱琛岋細</div>
+                        <div class="box_sinfo_row_val">{{info.receiveBank}}</div>
+                    </div>
+                    <div class="box_sinfo_row">
+                        <div class="box_sinfo_row_label">璐﹀彿锛�</div>
+                        <div class="box_sinfo_row_val">{{info.receiveAccount}}</div>
+                    </div>
+                    <div class="box_sinfo_row">
+                        <div class="box_sinfo_row_label">鎴峰悕锛�</div>
+                        <div class="box_sinfo_row_val">{{info.receiveUserName}}</div>
+                    </div>
+                </div>
+            </template>
+            <div class="box_desc" v-if="[11,12,13].includes(info.status) && userInfo.type === 0">
+                <div class="box_desc_head">
+                    <div class="box_desc_title" v-if="[11].includes(info.status)">
+                        <i class="el-icon-success" style="color: #FF9502;"></i>
+                        <span class="box_desc_title_val" style="color: #FF9502;">鏍歌禂寰呯‘璁�</span>
+                    </div>
+                    <div class="box_desc_title" v-else>
+                        <i class="el-icon-success" style="color: #34C758;"></i>
+                        <span class="box_desc_title_val" style="color: #34C758;">鏍歌禂宸茬‘璁�</span>
+                    </div>
+                </div>
+                <div class="box_desc_ls">
+                    <span>鏍歌禂璧斾粯閲戦鍚堣锛�</span>
+                    <span>楼{{info.hpAccount + info.hpOtherAccount}}</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.hpAccountContent).filter(row => row.type === 0)" :key="index">
+                            <span>{{item.name}}</span>
+                            <span>{{item.fee}}</span>
+                            <span>{{item.describe}}</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box_desc" v-if="[10,11,12,13].includes(info.status) && userInfo.type === 0">
+                <div class="box_desc_head">
+                    <div class="box_desc_title">
+                        <i class="el-icon-success"></i>
+                        <span class="box_desc_title_val" style="color: #34C758;">鐞嗙畻瀹屾垚</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 +164,91 @@
                 <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" @click="$refs.riskCaseReminder.open('椋庨櫓妗堜欢鎻愰啋', info.riskContent)" v-if="info.isRisk === 1">
+                            <i class="el-icon-warning"></i>
+                            <span>椋庨櫓妗堜欢</span>
+                        </div>
+                        <template v-if="userInfo.type === 0">
+                            <el-select v-model="info.caseType" @change="setCaseType" style="width: 100px;" placeholder="妗堜欢绫诲瀷" v-if="[9,10,11,12].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>
+                        </template>
                     </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].includes(info.status)">鎾ら攢鎶ユ</el-button>
+                            <el-button type="primary" @click="$refs.additionMaterial_ba.open('琛ュ厖鏉愭枡', info.id)" v-if="[9].includes(info.status) && info.waitSupplement === 1">琛ュ厖鏉愭枡</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,9].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="$refs.adjustment.open('淇敼閲戦', info.id, 2)" v-if="[11,12].includes(info.status)">淇敼閲戦</el-button>
+                            <el-button type="primary" @click="$refs.makePayment.open('鎵撴', info.id)" v-if="[12].includes(info.status)">鎵撴</el-button>
+                            <el-button type="primary" @click="$refs.discussAudit.open('鍟嗚瀹℃壒', info.id)" v-if="[7].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" title="鏌ョ湅妗堜欢杩涘害" circle @click="$refs.caseProgress.open('妗堜欢杩涘害', info.settleClaimsLogList)" v-if="![0].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.code}}
                     </div>
                     <div class="box_desc_list_row">
-                        鎵�灞炰繚鍗曪細2984719842130 <el-button type="text">涓嬭浇淇濆崟</el-button>
+                        淇濆徃鎶ユ鍙凤細{{info.reportNum}}
                     </div>
                     <div class="box_desc_list_row">
-                        鎶ユ浜猴細灏规檽鍑�
+                        鎵�灞炰繚鍗曪細{{info.applyCode}}
                     </div>
                     <div class="box_desc_list_row">
-                        鎶ユ浜鸿仈绯绘柟寮忥細15556970338
+                        鎶ユ浜猴細{{info.informantName}}
                     </div>
                     <div class="box_desc_list_row">
-                        淇濆徃鎶ユ鍙凤細-
+                       鎶ユ浜鸿仈绯绘柟寮忥細{{info.informantPhone}}
                     </div>
+                    <div class="box_desc_list_zw"></div>
                 </div>
             </div>
-            <div class="box_fx">
+            <div class="box_fx" v-if="info.isRisk === 1 && showIsRisk ===true ">
                 <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="closeRiskTip"></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.idcardNo}}
                     </div>
                     <div style="width: 33%; height: 0;"></div>
                 </div>
@@ -94,22 +259,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,36 +274,51 @@
                 </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.hurtType)}}
+                    </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>
+                            <PreviewArea :list="info.reportFileList || []" />
                         </div>
+                    </div>
+                </div>
+                <div class="box_desc_head" style="margin-top: 30px;">
+                    <div class="box_desc_title">
+                        <span class="box_desc_title_val">鏀舵淇℃伅</span>
+                    </div>
+                </div>
+                <div class="box_desc_list">
+                    <div class="box_desc_list_row">
+                        鏀舵閾惰锛歿{info.receiveBank}}
+                    </div>
+                    <div class="box_desc_list_row">
+                        鏀舵浜猴細{{info.receiveUserName}}
+                    </div>
+                    <div class="box_desc_list_row">
+                        鏀舵璐﹀彿锛歿{info.receiveAccount}}
                     </div>
                 </div>
             </div>
@@ -156,12 +327,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,9 +340,7 @@
                         <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>
+                        <PreviewArea :list="info.relationFileList || []" />
                     </div>
                 </div>
                 <div class="box_desc_cailiao">
@@ -180,9 +349,7 @@
                         <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>
+                        <PreviewArea :list="info.outpatientFileList || []" />
                     </div>
                 </div>
                 <div class="box_desc_cailiao">
@@ -191,9 +358,7 @@
                         <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>
+                        <PreviewArea :list="info.hospitalFileList || []" />
                     </div>
                 </div>
                 <div class="box_desc_cailiao">
@@ -202,9 +367,7 @@
                         <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>
+                        <PreviewArea :list="info.disabilityFileList || []" />
                     </div>
                 </div>
                 <div class="box_desc_cailiao">
@@ -213,9 +376,7 @@
                         <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>
+                        <PreviewArea :list="info.otherFileList || []" />
                     </div>
                 </div>
                 <div class="box_desc_cailiao">
@@ -224,71 +385,65 @@
                         <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>
+                        <PreviewArea   :list="info.supplementFileList || []" />
                     </div>
                 </div>
             </div>
         </div>
-        <!--    閫�鍥�    -->
-        <el-dialog
-            title="閫�鍥�"
-            :visible.sync="show"
-            width="500px">
-            <span>杩欐槸涓�娈典俊鎭�</span>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="show = false">鍙栨秷</el-button>
-                <el-button type="primary" @click="show = false">纭畾閫�鍥�</el-button>
-            </span>
-        </el-dialog>
+        <!--    椋庨櫓妗堜欢鎻愰啋    -->
+        <RiskCaseReminder ref="riskCaseReminder" />
+        <!--    妗堜欢杩涘害    -->
+        <CaseProgress ref="caseProgress" />
+        <!--    鍙楃悊    -->
+        <Acceptance ref="acceptance" @success="getDetail" />
+        <discussAudit ref="discussAudit" @success="getDetail" />
+        <!--    娣诲姞鏉愭枡    -->
+        <AdditionMaterial_ba ref="additionMaterial_ba" @success="getDetail" />
+        <!--    鐞嗙畻    -->
+        <adjustment ref="adjustment" @success="getDetail" />
+        <!--  璧斾粯璇︽儏  -->
+        <CompensationDetails ref="compensationDetails" />
+        <!--    淇敼鏀舵淇℃伅    -->
+        <PaymentInformation ref="paymentInformation" @success="getDetail" />
+        <!--   鎵撴     -->
+        <MakePayment ref="makePayment" @success="getDetail" />
     </GlobalWindow>
 </template>
 
 <script>
-
 import BaseOpera from '@/components/base/BaseOpera'
 import GlobalWindow from '@/components/common/GlobalWindow'
+import { findById } from '@/api/business/settleClaims'
+import {
+  register,
+  addReportNum,
+  addRemark,
+  saveSupplementDescribe,
+  updCaseType,
+  confirmFee,
+  returnSettle
+} from '@/api/business/settleRisk'
+import RiskCaseReminder from '@/components/business/riskCaseReminder'
+import CaseProgress from '@/components/business/caseProgress'
+import Acceptance from '@/components/business/acceptance'
+import discussAudit from '@/components/business/discussAudit'
+import AdditionMaterial_ba from '@/components/business/additionMaterial_ba'
+import adjustment from '@/components/business/adjustment'
+import CompensationDetails from '@/components/business/compensationDetails'
+import PaymentInformation from '@/components/business/paymentInformation'
+import MakePayment from '@/components/business/makePayment'
+import PreviewArea from '@/components/common/previewArea'
 import { mapState } from 'vuex'
+
 export default {
   name: 'OperaSettleClaimsWindow',
   extends: BaseOpera,
-  components: { GlobalWindow },
+  components: { GlobalWindow, MakePayment, PreviewArea, PaymentInformation, CompensationDetails, RiskCaseReminder, CaseProgress, Acceptance,discussAudit, 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,
+      showIsRisk: true
     }
   },
   computed: {
@@ -301,14 +456,454 @@
     })
   },
   methods: {
+    open (title, id) {
+      this.title = title
+      this.id = id
+      this.getDetail()
+    },
+    closeRiskTip(){
+      this.showIsRisk= false
+    },
+    setCaseType (e) {
+      updCaseType({ id: this.id, caseType: e })
+        .then(res => {
+          this.getDetail()
+        })
+        .catch(err => {
+            this.$message.error(err.message)
+        })
+    },
+    supplementaryMaterials () {
+      this.$prompt('琛ュ厖璇存槑', '琛ュ厖鏉愭枡', {
+        confirmButtonText: '鎻愪氦',
+        cancelButtonText: '鍙栨秷',
+        inputType: 'textarea',
+        inputPattern: /^(?:.|\n)+$/,
+        inputErrorMessage: '琛ュ厖璇存槑涓嶈兘涓虹┖锛�',
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            instance.confirmButtonLoading = true
+            saveSupplementDescribe({ id: this.id, describe: instance.inputValue })
+                .then((res) => {
+                  done()
+                })
+                .catch((data) => {
+                  this.$message.error(data.message)
+                })
+                .finally(() => {
+                  instance.confirmButtonLoading = false
+                })
+          } else {
+            done()
+          }
+        }
+      }).then(({ value }) => {
+        this.getDetail()
+      }).catch(() => {
 
+      })
+    },
+    addRemark () {
+      this.$prompt('澶囨敞', '娣诲姞澶囨敞', {
+        confirmButtonText: '娣诲姞',
+        cancelButtonText: '鍙栨秷',
+        inputType: 'textarea',
+        inputPattern: /^(?:.|\n)+$/,
+        inputErrorMessage: '澶囨敞涓嶈兘涓虹┖锛�',
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            instance.confirmButtonLoading = true
+            addRemark({ id: this.id, describe: instance.inputValue })
+                .then((res) => {
+                  done()
+                })
+                .catch((data) => {
+                  this.$message.error(data.message)
+                })
+                .finally(() => {
+                  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 })
+              .then((res) => {
+                done()
+              })
+              .catch((data) => {
+                this.$message.error(data.message)
+              })
+              .finally(() => {
+                instance.confirmButtonLoading = false
+              })
+          } else {
+            done()
+          }
+        }
+      }).then(({ value }) => {
+        this.getDetail()
+      }).catch(() => {
+
+      })
+    },
+    register () {
+      this.$prompt('绔嬫璇存槑', '绔嬫', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        inputType: 'textarea',
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            instance.confirmButtonLoading = true
+            register({ id: this.id, describe: instance.inputValue, registerStatus: 3 })
+                .then((res) => {
+                  done()
+                })
+                .catch((data) => {
+                  this.$message.error(data.message)
+                })
+                .finally(() => {
+                  instance.confirmButtonLoading = false
+                })
+          } else {
+            done()
+          }
+        }
+      }).then(({ value }) => {
+        this.getDetail()
+      }).catch(() => {
+
+      })
+    },
+    returnCase () {
+      this.$prompt('閫�鍥炶鏄�', '閫�鍥�', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        inputType: 'textarea',
+        inputPattern: /^(?:.|\n)+$/,
+        inputErrorMessage: '閫�鍥炶鏄庝笉鑳戒负绌猴紒',
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            instance.confirmButtonLoading = true
+            register({ id: this.id, describe: instance.inputValue, registerStatus: 4 })
+                .then((res) => {
+                  done()
+                })
+                .catch((data) => {
+                  this.$message.error(data.message)
+                })
+                .finally(() => {
+                  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.info.showIsRisk = true
+          this.visible = true
+        })
+    },
+    // 鎾ら攢
+    revoke () {
+      this.$confirm('鎾ら攢鍚庯紝妗堜欢鐩存帴缁撴潫锛屾棤娉曠户缁繘琛岀悊璧旀搷浣滐紒', '鏄惁鎾ら攢鎶ユ锛�', {
+        confirmButtonText: '纭畾鎾ら攢',
+        cancelButtonText: '鎴戝啀鎯虫兂',
+        type: 'warning',
+      }).then(() => {
+        returnSettle({ id: this.info.id })
+          .then(res => {
+            this.getDetail()
+          }).catch(err => {
+              console.log(err)
+            this.$message.error(err.message)
+        })
+      }).catch(() => {
+
+      })
+    },
+    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 ''
+      }
+    },
+    returnType (type) {
+      switch (type) {
+      case 0:
+        return '宸ヤ綔鏈熼棿鍙椾激'
+      case 1:
+        return '涓婁笅鐝�斾腑鍙椾激'
+      case 2:
+        return '闈炲伐浣滄椂闂村彈浼�'
+      case 3:
+        return '鎰忓鍙椾激'
+      }
+    },
+    confirmFeeInfo () {
+      this.$confirm('鏄惁纭璧斾粯閲戦?', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        confirmFee(this.id)
+          .then(res => {
+            this.getDetail()
+          })
+      }).catch(() => {
+
+      })
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
     .box {
+        //margin-left: 30px;
         width: 100%;
+        .box_tui {
+            width: 100%;
+            padding: 17px 0;
+            box-sizing: border-box;
+            margin-bottom: 30px;
+            .box_tui_status {
+                padding: 3px 8px;
+                border-radius: 15px;
+                background-color: rgba(254,226,225,1);
+                color: rgba(153,27,27,1);
+                font-size: 12px;
+            }
+            .box_tui_title {
+                color: rgba(16,16,16,1);
+                font-size: 16px;
+                margin-top: 15px;
+            }
+            .box_tui_info {
+                color: rgba(154,154,154,1);
+                font-size: 14px;
+                margin-top: 10px;
+            }
+            .box_tui_row {
+                color: rgba(16,16,16,1);
+                font-size: 14px;
+                margin-top: 10px;
+                display: flex;
+                align-items: center;
+                .yuan {
+                    width: 5px;
+                    height: 5px;
+                    border-radius: 50%;
+                    margin-right: 5px;
+                    background-color: rgba(153,27,27,1);
+                }
+            }
+        }
+        .box_dk {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            margin-bottom: 30px;
+            .box_dk_title {
+                width: 100%;
+                display: flex;
+                align-items: center;
+                margin-bottom: 12px;
+                i {
+                    font-size: 20px;
+                    margin-right: 5px;
+                    color: #34C758;
+                }
+                span {
+                    color: rgba(52,199,88,1);
+                    font-size: 18px;
+                }
+            }
+            .box_dk_list {
+                width: 100%;
+                display: flex;
+                flex-direction: column;
+                .box_dk_list_row {
+                    width: 100%;
+                    display: flex;
+                    align-items: start;
+                    margin-bottom: 15px;
+                    &:last-child {
+                        margin: 0 !important;
+                    }
+                    .box_dk_list_row_label {
+                        flex-shrink: 0;
+                        color: rgba(16,16,16,1);
+                        font-size: 14px;
+                    }
+                    .box_dk_list_row_value {
+                        flex: 1;
+                        color: rgba(16,16,16,1);
+                        font-size: 14px;
+                    }
+                    .box_dk_list_row_l {
+                        flex: 1;
+                        display: flex;
+                        align-items: center;
+                        flex-wrap: wrap;
+                        .box_dk_list_row_l_img {
+                            width: 80px;
+                            height: 80px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            overflow: hidden;
+                            margin-right: 15px;
+                            margin-bottom: 15px;
+                            img {
+                                width: 100%;
+                                height: 100%;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .box_sinfo {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            margin-bottom: 30px;
+            .box_sinfo_title {
+                width: 100%;
+                display: flex;
+                align-items: center;
+                margin-bottom: 26px;
+                span {
+                    &:nth-child(1) {
+                        color: rgba(16,16,16,1);
+                        font-size: 16px;
+                        margin-right: 10px;
+                    }
+                    &:nth-child(2) {
+                        color: rgba(22,93,255,1);
+                        font-size: 14px;
+                        cursor: pointer;
+                        text-decoration: underline;
+                    }
+                }
+            }
+            .box_sinfo_row {
+                width: 100%;
+                margin-bottom: 15px;
+                display: flex;
+                align-items: center;
+                .box_sinfo_row_label {
+                    flex-shrink: 0;
+                    color: rgba(154,154,154,1);
+                    font-size: 14px;
+                }
+                .box_sinfo_row_val {
+                    flex: 1;
+                    color: rgba(16,16,16,1);
+                    font-size: 14px;
+                }
+            }
+        }
+        .box_price {
+            width: 100%;
+            padding: 30px 0;
+            background-color: #ffffff;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 30px;
+            border-bottom: 1px solid #ececec;
+            .box_price_title {
+                color: rgba(16,16,16,1);
+                font-size: 20px;
+                margin-bottom: 10px;
+            }
+            .box_price_jine {
+                color: rgba(255,162,63,1);
+                font-size: 29px;
+                margin-bottom: 10px;
+            }
+        }
+        .box_comInfo {
+            width: 100%;
+            padding: 11px 21px;
+            box-sizing: border-box;
+            background-color: rgba(240,246,254,1);
+            display: flex;
+            flex-direction: column;
+            margin-bottom: 30px;
+            .box_comInfo_title {
+                width: 100%;
+                display: flex;
+                align-items: center;
+                margin-bottom: 12px;
+                i {
+                    color: #165DFF;
+                    font-size: 20px;
+                    margin-right: 5px;
+                }
+                span {
+                    color: rgba(16,16,16,1);
+                    font-size: 14px;
+                }
+            }
+            .box_comInfo_text {
+                width: 100%;
+                padding-left: 20px;
+                box-sizing: border-box;
+                display: flex;
+                flex-direction: column;
+                span {
+                    color: rgba(16,16,16,1);
+                    font-size: 14px;
+                    margin-bottom: 10px;
+                    &:last-child {
+                        margin: 0 !important;
+                    }
+                }
+            }
+        }
         .box_status {
             width: 100%;
             padding: 30px 0;
@@ -316,25 +911,27 @@
             display: flex;
             align-items: start;
             justify-content: center;
-            margin-bottom: 30px;
+            /*margin-bottom: 30px;*/
             .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 +939,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 +956,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 +968,7 @@
                     .info {
                         color: rgba(154,154,154,1);
                         font-size: 14px;
-                        margin-top: 5px;
+                        margin-top: 10px;
                     }
                 }
             }
@@ -401,21 +1000,62 @@
                     display: flex;
                     align-items: center;
                     flex-wrap: wrap;
-                    .box_desc_cailiao_list_img {
-                        width: 100px;
-                        height: 100px;
+                }
+            }
+            .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;
-                        justify-content: center;
-                        overflow: hidden;
-                        margin-right: 15px;
-                        background-color: #E5E5E5;
+                        margin-bottom: 13px;
                         &:last-child {
-                            margin: 0;
+                            margin: 0 !important;
                         }
-                        img {
-                            width: 100%;
-                            height: 100%;
+                        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;
+                            }
                         }
                     }
                 }
@@ -423,12 +1063,18 @@
             .box_desc_head {
                 width: 100%;
                 display: flex;
+                font-weight: bold;
                 align-items: center;
                 justify-content: space-between;
                 margin-bottom: 26px;
                 .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;
@@ -448,6 +1094,7 @@
                         margin-right: 20px;
                     }
                     .box_desc_title_tips {
+                      cursor: pointer;
                         width: 84px;
                         height: 25px;
                         border-radius: 15px;
@@ -455,6 +1102,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 +1138,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