Skip to content

V
vue-composition-api
Commit 9ab632f5 by 唐玉峰
Options

..

parent 08b1b57d
Showing with 1839 additions and 12 deletions
src/components/medicalRecordHomepage/index2.vue 0 → 100644
<template>
<div id="medicalrecord">
<div class="pageindex">
<el-row>
<el-col :span="8" :offset="16">
<el-row>
<el-col :span="7"><span class="key setlListSn">清单流水号 </span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("setlListSn") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-row>
<el-col :span="9"><span class="key fixmedinsName">定点医疗机构名称</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("fixmedinsName") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="9"><span class="key fixmedinsCode">定点医疗机构代码 </span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("fixmedinsCode") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="7"><span class="key hiSetlLv">医保结算等级 </span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("hiSetlLvVal") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-row>
<el-col :span="5"><span class="key hiNo">医保编号</span></el-col>
<el-col :span="18"
><span class="values">{{ changeValue("hiNo") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="4"><span class="key medcasNo">病案号 </span></el-col>
<el-col :span="19"
><span class="values">{{ changeValue("medcasNo") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="5"><span class="key dclaTime">申报时间 </span></el-col>
<el-col :span="19"
><span class="values">{{ changeValue("dclaTime") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
</div>
<div class="text-center bg-ECF font-14 pad-5-0">一、基本信息</div>
<div class="pageindex">
<el-row :gutter="20">
<el-col :xl="3" :lg="3" :md="4">
<el-row>
<el-col :span="8"><span class="key psnName"> 姓名 </span></el-col>
<el-col :span="16"
><span class="values"> {{ changeValue("psnName") }} </span></el-col
>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="5"><span class="key gend"> 性别 </span></el-col>
<el-col :span="8">
<span class="values"> {{ changeValue("gend") }} </span>
</el-col>
<el-col :span="11">
<span class="value noBottomBoder paddingLeft10">1.男 2.女</span>
</el-col>
</el-row>
</el-col>
<el-col :xl="8" :lg="8" :md="7">
<el-row>
<el-col :span="5"><span class="key brdy">出生日期 </span></el-col>
<el-col :span="19"
><span class="values">
{{ changeValue("brdy") != "——" ? transformTimestamp(changeValue("brdy")) : changeValue("brdy") }}</span
></el-col
>
</el-row>
</el-col>
<el-col :xl="4" :lg="4" :md="4">
<el-row>
<el-col :span="8"><span class="key age">年龄 </span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("age") }} </span></el-col
>
</el-row>
</el-col>
<el-col :xl="4" :lg="4" :md="4">
<el-row>
<el-col :span="8"><span class="key ntly">国籍 </span></el-col>
<el-col :span="16">
<span class="values">{{ changeValue("ntlyVal") }} </span>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="7">
<el-row>
<el-col :span="11" :md="13"><span class="value" style="border: none">(年龄不满一周岁的)</span></el-col>
<el-col :span="4" :md="3"><span class="key ageDays">年龄</span></el-col>
<el-col :span="8" :md="5">
<span class="values"> {{ changeValue("ageDays") }} </span>
</el-col>
<el-col :span="2"><span class="value" style="border: none">天</span></el-col>
</el-row>
</el-col>
<el-col :span="4">
<el-row>
<el-col :span="6"><span class="key naty">民族</span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("natyVal") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="12"><span class="key psnCertType">患者证件类别</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("psnCertTypeVal") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="8"><span class="key certNo">患者证件号码</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("certNo") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-row>
<el-col :span="4"><span class="key prfs">职业</span></el-col>
<el-col :span="18"
><span class="values">{{ changeValue("prfsVal") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="18">
<el-row>
<el-col :span="2"><span class="key currAddr">现住址</span></el-col>
<el-col :span="22"
><span class="values">{{ changeValue("currAddr") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-row>
<el-col :span="6"><span class="key empName empAddr">工作单位及地址</span></el-col>
<el-col :span="17">
<span class="values">{{ changeValue("empAddr") }} </span>
</el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="7"><span class="key empTel">单位电话</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("empTel") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="4"><span class="key empPoscode">邮编</span></el-col>
<el-col :span="20"
><span class="values">{{ changeValue("empPoscode") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="5">
<el-row>
<el-col :span="11"><span class="key conerName">联系人姓名</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("conerName") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="4">
<el-row>
<el-col :span="6"><span class="key patnRlts">关系</span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("patnRltsVal") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="10">
<el-row>
<el-col :span="3"><span class="key conerAddr">地址</span></el-col>
<el-col :span="20"
><span class="values">{{ changeValue("conerAddr") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="5"><span class="key conerTel">电话</span></el-col>
<el-col :span="19"
><span class="values">{{ changeValue("conerTel") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key insuType">医保类型</span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("insuTypeVal") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="8"><span class="key spPsnType">特殊人员类型</span></el-col>
<el-col :span="15"
><span class="values">{{ changeValue("spPsnTypeVal") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="4"><span class="key insuPlc">参保地</span></el-col>
<el-col :span="20"
><span class="values">{{ changeValue("insuPlc") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-row>
<el-col :span="9"><span class="key nwbAdmType">新生儿入院类型</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("nwbAdmTypeVal") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="9"><span class="key nwbBirWt">新生儿出生体重</span></el-col>
<el-col :span="13"
><span class="values">{{ changeValue("nwbBirWt") }}</span></el-col
>
<el-col :span="1"><span class="key"> 克 </span></el-col>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="9"><span class="key nwbAdmWt">新生儿入院体重</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("nwbAdmWt") }}</span></el-col
>
<el-col :span="1"><span class="key"> 克 </span></el-col>
</el-row>
</el-col>
</el-row>
</div>
<!-- <div class="text-center bg-ECF font-14 pad-5-0">二、门诊慢特病诊疗信息</div>
<div class="pageindex">
<el-row>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key diagnostiC_DEPARTMENT">诊断科别</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("diagnostiC_DEPARTMENT") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6" :offset="12">
<el-row>
<el-col :span="8"><span class="key visiT_DATE">就诊日期</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("visiT_DATE") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row>
<el-table :data="info.clinicDiagInfo" border :header-cell-class-name="diagnosisclass">
<el-table-column prop="diaG_NAME" label="病种名称"></el-table-column>
<el-table-column prop="diaG_CODE" label="病种代码"></el-table-column>
<el-table-column prop="opS_NAME" label="手术及操作名称"> </el-table-column>
<el-table-column prop="opS_CODE" label="手术及操作代码"></el-table-column>
</el-table>
</el-row>
</div> -->
<div class="text-center bg-ECF font-14 pad-5-0">三、住院诊疗信息</div>
<div class="pageindex">
<el-row>
<el-col>
<el-row>
<el-col :span="3"><span class="key iptMedType">住院医疗类型</span></el-col>
<el-col :span="1">
<span class="values">{{ changeValue("iptMedType") }}</span>
</el-col>
<el-col :span="20"><span class="value noBottomBoder paddingLeft10">1.住院 2.日间手术</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col>
<el-row>
<el-col :span="3"><span class="key admWay">入院途径</span></el-col>
<el-col :span="1">
<span class="values">{{ changeValue("admWay") }}</span>
</el-col>
<el-col :span="20">
<span class="value noBottomBoder paddingLeft10">1.急诊 2.门诊 3.其他医疗机构转入 9.其他</span>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col>
<el-row>
<el-col :span="3"><span class="key trtType">治疗类别</span></el-col>
<el-col :span="1">
<span class="values">{{ changeValue("trtType") }}</span>
</el-col>
<el-col :span="20">
<span class="value noBottomBoder paddingLeft10">10.西医 20.中医（21 中医 22 民族医） 30.中西医</span>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key admTime">入院时间 </span></el-col>
<el-col :span="17"
><span class="values">{{
changeValue("admTime") != "——" ? transformTimestamp(changeValue("admTime")) : changeValue("admTime")
}}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key admDeptName">入院科别 </span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("admDeptName") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key refldeptDept">转科科别 </span></el-col>
<el-col :span="18"
><span class="values">{{ changeValue("refldeptDeptVal") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key dscgTime">出院时间 </span></el-col>
<el-col :span="17"
><span class="values">{{
changeValue("dscgTime") != "——" ? transformTimestamp(changeValue("dscgTime")) : changeValue("dscgTime")
}}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key dscgCaty">出院科别 </span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("dscgCatyVal") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key actIptDays">实际住院 </span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("actIptDays") }}</span></el-col
>
<el-col :span="1"><span class="key">天 </span></el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="16">
<el-row>
<el-col :span="8"><span class="key otpWmDiag">门（急）诊诊断（西医诊断）</span></el-col>
<el-col :span="16">
<span class="values">{{ changeValue("otpWmDiag") }}</span>
</el-col>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key otpWmDiagDiseCode">疾病代码</span></el-col>
<el-col :span="18">
<span class="values">{{ changeValue("otpWmDiagDiseCode") }}</span>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="16">
<el-row>
<el-col :span="8"><span class="key otpTcmDiag">门（急）诊诊断（中医诊断）</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("otpTcmDiag") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="6"><span class="key otpTcmDiagDiseCode">疾病代码</span></el-col>
<el-col :span="18"
><span class="values">{{ changeValue("otpTcmDiagDiseCode") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row>
<el-table :data="info.diseTranInfos" border :header-cell-class-name="diagnosisclass">
<el-table-column prop="wmDiagName" label="出院西医诊断">
<template #default="{ row, $index }">
<span style="color: #909399">
{{ $index == 0 ? "主要诊断：" : $index == 1 ? "其他诊断：" : "" }}
</span>
{{ row.wmDiagName }}
</template>
</el-table-column>
<el-table-column prop="wmDiagCode" label="疾病代码"> </el-table-column>
<el-table-column prop="wmAdmCondType" label="入院病情"></el-table-column>
<el-table-column prop="tcmDiagName" label="出院中医诊断">
<template #default="{ row, $index }">
<span style="color: #909399">
{{ $index == 0 ? "主病：" : $index == 1 ? "主证：" : "" }}
</span>
{{ row.tcmDiagName }}
</template>
</el-table-column>
<el-table-column prop="tcmDiagCode" label="疾病代码"></el-table-column>
<el-table-column prop="tcmAdmCondType" label="入院病情"> </el-table-column>
</el-table>
</el-row>
<el-row>
<el-col :span="8">
<el-row>
<el-col :span="8"><span class="key diagCodeCnt">诊断代码计数</span></el-col>
<el-col :span="10"
><span class="values">{{ changeValue("diagCodeCnt") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row>
<el-table :data="info.oprnInfos" border :header-cell-class-name="headerRowStyle">
<el-table-column prop="oprnOprtName" label="手术操作名称">
<template #default="{ row, $index }">
<span style="color: #909399">
{{ $index == 0 ? "主要手术：" : $index == 1 ? "其他手术：" : "" }}
</span>
{{ row.oprnOprtName }}
</template>
</el-table-column>
<el-table-column prop="oprnOprtCode" label="手术操作代码"></el-table-column>
<el-table-column label="手术操作起止时间">
<template #default="scope">
<span v-if="scope.row.oprnOprtBegntime">{{ scope.row.oprnOprtBegntime }}</span>
<span v-if="scope.row.oprnOprtEndtime"> - {{ scope.row.oprnOprtEndtime }}</span>
</template>
</el-table-column>
<el-table-column prop="operDrName" label="术者医师姓名"></el-table-column>
<el-table-column prop="operDrCode" label="术者医师代码"></el-table-column>
<el-table-column prop="anstWayVal" label="麻醉方式"></el-table-column>
<el-table-column label="麻醉起止时间">
<template #default="scope">
<span v-if="scope.row.anstBegntime">{{ scope.row.anstBegntime }}</span>
<span v-if="scope.row.anstEndtime"> - {{ scope.row.anstEndtime }}</span>
</template>
</el-table-column>
<el-table-column prop="anstDrName" label="麻醉医师姓名"></el-table-column>
<el-table-column prop="anstDrCode" label="麻醉医师代码"></el-table-column>
</el-table>
</el-row>
<el-row>
<el-col :span="8">
<el-row>
<el-col :span="12"><span class="key oprnOprtCodeCnt">手术及操作代码计数</span></el-col>
<el-col :span="10"
><span class="values">{{ changeValue("oprnOprtCodeCnt") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="6"><span class="key ventUsedDays ventUsedHCnt ventUsedMCnt">呼吸机使用时间</span></el-col>
<el-col :span="3"
><span class="values">{{ changeValue("ventUsedDays") }}</span></el-col
>
<el-col :span="1"><span class="key">天 </span></el-col>
<el-col :span="3"
><span class="values">{{ changeValue("ventUsedHCnt") }}</span></el-col
>
<el-col :span="2"><span class="ke">小时 </span></el-col>
<el-col :span="3"
><span class="values">{{ changeValue("ventUsedMCnt") }}</span></el-col
>
<el-col :span="2"><span class="key">分钟 </span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<span class="key c28 c29 c30"> 颅脑损伤患者昏迷时间：</span>
</el-col>
<el-col :span="18">
<el-row>
<el-col :span="2">
<span class="key bfadmComaDays bfadmComaHCnt bfadmComaMCnt">入院前</span>
</el-col>
<el-col :span="2">
<span class="values"> {{ changeValue("bfadmComaDays") }}</span>
</el-col>
<el-col :span="1"><span class="key">天 </span></el-col>
<el-col :span="2">
<span class="values"> {{ changeValue("bfadmComaHCnt") }}</span>
</el-col>
<el-col :span="2"><span class="key">小时 </span></el-col>
<el-col :span="2">
<span class="values"> {{ changeValue("bfadmComaMCnt") }}</span>
</el-col>
<el-col :span="2"><span class="key">分钟 </span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="18" :offset="5">
<el-row>
<el-col :span="2">
<span class="key afadmComaDays afadmComaHCnt afadmComaMCnt">入院后</span>
</el-col>
<el-col :span="2">
<span class="values"> {{ changeValue("afadmComaDays") }}</span>
</el-col>
<el-col :span="1"><span class="key">天 </span></el-col>
<el-col :span="2">
<span class="values"> {{ changeValue("afadmComaHCnt") }}</span>
</el-col>
<el-col :span="2"><span class="key">小时 </span></el-col>
<el-col :span="2">
<span class="values"> {{ changeValue("afadmComaMCnt") }}</span>
</el-col>
<el-col :span="2"><span class="key">分钟 </span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-table :data="info.icuInfos" border :header-cell-class-name="headerRowStyle">
<el-table-column prop="scsCutdWardTypeVal" label="重症监护病房类型"></el-table-column>
<el-table-column prop="scsCutdInpoolTime" label="进重症监护室时间"> </el-table-column>
<el-table-column prop="scsCutdExitTime" label="出重症监护室时间"></el-table-column>
<el-table-column prop="scsCutdSumDura" label="合计"></el-table-column>
</el-table>
</el-row>
<el-row>
<el-table :data="info.bldInfos" border :header-cell-class-name="headerRowStyle">
<el-table-column prop="bldCatVal" label="输血品种"></el-table-column>
<el-table-column prop="bldAmt" label="输血量"> </el-table-column>
<el-table-column prop="bldUnt" label="输血计量单位"></el-table-column>
</el-table>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-row>
<el-col :span="11"><span class="key spgaNurscareDays">特级护理天数</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("spgaNurscareDays") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="11"><span class="key lv1NurscareDays">一级护理天数</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("lv1NurscareDays") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="11"><span class="key scdNurscareDays">二级护理天数</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("scdNurscareDays") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="11"><span class="key lv3NurscareDays">三级护理天数</span></el-col>
<el-col :span="13"
><span class="values">{{ changeValue("lv3NurscareDays") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :xl="2" :lg="2" :md="2">
<span class="key dscgWay"> 离院方式: </span>
</el-col>
<el-col :xl="3" :lg="3" :md="3">
<span class="value"> {{ changeValue("dscgWay") }} </span>
</el-col>
<el-col :xl="8" :lg="8" :md="8">
<span class="value noBottomBoder acpMedinsName">1.医嘱离院 2.医嘱转院，拟接收医疗机构名称： </span>
</el-col>
<el-col :xl="10" :lg="10" :md="10">
<span class="value"> {{ info.dscgWay == "2" ? changeValue("acpMedinsName") : "——" }}</span>
</el-col>
</el-row>
<el-row>
<el-col :xl="10" :lg="10" :md="10">
<span class="value noBottomBoder acpMedinsName">3.医嘱转社区卫生服务机构/乡镇卫生院，拟接收医疗机构名称：</span>
</el-col>
<el-col :xl="3" :lg="3" :md="3">
<span class="value"> {{ info.dscgWay == "3" ? changeValue("acpMedinsName") : "——" }}</span>
</el-col>
<el-col :xl="10" :lg="10" :md="10">
<span class="value noBottomBoder">4.非医嘱离院5.死亡9.其他</span>
</el-col>
</el-row>
<el-row>
<el-col :xl="5" :lg="5" :md="7"><span class="value noBottomBoder daysRinpFlag31">是否有出院31天内再住院计划</span></el-col>
<el-col :xl="2" :lg="2" :md="2">
<span class="value"> {{ changeValue("daysRinpFlag31") == "2" ? "有" : "无" }}</span>
</el-col>
<el-col :xl="2" :lg="2" :md="2"><span class="value noBottomBoder daysRinpPup31 paddingLeft10">目的:</span></el-col>
<el-col :xl="11" :lg="11" :md="11">
<span class="value"> {{ changeValue("daysRinpPup31") }}</span>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-row>
<el-col :span="11"><span class="key chfpdrName">主诊医师姓名</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("chfpdrName") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="11"><span class="key chfpdrCode">主诊医师代码</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("chfpdrCode") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="11"><span class="key respNursName">责任护士姓名</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("respNursName") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="11"><span class="key respNursCode">责任护士代码</span></el-col>
<el-col :span="13"
><span class="values">{{ changeValue("respNursCode") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
</div>
<div class="text-center bg-ECF font-14 pad-5-0">四、医疗收费信息</div>
<div class="pageindex">
<el-row :gutter="20">
<el-col :span="8">
<el-row>
<el-col :span="8"><span class="key bizSn">业务流水号：</span></el-col>
<el-col :span="15"
><span class="values">{{ changeValue("bizSn") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="7"><span class="key billCode">票据代码：</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("billCode") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="7"><span class="key billNo">票据号码：</span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("billNo") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="4">
<span class="key setlBegnDate setlEndDate"> 结算期间：</span>
</el-col>
<el-col :span="20">
<span class="values">{{ changeValue("setlBegnDate") }} - {{ changeValue("setlEndDate") }}</span>
</el-col>
<!-- <el-col :span="1"><span class="key">— </span></el-col>
<el-col :span="6">
<span class="values"> 2023-9-3</span>
</el-col> -->
</el-row>
</el-col>
</el-row>
<el-row>
<el-table :data="info.itemInfos" border :header-cell-class-name="headerRowStyle">
<el-table-column prop="medChrgitmTypeVal" label="项目名称"></el-table-column>
<el-table-column prop="itemSumamt" label="金额"></el-table-column>
<el-table-column prop="itemClaaAmt" label="甲类"></el-table-column>
<el-table-column prop="itemClabAmt" label="乙类"></el-table-column>
<el-table-column prop="itemOwnpayAmt" label="自费"></el-table-column>
<el-table-column prop="itemOthAmt" label="其他"></el-table-column>
</el-table>
</el-row>
<el-row>
<el-col :span="24">
<table class="tables">
<tbody>
<tr>
<td colspan="2">医保统筹基金支付</td>
<td>{{ info.hifpPay || "/" }}</td>
<td rowspan="5">个人负担</td>
<td rowspan="3">个人自付</td>
<td rowspan="3">{{ info.psnSelfpayAmt || "/" }}</td>
</tr>
<tr>
<td rowspan="3">补充医疗保险支付</td>
<td>职工大额补助</td>
<td>{{ info.hifobPay || "/" }}</td>
</tr>
<tr>
<td>居民大病保险</td>
<td>{{ info.hifmiPay || "/" }}</td>
</tr>
<tr>
<td>公务员医疗补助</td>
<td>{{ info.cvlservPay || "/" }}</td>
<td rowspan="2">个人自费</td>
<td rowspan="2">{{ info.psnOwnpayFee || "/" }}</td>
</tr>
<tr>
<td colspan="2">医疗救助支付</td>
<td>{{ info.mafPay || "/" }}</td>
</tr>
<tr>
<td rowspan="3">其他支付</td>
<td>企业补充</td>
<td>{{ info.hifesPay || "/" }}</td>
<td rowspan="3">个人支付</td>
<td rowspan="2">个人账户支付</td>
<td rowspan="2">{{ info.acctPayamt || "/" }}</td>
</tr>
<tr>
<td>商业保险</td>
<td>{{ info.ltciPay || "/" }}</td>
</tr>
<tr>
<td>...</td>
<td></td>
<td rowspan="1">个人现金支付</td>
<td rowspan="1">{{ info.psnCashpay || "/" }}</td>
</tr>
</tbody>
</table>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="5">
<span class="key hiPaymtd"> 医保支付方式：</span>
</el-col>
<el-col :span="10">
<span class="values">{{ changeValue("hiPaymtd") }}</span>
</el-col>
</el-row>
</el-col>
</el-row>
<hr style="margin: 24px 0" />
<el-row :gutter="20">
<el-col :span="9">
<el-row>
<el-col :span="10"><span class="key medinsFillDept">定点医疗机构填报部门 </span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("medinsFillDept") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="9">
<el-row>
<el-col :span="7"><span class="key hsorgName">医保经办机构 </span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("hsorgName") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="4"><span class="key hsorgCode">代码 </span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("hsorgCode") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="9">
<el-row>
<el-col :span="10"><span class="key medinsFillPsn">定点医疗机构填报人</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("medinsFillPsn") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="9">
<el-row>
<el-col :span="7"><span class="key hsorgOpterName">医保机构经办人 </span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("hsorgOpterName") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="4"><span class="key hsorgOpterCode">代码 </span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("hsorgOpterCode") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
import { reactive, toRefs, computed, onMounted, nextTick } from "@vue/composition-api";
import { transformTimestamp } from "../../utils/formatTime";
import { decimal } from "../../utils/decimal";
// @ is an alias to /src
export default {
components: {},
props: ["info"],
data() {
return {};
},
methods: {
decimal,
transformTimestamp,
changeValue(str) {
if (str && this.info) {
return this.info[str] ? this.info[str] : "——";
} else {
return "——";
}
},
headerRowStyle({ column }) {
if (column.label == "手术及操作编码") {
return "ops";
}
},
diagnosisclass({ column }) {
if (column.label == "出院诊断") {
return "diagnosis";
}
},
},
};
</script>
<style lang="scss" scoped>
#medicalrecord {
width: 100%;
font-size: 12px !important;
border: 1px solid #000;
#clickColor {
background-color: #f3bf18;
}
.el-row {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
// .el-table::before {
// background-color: #000;
// }
/* .el-table--border::after */
.homePageTitle {
font-size: 20px;
font-weight: bold;
text-align: center;
}
.juEnd {
display: flex;
justify-content: flex-end;
}
.juStart {
display: flex;
justify-content: flex-start;
}
.juCenter {
display: flex;
justify-content: center;
}
.row {
display: flex;
flex-direction: row;
}
.key {
font-size: 14px;
font-weight: bold;
font-family: "PingFang SC";
}
.value {
font-size: 14px;
border-bottom: 1px solid #000;
font-family: "PingFang SC";
display: block;
}
.values {
font-size: 14px;
padding-left: 10px;
border-bottom: 1px solid #000;
font-family: "PingFang SC";
display: block;
}
.noBottomBoder {
border-bottom: none;
}
.paddingLeft10 {
padding-left: 10px;
}
.pageindex {
padding: 20px;
// min-height: 800px;
}
.tables {
width: 100%;
border-top: 1px solid #ebeef5;
border-left: 1px solid #ebeef5;
border-spacing: 0; /*去掉单元格间隙*/
th {
border-bottom: 1px solid #ebeef5;
border-right: 1px solid #ebeef5;
padding: 10px 30px;
vertical-align: middle; /* 垂直居中 */
text-align: center;
}
td {
padding: 10px 30px;
border-bottom: 1px solid #ebeef5;
border-right: 1px solid #ebeef5;
vertical-align: middle; /* 垂直居中 */
text-align: center;
}
}
}
</style>
src/router/index.js
...@@ -54,6 +54,11 @@ const router = new Router({ ...@@ -54,6 +54,11 @@ const router = new Router({
name: "outpatientDetails", name: "outpatientDetails",
component: (resolve) => require(["@/views/outpatientDetails_pingguo.vue"], resolve), component: (resolve) => require(["@/views/outpatientDetails_pingguo.vue"], resolve),
}, },
{
path: "/seeSettlementList",
name: "seeSettlementList",
component: (resolve) => require(["@/views/seeSettlementList.vue"], resolve),
},
], ],
// mode: 'history' /*hash*/ /*不显示路由中的#*/ // mode: 'history' /*hash*/ /*不显示路由中的#*/
}); });
......
src/utils/decimal.js
...@@ -12,14 +12,14 @@ export function decimal(num) { ...@@ -12,14 +12,14 @@ export function decimal(num) {
} else { } else {
result = Math.round(num * 100) / 100; result = Math.round(num * 100) / 100;
var s_x = result.toString(); var s_x = result.toString();
var pos_decimal = s_x.indexOf('.'); var pos_decimal = s_x.indexOf(".");
if (pos_decimal < 0) { if (pos_decimal < 0) {
//不是小数 //不是小数
pos_decimal = s_x.length; pos_decimal = s_x.length;
s_x += '.'; s_x += ".";
} }
while (s_x.length <= pos_decimal + 2) { while (s_x.length <= pos_decimal + 2) {
s_x += '0'; s_x += "0";
} }
return s_x; return s_x;
} }
...@@ -27,26 +27,24 @@ export function decimal(num) { ...@@ -27,26 +27,24 @@ export function decimal(num) {
export function toPercent(point) { export function toPercent(point) {
var str = Number(point * 100).toFixed(2); var str = Number(point * 100).toFixed(2);
str += '%'; str += "%";
return str; return str;
} }
export function keepTwoDecimalFull(num) { export function keepTwoDecimalFull(num) {
var result = parseFloat(num); var result = parseFloat(num);
result = Math.round(num * 100) / 100; result = Math.round(num * 100) / 100;
var s_x = result.toString(); var s_x = result.toString();
var pos_decimal = s_x.indexOf('.'); var pos_decimal = s_x.indexOf(".");
if (pos_decimal < 0) { if (pos_decimal < 0) {
pos_decimal = s_x.length; pos_decimal = s_x.length;
s_x += '.'; s_x += ".";
} }
while (s_x.length <= pos_decimal + 2) { while (s_x.length <= pos_decimal + 2) {
s_x += '0'; s_x += "0";
} }
return s_x; return s_x;
} }
export function changeArr( export function changeArr(data) {
data
) {
let arr = data.map((o) => [ let arr = data.map((o) => [
o.cmi, o.cmi,
o.feeConsumeIndex, o.feeConsumeIndex,
...@@ -69,5 +67,3 @@ export function changeArr( ...@@ -69,5 +67,3 @@ export function changeArr(
return arr; return arr;
} }
src/views/seeSettlementList.vue 0 → 100644
<!--
* @Author: wsq
* @Date: 2022-04-22 14:21:50
* @LastEditors: wsq
* @LastEditTime: 2022-07-01 17:08:45
* @Description:
-->
<template>
<!-- 查看质控 -->
<div class="outseeQualityControl">
<div class="outseeQualityControl_box">
<div class="outseeQualityControl_box_btn">
<el-button class="outseeQualityControl_box_btn_button" size="mini" type="primary" @click="getSynchronous">同步数据</el-button>
</div>
<div class="outseeQualityControl_box_header">
<div class="outseeQualityControl_box_header_text"></div>
</div>
<div class="outseeQualityControl_box_Content">
<div class="outseeQualityControl_box_Content_left">
<medical-record-homepage :info="medicalrecord"> </medical-record-homepage>
</div>
<div class="outseeQualityControl_box_Content_right">
<div class="outseeQualityControl_box_Content_right_top">
<!--非编码问题 -->
<div
:class="[isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_left' : 'outseeQualityControl_box_Content_right_top_left11']"
@click="leftcode"
>
<div class="outseeQualityControl_box_Content_right_top_left_div1">
<img src="../assets/img/fbm.png" alt="" v-show="isleftcodeShow" />
<img src="../assets/img/bm.png" alt="" v-show="!isleftcodeShow" />
</div>
<div class="outseeQualityControl_box_Content_right_top_left_div2">
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span1'
: 'outseeQualityControl_box_Content_right_top_left_div2_span11',
]"
>{{ fruleCount }}</span
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span2'
: 'outseeQualityControl_box_Content_right_top_left_div2_span22',
]"
>非编码问题</span
>
</div>
</div>
<!-- 编码问题 -->
<div
:class="[
isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_right' : 'outseeQualityControl_box_Content_right_top_right11',
]"
@click="rightcode"
>
<div class="outseeQualityControl_box_Content_right_top_right_div1">
<img src="../assets/img/fbm.png" alt="" v-show="!isleftcodeShow" />
<img src="../assets/img/bm.png" alt="" v-show="isleftcodeShow" />
</div>
<div class="outseeQualityControl_box_Content_right_top_right_div2">
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span1'
: 'outseeQualityControl_box_Content_right_top_right_div2_span11',
]"
>{{ ruleCount }}</span
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span2'
: 'outseeQualityControl_box_Content_right_top_right_div2_span22',
]"
>编码问题</span
>
</div>
</div>
</div>
<div class="outseeQualityControl_box_Content_right_center">
<div class="outseeQualityControl_box_Content_right_center_line" v-show="isleftcodeShow"></div>
<div class="outseeQualityControl_box_Content_right_center_line2" v-show="!isleftcodeShow"></div>
</div>
<div class="outseeQualityControl_box_Content_right_bottom">
<!-- <div class="outseeQualityControl_box_Content_right_bottom_title">患者基本信息</div> -->
<div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="isleftcodeShow">
<el-tree
:data="departmentTree"
:props="defaultProps"
:default-expand-all="false"
ref="tree"
node-key="id"
@node-click="handleNodeClick"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<div class="leftbox" :class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']">
<el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template>
<span :class="[data.ruleName == '非编码问题' ? 'spans' : '']">{{ data.ruleName }}</span>
</el-tooltip>
</div>
</span>
</template>
</el-tree>
</div>
<div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="!isleftcodeShow">
<el-tree
:data="rightdepartmentTree"
:props="defaultProps"
:default-expand-all="false"
ref="tree"
node-key="id"
@node-click="handleNodeClick"
v-show="!isnodataShow"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<div class="leftbox" :class="[data.ruleName != '编码问题' ? 'leftboxs' : '']">
<el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template>
<span :class="[data.ruleName == '编码问题' ? 'spans' : '']">{{ data.ruleName }}</span>
</el-tooltip>
</div>
</span>
</template>
</el-tree>
<div class="outseeQualityControl_box_Content_right_bottom_tree_nodata" v-show="isnodataShow">
<img class="outseeQualityControl_box_Content_right_bottom_tree_nodata_img" src="../assets/img/mininodata.png" alt="" />
<div class="outseeQualityControl_box_Content_right_bottom_tree_nodata_text">暂无数据</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import http from "../utils/http";
import medicalRecordHomepage from "../components/medicalRecordHomepage/index2.vue";
import $ from "jquery";
import { setItem, removeToken } from "@/utils/auth";
import { Message, Loading } from "element-ui";
export default {
components: {
medicalRecordHomepage,
},
name: "outseeQualityControl",
data() {
return {
medicalrecord: null,
ScoringDetails: null,
caseHistoryScoreData: null,
departmentTree: [], //非编码问题数据
rightdepartmentTree: [], //编码问题数据
isleftcodeShow: true, //非编码问题数据是否显示
defaultProps: {
children: "rulesLists",
label: "ruleName",
},
clicktitle: "",
fruleCount: "", //非编码问题数据条数
ruleCount: "", //编码问题数据条数
isnodataShow: false, //编码是否有数据,
inhtml: "",
splithtml: "", //
splithtml2: "", //单位电话
splithtml3: "", //病房
keys: [], //获取所有的问卷key
values: [], //
loadingOption1: {
// 加载loading
fullscreen: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
},
};
},
mounted() {
if (this.$route.query.id) {
this.getScoringDetails(this.$route.query.id);
this.getHomePage(this.$route.query.id);
setItem("outpid", this.$route.query.id);
}
},
methods: {
//同步数据
getSynchronous(id) {
http.post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
.then((data) => {
Message.success(data.message);
})
.catch((error) => {
Message.error(error);
});
},
//获取到点击的值
handleNodeClick(data) {
let arr = document.getElementsByClassName(data.columnName);
let dom = $("#medicalRecord").find("#clickColor");
if (dom.length != 0) {
dom.removeAttr("id");
}
arr[0].setAttribute("id", "clickColor");
this.scrollTop();
},
scrollTop() {
if ($("#clickColor").position()) {
$(".outseeQualityControl_box_Content_left").animate(
{
scrollTop:
$("#clickColor").offset().top -
$(".outseeQualityControl_box_Content_left").offset().top +
$(".outseeQualityControl_box_Content_left").scrollTop() -
300,
},
500
);
}
},
//获取患者基本信息树形数据
getScoringDetails(id) {
var loadingInstance1 = Loading.service(this.loadingOption1);
http.get(`/settlement/valid/result?setlId=${id}`, {})
.then((data) => {
this.departmentTree = data[0].rulesLists;
this.rightdepartmentTree = data[1].rulesLists;
this.fruleCount = data[0].ruleCount;
this.ruleCount = data[1].ruleCount;
if (this.fruleCount == 0 || this.ruleCount == 0) {
this.isnodataShow = true;
}
loadingInstance1.close();
})
.catch((error) => {
loadingInstance1.close();
});
},
// 获取病案首页数据
getHomePage(id) {
http.get(`/settlement/detail?setlId=${id}`, {})
.then((data) => {
console.log(data);
this.medicalrecord = data;
this.keys = Object.keys(data);
})
.catch((error) => {});
},
//点击非编码问题
leftcode() {
this.isleftcodeShow = true;
},
//点击编码问题
rightcode() {
this.isleftcodeShow = false;
},
},
};
</script>
<style lang="scss">
// @import '../styles/mixin.scss';
// @import 'styles/media/components/outseeQualityControl.scss';
html,
body {
height: 100%;
width: 100%;
margin: 0;
overflow: hidden;
}
#app {
height: 100%;
width: 100%;
}
.outseeQualityControl {
height: 100%;
width: 100%;
background-color: white;
// overflow: hidden;
// position: relative;
#clickColor {
background-color: #f3bf18;
}
&_box {
background-color: #f3fafd;
padding: 2%;
height: 92%;
&_btn {
width: 100%;
height: 40px;
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
&_button {
background-color: #2cabe3;
color: #fff;
}
}
&_header {
height: 25px;
margin-bottom: 20px;
background: url("../assets/img/dataMaintenance/title.png") no-repeat;
background-size: 100% 100%;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
&_text {
font-size: 13px;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
margin-left: 15px;
}
}
&_Content {
display: flex;
// flex-direction: row;
height: calc(100% - 80px);
// width: 100%;
justify-content: space-between;
// align-items: center;
// align-content: center;
// flex-wrap: nowrap;
// margin-top: 20px;
&_left {
width: 60%;
background-color: #ffffff;
height: 96%;
padding: 2% 4%;
overflow: auto;
overflow-x: hidden;
}
&_right {
width: 32%;
flex: 1;
margin-left: 1%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
&_top {
background: #ffffff;
border-radius: 8px;
height: 16%;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-around;
align-items: center;
// padding: 3% 10%;
&_left {
flex: 1;
height: 100%;
border-radius: 8px;
background-image: url("../assets/img/BG.png");
background-repeat: no-repeat;
background-position: center;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #fff;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #fff;
font-size: 16px;
font-weight: 500;
}
&_span11 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
.leftblue {
color: #2cabe3;
}
}
&_left11 {
flex: 1;
height: 100%;
border-radius: 8px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 63px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #fff;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #fff;
font-size: 16px;
font-weight: 500;
}
&_span11 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
.leftblue {
color: #2cabe3;
}
}
&_right {
height: 100%;
flex: 1;
border-radius: 8px;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
&_span11 {
color: white;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: white;
font-size: 16px;
font-weight: 500;
}
}
}
&_right11 {
flex: 1;
height: 100%;
border-radius: 8px;
background-image: url("../assets/img/BG.png");
background-repeat: no-repeat;
background-position: center;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
}
}
&_center {
width: 100%;
height: 2%;
background-color: #ffff;
display: flex;
&_line {
width: 50%;
height: 30%;
border-radius: 40px;
background-color: #2cabe3;
margin: 5px 0 5px 0;
}
&_line2 {
width: 50%;
height: 30%;
border-radius: 40px;
background-color: #2cabe3;
margin: 5px 0 5px 0;
margin-left: 50%;
}
}
&_bottom {
background: #ffffff;
border-radius: 8px;
height: 100%;
width: 100%;
// padding: 0 5% 5% 5%;
&_title {
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #6a707e;
line-height: 40px;
height: 10%;
// @include flexLayout;
justify-content: left;
}
&_tree {
.is-leaf {
visibility: hidden;
}
height: 100%;
overflow-x: hidden;
.leftboxs {
border-bottom: 1px dashed #dddddd;
}
.leftbox {
width: 100%;
display: flex;
align-items: center;
height: 100%;
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
span {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
text-align: start;
overflow: hidden;
width: 92%;
white-space: nowrap;
text-overflow: ellipsis;
}
.spans {
color: #2cabe3;
font-weight: 500;
}
}
._score {
font-size: 13px;
font-family: PingFang SC;
font-weight: 400;
color: #ff3333;
line-height: 22px;
width: 50%;
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right: 5%;
span {
color: rgba(106, 112, 126, 1);
}
}
.el-tree {
width: 98%;
height: 85px;
.el-tree-node__content {
height: 85px;
}
.el-tree-node.is-current > .el-tree-node__content {
height: 85px;
/* background: #5fc3f0; */
.custom-tree-node {
.leftbox {
width: 100%;
display: flex;
align-items: center;
height: 100%;
span {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
text-align: start;
}
}
._score {
font-size: 13px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
}
}
}
.el-tree-node {
white-space: initial;
}
&_nodata {
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_img {
width: 80px;
height: 80px;
}
&_text {
color: #abafb3;
font-family: PingFang SC;
font-size: 14px;
}
}
}
}
}
}
}
.custom-tree-node {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
height: 100%;
}
.el-tree > .el-tree-node {
//父级加下滑线
// border-bottom: 1px dashed #dddddd;
}
//修改三角icon样式
.el-icon-caret-right {
font-size: 18px;
color: #e4e4e4;
}
.el-tree-node__content .el-tree-node__label {
//子集字体小一号
font-size: 14;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
.el-tree-node__children .el-tree-node__label {
//子集字体小一号
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment