From 4be10170bc9a1546537762e03f2c963d61d2f6ea Mon Sep 17 00:00:00 2001 From: MrShi <1878285526@qq.com> Date: 星期四, 22 二月 2024 09:16:24 +0800 Subject: [PATCH] mrshi --- company/src/components/business/OperaSettleClaimsWindow.vue | 85 +++++++++++++++++++++++++++--------------- 1 files changed, 55 insertions(+), 30 deletions(-) diff --git a/company/src/components/business/OperaSettleClaimsWindow.vue b/company/src/components/business/OperaSettleClaimsWindow.vue index 4186418..022d158 100644 --- a/company/src/components/business/OperaSettleClaimsWindow.vue +++ b/company/src/components/business/OperaSettleClaimsWindow.vue @@ -6,13 +6,13 @@ :confirm-working="isWorking" @confirm="confirm" > - <div class="desc"> + <div class="desc" v-loading="loading"> <div class="desc_label"> <div class="desc_label_left"> <span class="desc_label_left_title"> 鎶ユ璇︽儏 </span> - <span class="desc_label_left_time" :style="contrast(model.createDate, model.baoxianEndTime) ? 'rgba(249, 86, 1, 0.996)' : 'black'"> + <span class="desc_label_left_time" :style="contrast(model.createDate, model.baoxianEndTime) ? 'color: rgba(249, 86, 1, 0.996)' : 'color: black'"> 鎶ユ鏃ユ湡锛歿{ model.createDate }} </span> <span class="desc_label_left_code"> @@ -33,8 +33,8 @@ <el-button type="danger" v-if="model.status !=1 && model.status !=4" @click="$refs.operaInsuranceApplyCheckWindow.open('鎾ら攢鐢宠',model,remarkLogList,3)">鎾ら攢鐢宠</el-button> </template> <template v-else> - <el-button type="primary" @click="edit" v-if="model.status === 2">淇敼淇℃伅</el-button> - <el-button type="primary" @click="$refs.supplementaryExplanation.open('琛ュ厖璇存槑', model.id)" v-if="model.status === 2">琛ュ厖璇存槑</el-button> + <el-button type="primary" @click="edit" v-if="model.status === 0 || model.status === 2 || model.status === 3">淇敼淇℃伅</el-button> + <el-button type="primary" @click="$refs.supplementaryExplanation.open('琛ュ厖璇存槑', model.id)" v-if="model.status === 0 || model.status === 2 || model.status === 3">琛ュ厖璇存槑</el-button> </template> </div> </div> @@ -59,17 +59,17 @@ <div class="desc_list_item_label" > 浜嬫晠鍙戠敓鏃堕棿锛� </div> - <div class="desc_list_item_val" :style="contrast24(model.createDate, model.baoxianStartTime) ? 'rgba(249, 86, 1, 0.996)' : 'black'"> - {{ model.createDate }} + <div class="desc_list_item_val" :style="contrast24(model.baoxianStartTime, model.happenTime) ? 'color: rgba(249, 86, 1, 0.996)' : 'color: black'"> + {{ model.happenTime }} </div> </div> <div class="desc_list_item"> <div class="desc_list_item_label"> 鎵�灞炰繚鍗曞彿锛� </div> - <div class="desc_list_item_val" style="cursor: pointer; color: rgba(39, 157, 255, 0.968627450980392);"> + <div class="desc_list_item_val" style="cursor: pointer; color: rgba(39, 157, 255, 0.968627450980392);" @click="$refs.OperaInsuranceApplyDetails.open('鎶曚繚璇︽儏', { id: model.insuranceApplyId })"> {{ model.applyCode || '-' }} - <el-button v-if="model.baoxiandanFile && model.baoxiandanFile.fileurlFull" type="primary" style="margin-left: 10px;" @click="openBaoxiandan">鏌ョ湅淇濋櫓鍗�</el-button> + <el-button v-if="model.baoxiandanFile && model.baoxiandanFile.fileurlFull" type="primary" style="margin-left: 10px;" @click.stop="openBaoxiandan">鏌ョ湅淇濋櫓鍗�</el-button> </div> </div> <div class="desc_list_item"> @@ -116,9 +116,9 @@ <div class="desc_list_item_label"> 浜嬫晠绫诲瀷锛� </div> - <div class="desc_list_item_val" v-if="model.medicalInsurance ===1">涓婁笅鐝�斾腑鍙椾激</div> - <div class="desc_list_item_val" v-else-if="model.medicalInsurance ===2">闈炲伐浣滄椂闂村彈浼�</div> - <div class="desc_list_item_val" v-else-if="model.medicalInsurance ===3">鎰忓鍙�</div> + <div class="desc_list_item_val" v-if="model.type ===1">涓婁笅鐝�斾腑鍙椾激</div> + <div class="desc_list_item_val" v-else-if="model.type ===2">闈炲伐浣滄椂闂村彈浼�</div> + <div class="desc_list_item_val" v-else-if="model.type ===3">鎰忓鍙椾激</div> <div class="desc_list_item_val" v-else>宸ヤ綔鏈熼棿鍙椾激</div> </div> <div class="desc_list_item"> @@ -126,7 +126,7 @@ 鏄惁浣忛櫌锛� </div> <div class="desc_list_item_val"> - <div class="desc_list_item_val" v-if="model.inHospital ===1">鏄�</div> + <div class="desc_list_item_val" v-if="model.inHospital === 0">鏄�</div> <div class="desc_list_item_val" v-else>鍚�</div> </div> </div> @@ -134,7 +134,7 @@ <div class="desc_list_item_label"> 鏄惁鏈夊尰鐤椾繚闄╋細 </div> - <div class="desc_list_item_val">{{ model.medicalInsurance ===1?"鏄�":"鍚�" }}</div> + <div class="desc_list_item_val">{{ model.medicalInsurance ===0?"鏄�":"鍚�" }}</div> </div> <div class="desc_list_item"> <div class="desc_list_item_label"> @@ -166,7 +166,7 @@ </div> <div class="desc_list_item_videos" v-if="model.reportFileList && model.reportFileList.length > 0"> <div class="desc_list_item_imgs_video" v-for="(item, index) in model.reportFileList" :key="index"> - <img :src="item.fileurlFull" v-if="item.type === 2" /> + <img :src="item.fileurlFull" v-if="item.type === 0" /> <video controls autoplay :src="item.fileurlFull" v-if="item.type === 1"></video> </div> </div> @@ -179,8 +179,8 @@ <span class="desc_label_left_title"> 鐞嗚禂璧勬枡 </span> - <span v-if="doneFileDate!=null" class="desc_label_left_time" style="color: black"> - 璧勬枡瀹屾垚鏃ユ湡锛歿{doneFileDate}} + <span v-if="model.finishDate!=null" class="desc_label_left_time" style="color: black"> + 璧勬枡瀹屾垚鏃ユ湡锛歿{model.finishDate}} </span> </div> <div class="desc_label_right"> @@ -210,10 +210,10 @@ </div> </div> </template> - <template v-if="(model.relationFileList==null|| model.relationFileList.length==0) && (model.status ==2 || model.status ==4)"> + <template v-if="(model.relationFileList==null|| model.relationFileList.length==0) && (model.status ==1 || model.status ==4)"> <span style="height: 40px; width:100%;text-align:center;color: #8c939d;font-size: 12px">鏆傛棤鐩稿叧鏉愭枡</span> </template> - <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 2)" /> + <upload v-if="model.status !=1 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 2)" /> <!-- <div class="desc_data_list_item">--> <!-- <UploadFileCommon :uploadData="{ folder: 'settle' }" />--> <!-- <div class="desc_data_list_item_upload">--> @@ -254,7 +254,7 @@ <template v-if="(model.outpatientFileList==null|| model.outpatientFileList.length==0) && (model.status ==2 || model.status ==4)"> <span style="height: 40px; width:100%;text-align:center;color: #8c939d;font-size: 12px">鏆傛棤鐩稿叧鏉愭枡</span> </template> - <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 3)" /> + <upload v-if="model.status !=1 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 3)" /> <!-- <div class="desc_data_list_item">--> <!-- <div class="desc_data_list_item_img" style="cursor: pointer; background: #8c939d;">--> <!-- <i class="el-icon-plus"></i>--> @@ -287,7 +287,7 @@ <template v-if="(model.hospitalFileList==null|| model.hospitalFileList.length==0) && (model.status ==2 || model.status ==4)"> <span style="height: 40px; width:100%;text-align:center;color: #8c939d;font-size: 12px">鏆傛棤鐩稿叧鏉愭枡</span> </template> - <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 4)" /> + <upload v-if="model.status !=1 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 4)" /> <!-- <div class="desc_data_list_item">--> <!-- <div class="desc_data_list_item_img" style="cursor: pointer; background: #8c939d;">--> <!-- <i class="el-icon-plus"></i>--> @@ -320,7 +320,7 @@ <template v-if="(model.disabilityFileList==null|| model.disabilityFileList.length==0) && (model.status ==2 || model.status ==4)"> <span style=" height: 40px;width:100%;text-align:center;color: #8c939d;font-size: 12px">鏆傛棤鐩稿叧鏉愭枡</span> </template> - <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 5)" /> + <upload v-if="model.status !=1 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 5)" /> <!-- <div class="desc_data_list_item">--> <!-- <UploadFileCommon :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="baoxianFileUploaded" />--> <!--<!– <div class="desc_data_list_item_img" style="cursor: pointer; background: #8c939d;">--> @@ -357,7 +357,7 @@ <template v-if="(model.compensationFileList==null|| model.compensationFileList.length==0) && (model.status ==2 || model.status ==4)"> <span style=" height: 40px;width:100%;text-align:center;color: #8c939d;font-size: 12px">鏆傛棤鐩稿叧鏉愭枡</span> </template> - <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 6)" /> + <upload v-if="model.status !=1 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 6)" /> <!-- <div class="desc_data_list_item">--> <!-- <div class="desc_data_list_item_img" style="cursor: pointer; background: #8c939d;">--> <!-- <i class="el-icon-plus"></i>--> @@ -425,6 +425,8 @@ <onlineReporting ref="onlineReporting" @success="callback" /> <!-- 琛ュ厖璇存槑 --> <supplementaryExplanation ref="supplementaryExplanation" @success="callback" /> + <!-- 鎶曚繚璇︽儏 --> + <OperaInsuranceApplyDetails ref="OperaInsuranceApplyDetails" @success="callback" /> </GlobalWindow> </template> @@ -436,21 +438,23 @@ import OperaSettleClaimsCheckWindow from '@/components/business/OperaSettleClaimsCheckWindow' import onlineReporting from '@/components/enterprise/onlineReporting' import supplementaryExplanation from '@/components/enterprise/supplementaryExplanation' + import OperaInsuranceApplyDetails from '@/components/business/OperaInsuranceApplyWindow' import upload from '@/components/common/upload' import {confirmFile, findById,exportFiles,claimsUploadFile,delFile} from '@/api/business/settleClaims' import { mapState } from 'vuex' export default { name: 'OperaSettleClaimsWindow', extends: BaseOpera, - components: { GlobalWindow, OperaSettleClaimsCheckWindow,UploadFileCommon, onlineReporting, supplementaryExplanation, upload }, + components: { GlobalWindow, OperaSettleClaimsCheckWindow, OperaInsuranceApplyDetails, UploadFileCommon, onlineReporting, supplementaryExplanation, upload }, data () { return { - doneFileDate: null, - remarkLogList: [], - list: [], - model: {}, - activeName: 'first', - reverse: false, + loading: false, + doneFileDate: null, + remarkLogList: [], + list: [], + model: {}, + activeName: 'first', + reverse: false } }, computed: { @@ -474,10 +478,13 @@ }, // 鍒ゆ柇涓や釜鏃堕棿涔嬮棿鐩稿樊鏄惁 contrast24(time1, time2) { + console.log(time1) + console.log(time2) if (time1 && time2) { let a = new Date(time1) let b = new Date(time2) let timeDiff = Math.abs(a.getTime() - b.getTime()); + console.log(Math.ceil(timeDiff / (3600 * 1000))) return Math.ceil(timeDiff / (3600 * 1000)) <= 24; } else { return false @@ -538,6 +545,7 @@ this.$emit('success') }, claimsUploadFile(e, objType) { + this.loading = true claimsUploadFile({ id: this.model.id, objType, @@ -548,6 +556,8 @@ this.getDetail() }).catch(err => { this.$tip.apiFailed(err) + }).finally(() => { + this.loading = false }) }, submit(type) { @@ -809,7 +819,6 @@ } img { width: 100%; - height: 100%; } video { width: 100%; @@ -821,16 +830,32 @@ display: flex; flex-direction: column; justify-content: space-between; + word-break: break-all; span { &:nth-child(1) { + width: 100%; + word-break: break-all; font-size: 14px; color: black; + padding-right: 30px; + box-sizing: border-box; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + word-wrap: break-word; + -webkit-line-clamp: 2; /* Webkit寮曟搸 */ + -webkit-box-orient: vertical; /* Webkit寮曟搸 */ + -moz-line-clamp: 2; /* Firefox娴忚鍣� */ } &:nth-child(2) { + width: 100%; + word-break: break-all; font-size: 14px; color: #888888; } &:nth-child(3) { + width: 100%; + word-break: break-all; font-size: 14px; color: #888888; } -- Gitblit v1.9.3