Skip to content

V
vue-composition-api
Commit f4099fac by 唐玉峰
Options

.

parent 52d163fc
Showing with 1030 additions and 1015 deletions
src/components/medicalRecordHomepage/index.vue
......@@ -8,7 +8,7 @@
</el-row>
<el-row>
<el-col :span="24" class="juStart">
<span class="key a46C"> 医疗付费方式:{{ changeValue('a46C') }} </span>
<span class="key a46C"> 医疗付费方式:{{ changeValue("a46C") }} </span>
</el-col>
</el-row>
......@@ -16,7 +16,8 @@
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key a47"> 健康卡号: </span></el-col>
<el-col :span="12"><span>{{ changeValue('a47') }}</span>
<el-col :span="12"
><span>{{ changeValue("a47") }}</span>
</el-col>
</el-row>
</el-col>
......@@ -24,7 +25,9 @@
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a49"> 第 </span></el-col>
<el-col :span="8"><span> {{ changeValue('a49') }} </span></el-col>
<el-col :span="8"
><span> {{ changeValue("a49") }} </span></el-col
>
<el-col :span="8"><span class="key"> 次入院 </span></el-col>
</el-row>
</el-col>
......@@ -32,14 +35,18 @@
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key a48"> 病案号: </span></el-col>
<el-col :span="12"><span> {{ changeValue('a48') }} </span></el-col>
<el-col :span="12"
><span> {{ changeValue("a48") }} </span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key"> 共</span></el-col>
<el-col :span="8"><span> {{ changeValue('') }} </span></el-col>
<el-col :span="8"
><span> {{ changeValue("") }} </span></el-col
>
<el-col :span="8"><span class="key"> 页 </span></el-col>
</el-row>
</el-col>
......@@ -49,33 +56,41 @@
<el-col :xl="3" :lg="3" :md="4">
<el-row>
<el-col :span="12"><span class="key a11"> 姓名 </span></el-col>
<el-col :span="12"><span class="values"> {{ changeValue('a11') }} </span></el-col>
<el-col :span="12"
><span class="values"> {{ changeValue("a11") }} </span></el-col
>
</el-row>
</el-col>
<el-col :xl="3" :lg="3" :md="3">
<el-row>
<el-col :span="12"><span class="key a12C"> 性别 </span></el-col>
<el-col :span="12"><span class="values"> {{ changeValue('a12C') }} </span></el-col>
<el-col :span="12"
><span class="values"> {{ changeValue("a12C") }} </span></el-col
>
</el-row>
</el-col>
<el-col :xl="10" :lg="10" :md="9">
<el-row>
<el-col :span="7"><span class="key a13">出生日期 </span></el-col>
<el-col :span="17"><span class="values"> {{ changeValue('a13') != '——' ?
transformTime(changeValue('a13')) : changeValue('a13')
}}</span></el-col>
<el-col :span="17"
><span class="values"> {{ changeValue("a13") != "——" ? transformTimestamp(changeValue("a13")) : changeValue("a13") }}</span></el-col
>
</el-row>
</el-col>
<el-col :xl="4" :lg="4" :md="4">
<el-row>
<el-col :span="12"><span class="key a14">年龄 </span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a14') }} </span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("a14") }} </span></el-col
>
</el-row>
</el-col>
<el-col :xl="4" :lg="4" :md="4">
<el-row>
<el-col :span="12"><span class="key a15C">国籍 </span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a15C') }} </span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("a15C") }} </span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -86,7 +101,7 @@
<el-col :span="12" :md="15"><span class="value" style="border: none">(年龄不满一周岁的)</span></el-col>
<el-col :span="4" :md="4"><span class="key a16">年龄</span></el-col>
<el-col :span="6" :md="3">
<span class="values"> {{ changeValue('a16') }} </span>
<span class="values"> {{ changeValue("a16") }} </span>
</el-col>
<el-col :span="2"><span class="value" style="border: none">月</span></el-col>
</el-row>
......@@ -95,7 +110,9 @@
<el-col :span="7">
<el-row>
<el-col :span="15"><span class="key a18x01">新生儿出生体重</span></el-col>
<el-col :span="6"><span class="values"> {{ changeValue('a18x01') }} </span></el-col>
<el-col :span="6"
><span class="values"> {{ changeValue("a18x01") }} </span></el-col
>
<el-col :span="3"><span class="value" style="border: none">克 </span></el-col>
</el-row>
</el-col>
......@@ -103,7 +120,9 @@
<el-col :span="8">
<el-row>
<el-col :span="14"><span class="key a17">新生儿入院体重</span></el-col>
<el-col :span="6"><span class="values"> {{ changeValue('a17') }} </span></el-col>
<el-col :span="6"
><span class="values"> {{ changeValue("a17") }} </span></el-col
>
<el-col :span="4"><span class="value" style="border: none">克 </span></el-col>
</el-row>
</el-col>
......@@ -113,20 +132,26 @@
<el-col :span="10">
<el-row>
<el-col :span="5"><span class="key a22">出生地</span></el-col>
<el-col :span="19"><span class="values">{{ changeValue('a22') }}</span></el-col>
<el-col :span="19"
><span class="values">{{ changeValue("a22") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="9">
<el-row>
<el-col :span="4"><span class="key a23C">籍贯</span></el-col>
<el-col :span="20"><span class="values">{{ changeValue('a23C') }}</span></el-col>
<el-col :span="20"
><span class="values">{{ changeValue("a23C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="12"><span class="key a19C">民族</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a19C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("a19C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -135,19 +160,25 @@
<el-col :span="12">
<el-row>
<el-col :span="5"><span class="key a20">身份证号</span></el-col>
<el-col :span="19"><span class="values">{{ changeValue('a20') }}</span></el-col>
<el-col :span="19"
><span class="values">{{ changeValue("a20") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a38C">职业</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a38C') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("a38C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a21C">婚姻</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a21C') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("a21C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -156,19 +187,25 @@
<el-col :span="12">
<el-row>
<el-col :span="4"><span class="key a26">现住址</span></el-col>
<el-col :span="20"><span class="values">{{ changeValue('a26') }}</span></el-col>
<el-col :span="20"
><span class="values">{{ changeValue("a26") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a27">电话</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a27') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("a27") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a28C">邮编</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a28C') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("a28C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -177,13 +214,17 @@
<el-col :span="15">
<el-row>
<el-col :span="4"><span class="key a24">户口地址</span></el-col>
<el-col :span="20"><span class="values">{{ changeValue('a24') }}</span></el-col>
<el-col :span="20"
><span class="values">{{ changeValue("a24") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key a25C">邮编</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a25C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("a25C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -192,19 +233,25 @@
<el-col :xl="13" :lg="13" :md="15">
<el-row justify="left">
<el-col :span="7"><span class="key a29">工作单位及地址</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a29') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("a29") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="12"><span class="key a30">单位电话</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a30') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("a30") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="4">
<el-row>
<el-col :span="12"><span class="key a31C">邮编</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a31C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("a31C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -213,26 +260,34 @@
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key a32">联系人姓名</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a32') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("a32") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="8"><span class="key a33C">关系</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a33C') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("a33C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="7">
<el-row>
<el-col :span="6"><span class="key a34">地址</span></el-col>
<el-col :span="18"><span class="values">{{ changeValue('a34') }}</span></el-col>
<el-col :span="18"
><span class="values">{{ changeValue("a34") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="8"><span class="key a35">电话</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a35') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("a35") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -242,7 +297,7 @@
<span class="key b11C">入院途径</span>
</el-col>
<el-col :span="4">
<span class="values">{{ changeValue('b11C') }}</span>
<span class="values">{{ changeValue("b11C") }}</span>
</el-col>
</el-row>
......@@ -250,30 +305,36 @@
<el-col :xl="7" :lg="7" :md="10">
<el-row>
<el-col :span="8"><span class="key b12">入院时间 </span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b12') != '——' ?
transformTime(changeValue('b12')) : changeValue('b12')
}}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("b12") != "——" ? transformTimestamp(changeValue("b12")) : changeValue("b12") }}</span></el-col
>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="7">
<el-row>
<el-col :span="10"><span class="key b13C">入院科别 </span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b13C') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b13C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="8"><span class="key b14">病房 </span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b14') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("b14") }}</span></el-col
>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="12"><span class="key b21C">转科科别 </span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b21C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("b21C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -282,30 +343,36 @@
<el-col :xl="7" :lg="7" :md="10">
<el-row>
<el-col :span="8"><span class="key b15">出院时间 </span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b15') != '——' ?
transformTime(changeValue('b15')) : changeValue('b15')
}}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("b15") != "——" ? transformTimestamp(changeValue("b15")) : changeValue("b15") }}</span></el-col
>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="7">
<el-row>
<el-col :span="12"><span class="key b16C">出院科别 </span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b16C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("b16C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="8"><span class="key b17">病房 </span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b17') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("b17") }}</span></el-col
>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="12"><span class="key b20">实际住院 </span></el-col>
<el-col :span="8"><span class="values">{{ changeValue('b20') }}</span></el-col>
<el-col :span="8"
><span class="values">{{ changeValue("b20") }}</span></el-col
>
<el-col :span="4"><span class="key">天 </span></el-col>
</el-row>
</el-col>
......@@ -315,13 +382,17 @@
<el-col :span="13">
<el-row>
<el-col :span="7"><span class="key c02N">门（急）诊诊断</span></el-col>
<el-col :span="17"><span class="values">{{ changeValue('c02N') }}</span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("c02N") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key c01C">疾病编码</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('c01C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("c01C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -329,13 +400,17 @@
<el-col :span="9">
<el-row>
<el-col :span="12"><span class="key c03C">出院主要诊断编码</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('c03C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("c03C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="10">
<el-row>
<el-col :span="10"><span class="key c04N">出院主要诊断名称</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('c04N') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("c04N") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -345,25 +420,33 @@
<el-table-column prop="diaG_NAME" label="出院诊断"></el-table-column>
<el-table-column prop="diaG_CODE" label="疾病编码"></el-table-column>
<el-table-column prop="diaG_ORDERNAME" label="诊断类型"> </el-table-column>
<el-table-column prop="diaG_ILLNESS" label="入院详情"></el-table-column>
<el-table-column prop="diaG_ILLNESS" label="入院病情"></el-table-column>
<el-table-column prop="coreName" label="病组编码"> </el-table-column>
<el-table-column prop="coreScore" label=" 分值"></el-table-column>
</el-table>
</el-row>
<el-row>
<el-col :span="3"><span class="key c05C">入院病情</span></el-col>
<el-col :span="20"><span class="values">{{ changeValue('c05C') }}</span></el-col>
<el-col :span="20"
><span class="values">{{ changeValue("c05C") }}</span></el-col
>
</el-row>
<el-row>
<el-col :span="18">
<el-row>
<el-col :span="8"><span class="key c13N">损伤、中毒的外部原因</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('c13N') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("c13N") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key c12C">疾病编码</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('c12C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("c12C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -372,19 +455,25 @@
<el-col :span="12">
<el-row>
<el-col :span="5"><span class="key c10N">病理诊断:</span></el-col>
<el-col :span="17"><span class="values">{{ changeValue('c10N') }}</span></el-col>
<el-col :span="17"
><span class="values">{{ changeValue("c10N") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key c09C">疾病编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('c09C') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("c09C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key c11">病理号</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('c11') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("c11") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -393,15 +482,21 @@
<el-col :span="18">
<el-row>
<el-col :span="3"><span class="key c24C">药物过敏</span></el-col>
<el-col :span="4"><span class="values">{{ changeValue('c24C') }}</span></el-col>
<el-col :span="4"
><span class="values">{{ changeValue("c24C") }}</span></el-col
>
<el-col :span="4"><span class="value c25" style="border: none">过敏药物</span></el-col>
<el-col :span="11"><span class="values">{{ changeValue('c25') }}</span></el-col>
<el-col :span="11"
><span class="values">{{ changeValue("c25") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="16"><span class="key c34C">死亡患者尸检</span></el-col>
<el-col :span="8"><span class="values">{{ changeValue('c34C') }}</span></el-col>
<el-col :span="8"
><span class="values">{{ changeValue("c34C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -410,13 +505,17 @@
<el-col :span="8">
<el-row>
<el-col :span="5"><span class="key c26C">血型</span></el-col>
<el-col :span="10"><span class="values">{{ changeValue('c26C') }}</span></el-col>
<el-col :span="10"
><span class="values">{{ changeValue("c26C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="4"><span class="key c27C">RH</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('c27C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("c27C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -425,27 +524,35 @@
<el-col :span="5">
<el-row>
<el-col :span="10"><span class="key b22">科主任</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b22') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b22") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="7">
<el-row>
<el-col :span="16"><span class="key b23">主任(副主任)医师</span></el-col>
<el-col :span="8"><span class="values">{{ changeValue('b23') }}</span></el-col>
<el-col :span="8"
><span class="values">{{ changeValue("b23") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b24">主治医师</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b24') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("b24") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b25">住院医师</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b25') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("b25") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -454,13 +561,17 @@
<el-col :span="10">
<el-row>
<el-col :span="8"><span class="key b22C">科主任编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b22C') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b22C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="10"><span class="key b23C">主任(副主任)医师编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b23C') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b23C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -468,14 +579,18 @@
<el-col :span="11">
<el-row>
<el-col :span="8"><span class="key b24C">主治医师编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b24C') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b24C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="9"><span class="key b25C">住院医师编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b25C') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b25C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -484,25 +599,33 @@
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b28">实习医师</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b28') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("b28") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b27">进修医师</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b27') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b27") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b26">责任护士</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b26') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b26") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key b26C">责任护士编码</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b26C') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("b26C") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
......@@ -511,35 +634,43 @@
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key b29">编码员</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b29') }}</span></el-col>
<el-col :span="12"
><span class="values">{{ changeValue("b29") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key b30C">病案质量</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b30C') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b30C") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b31">质控医师</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b31') }}</span></el-col>
<el-col :span="14"
><span class="values">{{ changeValue("b31") }}</span></el-col
>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key b32">质控护士</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b32') }}</span></el-col>
<el-col :span="16"
><span class="values">{{ changeValue("b32") }}</span></el-col
>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><span class="key b33">质控日期</span></el-col>
<el-col :span="15"><span class="values">{{ changeValue('b33') != '——' ?
transformTime(changeValue('b33')) : changeValue('b33')
}}</span></el-col>
<el-col :span="15"
><span class="values">{{ changeValue("b33") != "——" ? transformTimestamp(changeValue("b33")) : changeValue("b33") }}</span></el-col
>
</el-row>
</div>
......@@ -549,7 +680,7 @@
<el-table-column prop="opS_CODE" label="手术及操作编码"></el-table-column>
<el-table-column prop="opS_TIME" label="手术及操作日期">
<template #default="scope">
{{ scope.row.opS_TIME ? transformTime(scope.row.opS_TIME) : '' }}
{{ scope.row.opS_TIME ? transformTimestamp(scope.row.opS_TIME) : "" }}
</template>
</el-table-column>
<el-table-column prop="opS_LEVEL" label="手术级别"></el-table-column>
......@@ -568,27 +699,35 @@
<el-row>
<el-col :xl="3" :lg="3" :md="3"> <span class="key b34C"> 离院方式: </span></el-col>
<el-col :xl="3" :lg="3" :md="3">
<span class="value"> {{ changeValue('b34C') }} </span>
<span class="value"> {{ changeValue("b34C") }} </span>
</el-col>
<el-col :xl="9" :lg="10" :md="12"><span class="value noBottomBoder b35">1.医嘱离院 2.医嘱转院，拟接收医疗机构名称： </span>
</el-col>
<el-col :xl="8" :lg="8" :md="6"><span class="value"> {{ changeValue('b35') }}</span></el-col>
<el-col :xl="9" :lg="10" :md="12"><span class="value noBottomBoder b35">1.医嘱离院 2.医嘱转院，拟接收医疗机构名称： </span> </el-col>
<el-col :xl="8" :lg="8" :md="6"
><span class="value"> {{ changeValue("b35") }}</span></el-col
>
</el-row>
<el-row>
<el-col :xl="12" :lg="13" :md="16"><span
class="value noBottomBoder b35">3.医嘱转社区卫生服务机构/乡镇卫生院，拟接收医疗机构名称：</span></el-col>
<el-col :xl="4" :lg="4" :md="8"><span class="value"> {{ changeValue('b35') }}</span></el-col>
<el-col :xl="12" :lg="13" :md="16"
><span class="value noBottomBoder b35">3.医嘱转社区卫生服务机构/乡镇卫生院，拟接收医疗机构名称：</span></el-col
>
<el-col :xl="4" :lg="4" :md="8"
><span class="value"> {{ changeValue("b35") }}</span></el-col
>
<el-col :xl="5" :lg="6" :md="7"><span class="value noBottomBoder">4.非医嘱离院5.死亡9.其他</span></el-col>
</el-row>
<hr />
<el-row>
<el-col :xl="6" :lg="6" :md="8"><span class="value noBottomBoder b36C">是否有出院31天内再住院计划</span></el-col>
<el-col :xl="2" :lg="2" :md="2"><span class="value"> {{ changeValue('b36C') }}</span></el-col>
<el-col :xl="2" :lg="2" :md="2"
><span class="value"> {{ changeValue("b36C") }}</span></el-col
>
<el-col :xl="2" :lg="2" :md="2"><span class="value noBottomBoder b37">目的:</span></el-col>
<el-col :xl="11" :lg="11" :md="11"><span class="value"> {{ changeValue('b37') }}</span></el-col>
<el-col :xl="11" :lg="11" :md="11"
><span class="value"> {{ changeValue("b37") }}</span></el-col
>
</el-row>
<hr />
......@@ -598,30 +737,30 @@
<span class="value noBottomBoder c28 c29 c30"> 颅脑损伤患者昏迷时间：入院前</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c28') }}</span>
<span class="value"> {{ changeValue("c28") }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2"> 天 </el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c29') }}</span>
<span class="value"> {{ changeValue("c29") }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">小时</el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c30') }}</span>
<span class="value"> {{ changeValue("c30") }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">分钟</el-col>
<el-col :xl="2" :lg="2" :md="2">
<span class="value noBottomBoder c31 c32 c33">入院后</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c31') }}</span>
<span class="value"> {{ changeValue("c31") }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2"> 天 </el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c32') }}</span>
<span class="value"> {{ changeValue("c32") }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">小时</el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c33') }}</span>
<span class="value"> {{ changeValue("c33") }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">分钟</el-col>
</el-row>
......@@ -633,13 +772,13 @@
<span class="key d01">住院费用（元）：总费用</span>
</el-col>
<el-col :span="6">
<span class="value">{{ decimal(changeValue('d01')) }}</span>
<span class="value">{{ decimal(changeValue("d01")) }}</span>
</el-col>
<el-col :span="3">
<span class="value noBottomBoder d09">(自付金额:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d09')) }}</span>
<span class="value">{{ decimal(changeValue("d09")) }}</span>
</el-col>
<el-col :span="1">
<span class="value noBottomBoder">)</span>
......@@ -654,13 +793,13 @@
<span class="value noBottomBoder d11">(1)一般医疗服务费:</span>
</el-col>
<el-col :xl="3" :lg="3" :md="3">
<span class="value">{{ decimal(changeValue('d11')) }}</span>
<span class="value">{{ decimal(changeValue("d11")) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d12">(2)一般治疗操作费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d12')) }}</span>
<span class="value">{{ decimal(changeValue("d12")) }}</span>
</el-col>
</el-row>
......@@ -669,13 +808,13 @@
<span class="value noBottomBoder d13">(3)护理费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d13')) }}</span>
<span class="value">{{ decimal(changeValue("d13")) }}</span>
</el-col>
<el-col :xl="3" :lg="3" :md="4">
<span class="value noBottomBoder d14">(4)其他费用:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d14')) }}</span>
<span class="value">{{ decimal(changeValue("d14")) }}</span>
</el-col>
</el-row>
......@@ -687,13 +826,13 @@
<span class="value noBottomBoder d15">(5)病理诊断费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d15')) }}</span>
<span class="value">{{ decimal(changeValue("d15")) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d16">(6)实验室诊断费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d16')) }}</span>
<span class="value">{{ decimal(changeValue("d16")) }}</span>
</el-col>
</el-row>
......@@ -702,13 +841,13 @@
<span class="value noBottomBoder d17">(7)影像学诊断费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d17')) }}</span>
<span class="value">{{ decimal(changeValue("d17")) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d18">(8)临床诊断项目费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d18')) }}</span>
<span class="value">{{ decimal(changeValue("d18")) }}</span>
</el-col>
</el-row>
......@@ -720,14 +859,14 @@
<span class="value noBottomBoder d19">(9)非手术治疗项目费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d19')) }}</span>
<span class="value">{{ decimal(changeValue("d19")) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d19x01">(临床物理治疗费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d19x01')) }}</span>
<span class="value">{{ decimal(changeValue("d19x01")) }}</span>
</el-col>
<el-col :span="1">
<span class="value noBottomBoder">)</span>
......@@ -739,20 +878,20 @@
<span class="value noBottomBoder d20">(9)手术治疗费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d20')) }}</span>
<span class="value">{{ decimal(changeValue("d20")) }}</span>
</el-col>
<el-col :xl="2" :lg="2" :md="3">
<span class="value noBottomBoder d20x01">(麻醉费:</span>
</el-col>
<el-col :span="2">
<span class="value">{{ decimal(changeValue('d20x01')) }}</span>
<span class="value">{{ decimal(changeValue("d20x01")) }}</span>
</el-col>
<el-col :span="2">
<span class="value noBottomBoder">手术费:</span>
</el-col>
<el-col :span="2">
<span class="value">{{ decimal(changeValue('4')) }}</span>
<span class="value">{{ decimal(changeValue("4")) }}</span>
</el-col>
<el-col :span="1">
<span class="value noBottomBoder">)</span>
......@@ -767,7 +906,7 @@
<span class="value noBottomBoder d21">(11)康复费:</span>
</el-col>
<el-col :span="4">
<span class="value">{{ decimal(changeValue('d21')) }}</span>
<span class="value">{{ decimal(changeValue("d21")) }}</span>
</el-col>
</el-row>
......@@ -779,7 +918,7 @@
<span class="value noBottomBoder d22">(12)中医治疗费:</span>
</el-col>
<el-col :span="4">
<span class="value">{{ decimal(changeValue('d22')) }}</span>
<span class="value">{{ decimal(changeValue("d22")) }}</span>
</el-col>
</el-row>
......@@ -791,13 +930,13 @@
<span class="value noBottomBoder d23">(13)西药费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d23')) }}</span>
<span class="value">{{ decimal(changeValue("d23")) }}</span>
</el-col>
<el-col :span="4">
<span class="value noBottomBoder d23x01">(抗菌药物费用:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d23x01')) }}</span>
<span class="value">{{ decimal(changeValue("d23x01")) }}</span>
</el-col>
<el-col :span="1">
<span class="value noBottomBoder">)</span>
......@@ -812,13 +951,13 @@
<span class="value noBottomBoder d24">(14)中成药费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d24')) }}</span>
<span class="value">{{ decimal(changeValue("d24")) }}</span>
</el-col>
<el-col :xl="3" :lg="3" :md="4">
<span class="value noBottomBoder d25">(15)中草药费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d25')) }}</span>
<span class="value">{{ decimal(changeValue("d25")) }}</span>
</el-col>
</el-row>
......@@ -830,19 +969,19 @@
<span class="value noBottomBoder d26">(16)血费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d26')) }}</span>
<span class="value">{{ decimal(changeValue("d26")) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="6">
<span class="value noBottomBoder d27">(17)白蛋白类制品费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d27')) }}</span>
<span class="value">{{ decimal(changeValue("d27")) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="6">
<span class="value noBottomBoder d28">(18)球蛋白类制品费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d28')) }}</span>
<span class="value">{{ decimal(changeValue("d28")) }}</span>
</el-col>
</el-row>
......@@ -851,13 +990,13 @@
<span class="value noBottomBoder d29">(19)凝血因子类制品费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d29')) }}</span>
<span class="value">{{ decimal(changeValue("d29")) }}</span>
</el-col>
<el-col :xl="5" :lg="5" :md="6">
<span class="value noBottomBoder d30">(20)细胞因子类制品费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d30')) }}</span>
<span class="value">{{ decimal(changeValue("d30")) }}</span>
</el-col>
</el-row>
......@@ -869,13 +1008,13 @@
<span class="value noBottomBoder d31">(21)检查用一次性医用材料费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d31')) }}</span>
<span class="value">{{ decimal(changeValue("d31")) }}</span>
</el-col>
<el-col :xl="6" :lg="6" :md="8">
<span class="value noBottomBoder d32">(22)治疗用一次性医用材料费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d32')) }}</span>
<span class="value">{{ decimal(changeValue("d32")) }}</span>
</el-col>
</el-row>
......@@ -884,7 +1023,7 @@
<span class="value noBottomBoder d33">(23)术用一次性医用材料费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d33')) }}</span>
<span class="value">{{ decimal(changeValue("d33")) }}</span>
</el-col>
</el-row>
......@@ -896,13 +1035,13 @@
<span class="value noBottomBoder d34">(24)其他费:</span>
</el-col>
<el-col :span="4">
<span class="value">{{ decimal(changeValue('d34')) }}</span>
<span class="value">{{ decimal(changeValue("d34")) }}</span>
</el-col>
<el-col :span="4">
<span class="value noBottomBoder b38">(25)是否为日间手术:</span>
</el-col>
<el-col :span="4">
<span class="value">{{ changeValue('b38') }}</span>
<span class="value">{{ changeValue("b38") }}</span>
</el-col>
</el-row>
......@@ -913,8 +1052,8 @@
</el-col>
<el-col :span="22">
<span class="value noBottomBoder" style="text-align: left">（一）医疗付费方式 1.城镇职工基本医疗保险 2.城镇居民基本医疗保险
3.新型农村合作医疗 4.贫困救助 5.商业医疗保险 6.全公费 7.全自费
<span class="value noBottomBoder" style="text-align: left"
>（一）医疗付费方式 1.城镇职工基本医疗保险 2.城镇居民基本医疗保险 3.新型农村合作医疗 4.贫困救助 5.商业医疗保险 6.全公费 7.全自费
8.其他社会保险 9.其他（二）凡可由医院信息系统提供住院费用清单的，住院病案首页中可不填写"住院费用"。
</span>
</el-col>
......@@ -922,77 +1061,57 @@
</div>
</div>
</template>
<script >
import { reactive, toRefs, computed, onMounted, nextTick } from '@vue/composition-api';
import { transformTimestamp } from '../../utils/formatTime';
import { decimal } from '../../utils/decimal';
<script>
import { reactive, toRefs, computed, onMounted, nextTick } from "@vue/composition-api";
import { transformTimestamp } from "../../utils/formatTime";
import { decimal } from "../../utils/decimal";
export default {
props: {
Object, //弹出层是否显示
clicktitle: String, //点击的文本内容
medicalrecord: Object,
},
setup(props, context) {
const state = reactive({});
const transformTime = computed(() => {
return transformTimestamp;
});
// 添加表头calss
const headerRowStyle = ({ row, column, rowIndex, columnIndex }) => {
if (column.label == '手术及操作编码') {
return 'ops';
}
};
const diagnosisclass = ({ row, column, rowIndex, columnIndex }) => {
if (column.label == '出院诊断') {
return 'diagnosis';
}
};
const diagnosis = computed(() => {
if (props.medicalrecord.diagnosis) {
if (props.medicalrecord.diagnosis.length < 4) {
for (let i = props.medicalrecord.diagnosis.length; i <= 4; i++) {
props.medicalrecord.diagnosis.push({});
props: ["clicktitle", "medicalrecord"],
computed: {
diagnosis() {
if (this.medicalrecord?.diagnosis) {
if (this.medicalrecord?.diagnosis.length < 4) {
for (let i = this.medicalrecord?.diagnosis.length; i <= 4; i++) {
this.medicalrecord?.diagnosis.push({});
}
}
return props.medicalrecord.diagnosis;
return this.medicalrecord?.diagnosis;
}
});
const ops = computed(() => {
if (props.medicalrecord.ops) {
if (props.medicalrecord.ops.length < 4) {
for (let i = props.medicalrecord.ops.length; i <= 4; i++) {
props.medicalrecord.ops.push({});
},
ops() {
if (this.medicalrecord?.ops) {
if (this.medicalrecord?.ops.length < 4) {
for (let i = this.medicalrecord?.ops.length; i <= 4; i++) {
this.medicalrecord?.ops.push({});
}
}
return props.medicalrecord.ops;
return this.medicalrecord?.ops;
}
});
function changeValue(str) {
let obj = props.medicalrecord;
},
},
mounted() {},
methods: {
decimal,
transformTimestamp,
// 添加表头calss
headerRowStyle({ row, column, rowIndex, columnIndex }) {
if (column.label == "手术及操作编码") {
return "ops";
}
},
diagnosisclass({ row, column, rowIndex, columnIndex }) {
if (column.label == "出院诊断") {
return "diagnosis";
}
},
changeValue(str) {
let obj = this.medicalrecord;
if (str && obj) {
return obj[str] ? obj[str] : '——';
return obj[str] ? obj[str] : "——";
} else {
return '——';
return "——";
}
}
return {
...toRefs(state),
changeValue,
transformTime,
diagnosis,
ops,
decimal,
headerRowStyle,
diagnosisclass,
};
},
},
};
</script>
......@@ -1011,7 +1130,7 @@ export default {
th,
td {
border-color: #000 !important;
font-family: 'PingFang SC';
font-family: "PingFang SC";
color: #000;
}
......@@ -1037,7 +1156,7 @@ export default {
.homePageTitle {
font-size: 25px;
font-weight: bold;
font-family: 'PingFang SC';
font-family: "PingFang SC";
display: flex;
justify-content: center;
}
......@@ -1066,20 +1185,20 @@ export default {
font-size: 16px;
font-weight: bold;
font-family: 'PingFang SC';
font-family: "PingFang SC";
}
.value {
font-size: 14px;
border-bottom: 1px solid #000;
font-family: 'PingFang SC';
font-family: "PingFang SC";
display: block;
}
.values {
font-size: 14px;
border-bottom: 1px solid #000;
font-family: 'PingFang SC';
font-family: "PingFang SC";
display: block;
}
......
src/views/outseeQualityControl.vue
......@@ -6,888 +6,784 @@
* @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
:medicalrecord="medicalrecord"
:clicktitle="clicktitle"
>
</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 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="[
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 class="outseeQualityControl_box_header">
<div class="outseeQualityControl_box_header_text"></div>
</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
<div class="outseeQualityControl_box_Content">
<div class="outseeQualityControl_box_Content_left">
<medical-record-homepage :medicalrecord="medicalrecord" :clicktitle="clicktitle"> </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"
>
</el-tooltip>
<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>
</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 {
reactive,
toRefs,
onMounted,
nextTick,
computed,
} from "@vue/composition-api";
import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue";
import { useRoute, useRouter } from "../utils/useVueRouter";
import $ from "jquery";
import { setItem, getItem } from "../utils/auth";
import { Message ,Loading} from "element-ui";
import { Message, Loading } from "element-ui";
export default {
components: {
medicalRecordHomepage,
},
name: "outseeQualityControl",
setup() {
let state = reactive({
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: [], //
});
var route = useRoute();
onMounted(() => {
console.log(route.value);
});
//同步数据
const getSynchronous = (id) => {
http
.post(`/medical/get/Synchronization?id=${route.value.query.id}`)
.then((data) => {
Message.success(data.message);
})
.catch((error) => {
Message.error(error);
});
};
//获取到点击的值
const 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");
scrollTop();
};
function 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
);
}
}
const loadingOption1 = {
// 加载loading
fullscreen: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
};
//获取患者基本信息树形数据
function getScoringDetails(id) {
var loadingInstance1 = Loading.service(loadingOption1);
http
.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
.then((data) => {
state.departmentTree = data[0].rulesLists;
state.rightdepartmentTree = data[1].rulesLists;
state.fruleCount = data[0].ruleCount;
state.ruleCount = data[1].ruleCount;
if (state.fruleCount == 0 || state.ruleCount == 0) {
state.isnodataShow = true;
}
loadingInstance1.close();
})
.catch((error) => {
loadingInstance1.close();
});
}
// 获取病案首页数据
function getHomePage(id) {
http
.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.then((data) => {
state.medicalrecord = data;
state.keys = Object.keys(data);
})
.catch((error) => {});
}
//点击非编码问题
const leftcode = () => {
state.isleftcodeShow = true;
};
//点击编码问题
const rightcode = () => {
state.isleftcodeShow = false;
};
onMounted(() => {
if (route.value.query.id) {
getScoringDetails(route.value.query.id);
getHomePage(route.value.query.id);
setItem("outpid", route.value.query.id);
}
});
return {
...toRefs(state),
handleNodeClick,
leftcode,
rightcode,
getSynchronous,
};
},
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.post(`/medical/get/GetCaseHisRule?id=${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.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.then((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';
.outseeQualityControl {
height: 96%;
background-color: white;
padding: 20px;
overflow: hidden;
position: relative;
#clickColor {
background-color: #f3bf18;
}
&_box {
height: 100%;
width: 100%;
background-color: #f3fafd;
padding: 10px;
&_btn {
width: 100%;
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
&_button{
background-color: #2cabe3;
color: #fff;
}
height: 96%;
background-color: white;
padding: 20px;
overflow: hidden;
position: relative;
#clickColor {
background-color: #f3bf18;
}
&_header {
height: r(25, 1920);
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: 95%;
width: 100%;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: nowrap;
margin-top: 10px;
&_left {
width: 65%;
background-color: #ffffff;
height: 900px;
padding: 0 8%;
overflow: auto;
overflow-x: hidden;
}
&_right {
width: 34%;
height: 900px;
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: 45%;
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;
}
&_box {
height: 100%;
width: 100%;
background-color: #f3fafd;
&_span11 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
padding: 10px;
&_span22 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
.leftblue {
color: #2cabe3;
}
}
&_left11 {
flex: 1;
height: 45%;
border-radius: 8px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
&_btn {
width: 100%;
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 {
justify-content: flex-end;
margin-bottom: 10px;
&_button {
background-color: #2cabe3;
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: 45%;
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;
}
&_header {
height: r(25, 1920);
background: url("../assets/img/dataMaintenance/title.png") no-repeat;
background-size: 100% 100%;
&_span22 {
color: white;
font-size: 16px;
font-weight: 500;
}
}
}
&_right11 {
flex: 1;
height: 45%;
border-radius: 8px;
background-image: url("../assets/img/BG.png");
background-repeat: no-repeat;
background-position: center;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
&_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;
&_text {
font-size: 13px;
font-family: PingFang SC;
font-weight: 500;
}
color: #ffffff;
margin-left: 15px;
}
}
}
&_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;
&_Content {
display: flex;
flex-direction: row;
height: 95%;
width: 100%;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: nowrap;
height: 10%;
margin-top: 10px;
// @include flexLayout;
&_left {
width: 65%;
background-color: #ffffff;
height: 900px;
justify-content: left;
}
padding: 0 8%;
&_tree {
.is-leaf {
visibility: hidden;
overflow: auto;
overflow-x: hidden;
}
height: 90%;
overflow-x: hidden;
&_right {
width: 34%;
height: 900px;
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;
.leftboxs {
border-bottom: 1px dashed #dddddd;
}
// padding: 3% 10%;
&_left {
flex: 1;
height: 45%;
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;
}
}
.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;
}
}
&_left11 {
flex: 1;
height: 45%;
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;
}
}
._score {
font-size: 13px;
font-family: PingFang SC;
font-weight: 400;
color: #ff3333;
line-height: 22px;
&_right {
height: 45%;
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;
}
}
}
width: 50%;
&_right11 {
flex: 1;
height: 45%;
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;
}
}
}
}
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right: 5%;
&_center {
width: 100%;
height: 2%;
background-color: #ffff;
display: flex;
span {
color: rgba(106, 112, 126, 1);
}
}
&_line {
width: 50%;
height: 30%;
border-radius: 40px;
background-color: #2cabe3;
margin: 5px 0 5px 0;
}
.el-tree {
width: 98%;
height: 85px;
&_line2 {
width: 50%;
height: 30%;
border-radius: 40px;
background-color: #2cabe3;
margin: 5px 0 5px 0;
margin-left: 50%;
}
}
.el-tree-node__content {
height: 85px;
}
&_bottom {
background: #ffffff;
border-radius: 8px;
height: 100%;
width: 100%;
padding: 0 5% 5% 5%;
.el-tree-node.is-current > .el-tree-node__content {
height: 85px;
&_title {
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #6a707e;
line-height: 40px;
/* background: #5fc3f0; */
height: 10%;
.custom-tree-node {
.leftbox {
width: 100%;
display: flex;
align-items: center;
height: 100%;
// @include flexLayout;
span {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
text-align: start;
justify-content: left;
}
}
._score {
font-size: 13px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
&_tree {
.is-leaf {
visibility: hidden;
}
height: 90%;
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;
}
}
}
}
}
}
}
}
.el-tree-node {
white-space: initial;
}
.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%;
}
&_nodata {
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.el-tree > .el-tree-node {
//父级加下滑线
// border-bottom: 1px dashed #dddddd;
}
&_img {
width: 80px;
height: 80px;
}
//修改三角icon样式
.el-icon-caret-right {
font-size: 18px;
color: #e4e4e4;
}
&_text {
color: #abafb3;
font-family: PingFang SC;
font-size: 14px;
}
}
}
}
}
.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;
}
}
.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