Skip to content

V
vue-composition-api
Commit fd61c08c by Licx
Options

feat: 支持通过配置自定义基准点数显示名称

parent 356ae342
Showing with 1354 additions and 1129 deletions
public/webconfig.js
window.webConfig = { window.webConfig = {
diseLink: "http://192.168.18.90:8080/#/dataAnalysis/department", diseLink: "http://192.168.18.90:8080/#/dataAnalysis/department",
viewData: [ viewData: [
{
id: "1",
name: "月度拨付",
url: "",
isPara: true,
children: [
{ {
id: "1", id: "1-1",
name: "月度拨付", name: "月度拨付分组",
url: "", url: "http://172.16.1.244:8050/#/report/view?workbookId=275",
isPara: true, isPara: true,
children: [ children: [],
{
id: "1-1",
name: "月度拨付分组",
url: "http://172.16.1.244:8050/#/report/view?workbookId=275",
isPara: true,
children: [],
},
{
id: "1-2",
name: "病历综合查询",
url: "http://172.16.1.244:8050/#/report/view?workbookId=340",
isPara: false,
},
{
id: "1-3",
name: "医院支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=341",
isPara: false,
},
{
id: "1-4",
name: "医院病种支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=342",
isPara: false,
},
{
id: "1-5",
name: "科室总体支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=343",
isPara: false,
},
{
id: "1-6",
name: "科室病种支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=344",
isPara: false,
},
{
id: "1-7",
name: "科室医生支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=345",
isPara: false,
},
{
id: "1-8",
name: "医生病种支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=346",
isPara: false,
},
{
id: "1-9",
name: "同病种医生支付情况对比",
url: "http://172.16.1.244:8050/#/report/view?workbookId=348",
isPara: false,
},
],
}, },
{ {
id: "2", id: "1-2",
name: "结算患者费用明细情况", name: "病历综合查询",
url: "http://172.16.1.244:8050/#/report/view?workbookId=333", url: "http://172.16.1.244:8050/#/report/view?workbookId=340",
isPara: false, isPara: false,
}, },
{ {
id: "3", id: "1-3",
name: "年度清算数据", name: "医院支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=267", url: "http://172.16.1.244:8050/#/report/view?workbookId=341",
isPara: true, isPara: false,
}, },
{ {
id: "4", id: "1-4",
name: "院内编目分组", name: "医院病种支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=277", url: "http://172.16.1.244:8050/#/report/view?workbookId=342",
isPara: true, isPara: false,
}, },
], {
isShow_HosAvgFee: true, id: "1-5",
year: "24年", name: "科室总体支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=343",
isPara: false,
},
{
id: "1-6",
name: "科室病种支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=344",
isPara: false,
},
{
id: "1-7",
name: "科室医生支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=345",
isPara: false,
},
{
id: "1-8",
name: "医生病种支付情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=346",
isPara: false,
},
{
id: "1-9",
name: "同病种医生支付情况对比",
url: "http://172.16.1.244:8050/#/report/view?workbookId=348",
isPara: false,
},
],
},
{
id: "2",
name: "结算患者费用明细情况",
url: "http://172.16.1.244:8050/#/report/view?workbookId=333",
isPara: false,
},
{
id: "3",
name: "年度清算数据",
url: "http://172.16.1.244:8050/#/report/view?workbookId=267",
isPara: true,
},
{
id: "4",
name: "院内编目分组",
url: "http://172.16.1.244:8050/#/report/view?workbookId=277",
isPara: true,
},
],
isShow_HosAvgFee: true,
year: "24年",
weightName: "基准点数",
}; };
src/views/diagList.vue
<template> <template>
<div class="diagList"> <div class="diagList">
<div class="left"> <div class="left">
<div class="text-right mar-bottom-10"> <div class="text-right mar-bottom-10">
<el-button type="primary" size="mini" slot="append" icon="el-icon-search" @click="search">查询</el-button> <el-button
type="primary"
size="mini"
slot="append"
icon="el-icon-search"
@click="search"
>查询</el-button
>
</div>
<div class="font-14 color-999">
<div class="mar-bottom-10">
<div class="flex-between-center">
<div>
<span class="color-FF4">*</span> <span class="">主诊断：</span>
</div> </div>
<div class="font-14 color-999"> <i
<div class="mar-bottom-10"> @click="addotdiagName"
<div class="flex-between-center"> class="cursor color-245 font-14 el-icon-circle-plus-outline"
<div><span class="color-FF4">*</span> <span class="">主诊断：</span></div> >其他诊断</i
<i @click="addotdiagName" class="cursor color-245 font-14 el-icon-circle-plus-outline">其他诊断</i> >
</div> </div>
<div id="list"> <div id="list">
<template v-for="(ele, index) in searchForm.otdiagName"> <template v-for="(ele, index) in searchForm.otdiagName">
<div :key="index" class="w100"> <div :key="index" class="w100">
<div class="font-12 width-90 mar-top-10" v-if="index != 0 && index == 1">其他诊断：</div> <div
<div class="flex-between-center w100"> class="font-12 width-90 mar-top-10"
<el-select v-if="index != 0 && index == 1"
class="mar-top-5 w90 mar-right-5" >
filterable 其他诊断：
remote
:title="searchForm.otdiagName[index]"
v-model="searchForm.otdiagName[index]"
reserve-keyword
:placeholder="index == 0 ? '请输入主诊断' : '请输入其他诊断'"
:remote-method="remoteMethod"
size="mini"
clearable
>
<el-option v-for="item in zdoptions" :key="item.name" :label="item.name" :value="item.name" />
</el-select>
<div v-if="searchForm.otdiagName.length != 1" class="flex-between-center">
<i @click.stop="dell(index)" class="cursor color-F54 mar-right-5 font-14 el-icon-remove-outline"></i>
<i class="cursor color-245 font-14 el-icon-sort"></i>
</div>
</div>
</div>
</template>
</div>
</div> </div>
<div class="mar-bottom-10"> <div class="flex-between-center w100">
<div class="flex-between-center"> <el-select
<div><span class="">主手术：</span></div> class="mar-top-5 w90 mar-right-5"
<i @click="addotopsName" class="cursor color-245 font-14 el-icon-circle-plus-outline">其他手术</i> filterable
</div> remote
<div id="list1"> :title="searchForm.otdiagName[index]"
<template v-for="(el, i) in searchForm.otopsName"> v-model="searchForm.otdiagName[index]"
<div :key="i" class="w100"> reserve-keyword
<div class="flex-between-center mar-top-10" v-if="i != 0 && i == 1"> :placeholder="
<span class="font-12">其他手术：</span> index == 0 ? '请输入主诊断' : '请输入其他诊断'
</div> "
<div class="flex-between-center w100"> :remote-method="remoteMethod"
<el-select size="mini"
class="mar-top-5 w90 mar-right-5" clearable
v-model="searchForm.otopsName[i]" >
:title="searchForm.otopsName[i]" <el-option
filterable v-for="item in zdoptions"
remote :key="item.name"
:collapse-tags="true" :label="item.name"
:collapse-tags-tooltip="true" :value="item.name"
reserve-keyword />
:placeholder="i == 0 ? '请输入主手术' : '请输入其他手术'" </el-select>
:remote-method="otssremoteMethod" <div
size="mini" v-if="searchForm.otdiagName.length != 1"
clearable class="flex-between-center"
> >
<el-option v-for="item in otssoptions" :key="item.name" :label="item.name" :value="item.name" /> <i
</el-select> @click.stop="dell(index)"
<div v-if="searchForm.otopsName.length != 1" class="flex-between-center"> class="cursor color-F54 mar-right-5 font-14 el-icon-remove-outline"
<i @click.stop="del(i)" class="cursor color-F54 mar-right-5 font-14 el-icon-remove-outline"></i> ></i>
<i class="cursor color-245 font-14 el-icon-sort"></i> <i class="cursor color-245 font-14 el-icon-sort"></i>
</div> </div>
</div>
</div>
</template>
</div>
</div> </div>
<div class="mar-bottom-10"> </div>
<span class="width-80">年龄：</span> </template>
<div class="mar-top-5 flex-between-center"> </div>
<el-input v-model.trim="searchForm.a14" class="flex-1" size="mini" clearable placeholder="请输入年龄" /> </div>
<span class="mar-left-5">岁</span> <div class="mar-bottom-10">
</div> <div class="flex-between-center">
</div> <div><span class="">主手术：</span></div>
<div class="mar-bottom-10"> <i
<span class="width-80">ICU总时长：</span> @click="addotopsName"
<div class="mar-top-5 flex-between-center"> class="cursor color-245 font-14 el-icon-circle-plus-outline"
<el-input v-model.trim="searchForm.icuTime" class="flex-1" size="mini" clearable placeholder="请输入ICU总时长" /> >其他手术</i
<span class="mar-left-5">分钟</span> >
</div> </div>
</div> <div id="list1">
<div class="mar-bottom-10"> <template v-for="(el, i) in searchForm.otopsName">
<span class="width-80">医保类型：</span> <div :key="i" class="w100">
<el-select class="mar-top-5 w100" v-model="searchForm.a46C" placeholder="医保类型" size="mini" clearable> <div
<el-option label="城镇职工" value="城镇职工" /> class="flex-between-center mar-top-10"
<el-option label="城乡居民" value="城乡居民" /> v-if="i != 0 && i == 1"
</el-select> >
</div> <span class="font-12">其他手术：</span>
<div class="mar-bottom-10">
<span class="width-80">新生儿年龄：</span>
<div class="mar-top-5 flex-between-center">
<el-input v-model.trim="searchForm.a16" class="flex-1" size="mini" clearable placeholder="请输入年龄" />
<span class="mar-left-5">天</span>
</div>
</div>
<div class="mar-bottom-10">
<span class="width-80">新生儿体重：</span>
<div class="mar-top-5 flex-between-center">
<el-input v-model.trim="searchForm.birthWeight" class="flex-1" size="mini" clearable placeholder="请输入" />
<span class="mar-left-5">g</span>
</div>
</div>
<div class="mar-bottom-10">
<span class="width-60">性别：</span>
<el-radio-group v-model="searchForm.a12C" size="mini" class="mar-right-10">
<el-radio label="0" class="mar-right-5">未知</el-radio>
<el-radio label="1" class="mar-right-5">男</el-radio>
<el-radio label="2" class="mar-right-5">女</el-radio>
</el-radio-group>
</div>
<div class="mar-bottom-10">
<span class="width-80">离院方式：</span>
<el-select v-model="searchForm.b34C" placeholder="请选择离院方式" size="mini" class="w100 mar-top-5">
<el-option v-for="item in leaveoptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="mar-bottom-10">
<span class="width-80">总费用：</span>
<el-input v-model.trim="searchForm.d01" class="w100 mar-top-5" size="mini" clearable placeholder="请输入总费用" />
</div> </div>
<div class="mar-bottom-10"> <div class="flex-between-center w100">
<span class="width-80">住院天数：</span> <el-select
<el-input-number v-model.trim="searchForm.inHosNum" class="w100 mar-top-5" size="mini" clearable placeholder="住院天数" /> class="mar-top-5 w90 mar-right-5"
v-model="searchForm.otopsName[i]"
:title="searchForm.otopsName[i]"
filterable
remote
:collapse-tags="true"
:collapse-tags-tooltip="true"
reserve-keyword
:placeholder="i == 0 ? '请输入主手术' : '请输入其他手术'"
:remote-method="otssremoteMethod"
size="mini"
clearable
>
<el-option
v-for="item in otssoptions"
:key="item.name"
:label="item.name"
:value="item.name"
/>
</el-select>
<div
v-if="searchForm.otopsName.length != 1"
class="flex-between-center"
>
<i
@click.stop="del(i)"
class="cursor color-F54 mar-right-5 font-14 el-icon-remove-outline"
></i>
<i class="cursor color-245 font-14 el-icon-sort"></i>
</div>
</div> </div>
</div> </div>
</template>
</div>
</div>
<div class="mar-bottom-10">
<span class="width-80">年龄：</span>
<div class="mar-top-5 flex-between-center">
<el-input
v-model.trim="searchForm.a14"
class="flex-1"
size="mini"
clearable
placeholder="请输入年龄"
/>
<span class="mar-left-5">岁</span>
</div>
</div>
<div class="mar-bottom-10">
<span class="width-80">ICU总时长：</span>
<div class="mar-top-5 flex-between-center">
<el-input
v-model.trim="searchForm.icuTime"
class="flex-1"
size="mini"
clearable
placeholder="请输入ICU总时长"
/>
<span class="mar-left-5">分钟</span>
</div>
</div> </div>
<div class="right"> <div class="mar-bottom-10">
<div class="outaddrecordEnrollment_centent"> <span class="width-80">医保类型：</span>
<div class="outaddrecordEnrollment_centent_totalnum" v-for="(item, index) in addCorePercents" :key="index"> <el-select
<div class="outsetgrouping_centent_totalnum_left_yxrz" v-if="item.isShow"> class="mar-top-5 w100"
<div class="dw" style="height: 24%"><img src="../assets/img/t29.png" alt="" /> 优先入组</div> v-model="searchForm.a46C"
</div> placeholder="医保类型"
<div style="flex: 1"> size="mini"
<div class="outaddrecordEnrollment_centent_totalnum_left"> clearable
<div class="outaddrecordEnrollment_centent_totalnum_left_text1"> >
<span>分组编码：{{ item.code }}</span> <el-option label="城镇职工" value="城镇职工" />
<span>分组名称：{{ item.coreName }}</span> <el-option label="城乡居民" value="城乡居民" />
<span>基准点数：{{ item.score }}</span> </el-select>
</div> </div>
<div class="mar-bottom-10">
<span class="width-80">新生儿年龄：</span>
<div class="mar-top-5 flex-between-center">
<el-input
v-model.trim="searchForm.a16"
class="flex-1"
size="mini"
clearable
placeholder="请输入年龄"
/>
<span class="mar-left-5">天</span>
</div>
</div>
<div class="mar-bottom-10">
<span class="width-80">新生儿体重：</span>
<div class="mar-top-5 flex-between-center">
<el-input
v-model.trim="searchForm.birthWeight"
class="flex-1"
size="mini"
clearable
placeholder="请输入"
/>
<span class="mar-left-5">g</span>
</div>
</div>
<div class="mar-bottom-10">
<span class="width-60">性别：</span>
<el-radio-group
v-model="searchForm.a12C"
size="mini"
class="mar-right-10"
>
<el-radio label="0" class="mar-right-5">未知</el-radio>
<el-radio label="1" class="mar-right-5">男</el-radio>
<el-radio label="2" class="mar-right-5">女</el-radio>
</el-radio-group>
</div>
<div class="mar-bottom-10">
<span class="width-80">离院方式：</span>
<el-select
v-model="searchForm.b34C"
placeholder="请选择离院方式"
size="mini"
class="w100 mar-top-5"
>
<el-option
v-for="item in leaveoptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
<div class="mar-bottom-10">
<span class="width-80">总费用：</span>
<el-input
v-model.trim="searchForm.d01"
class="w100 mar-top-5"
size="mini"
clearable
placeholder="请输入总费用"
/>
</div>
<div class="mar-bottom-10">
<span class="width-80">住院天数：</span>
<el-input-number
v-model.trim="searchForm.inHosNum"
class="w100 mar-top-5"
size="mini"
clearable
placeholder="住院天数"
/>
</div>
</div>
</div>
<div class="right">
<div class="outaddrecordEnrollment_centent">
<div
class="outaddrecordEnrollment_centent_totalnum"
v-for="(item, index) in addCorePercents"
:key="index"
>
<div
class="outsetgrouping_centent_totalnum_left_yxrz"
v-if="item.isShow"
>
<div class="dw" style="height: 24%">
<img src="../assets/img/t29.png" alt="" /> 优先入组
</div>
</div>
<div style="flex: 1">
<div class="outaddrecordEnrollment_centent_totalnum_left">
<div class="outaddrecordEnrollment_centent_totalnum_left_text1">
<span>分组编码：{{ item.code }}</span>
<span>分组名称：{{ item.coreName }}</span>
<span>{{ weightName }}：{{ item.score }}</span>
</div>
<div class="outaddrecordEnrollment_centent_totalnum_left_text3"> <div class="outaddrecordEnrollment_centent_totalnum_left_text3">
<span>预计DRG支付费用：{{ decimal(item.actualfee) }}</span> <span>预计DRG支付费用：{{ decimal(item.actualfee) }}</span>
<span>分组类型：{{ item.disNature }}</span> <span>分组类型：{{ item.disNature }}</span>
<span v-if="isShow_HosAvgFee">{{ year }}同级医院平均住院日：{{ item.avgInHosDay }}</span> <span v-if="isShow_HosAvgFee"
<span v-if="isShow_HosAvgFee">{{ year }}同级医院次均费用：{{ decimal(item.hosAvgFee) }}</span> >{{ year }}同级医院平均住院日：{{ item.avgInHosDay }}</span
</div> >
</div> <span v-if="isShow_HosAvgFee"
<div class="diagList_fenqu" v-if="item.lowMagnification != 0 && item.highMagnification != 0"> >{{ year }}同级医院次均费用：{{
<div class="diagList_fenqu_di"> decimal(item.hosAvgFee)
<div class="diagList_fenqu_di_bb"> }}</span
<div class="diagList_fenqu_di_bb_div1"> >
<span </div>
class="diagList_fenqu_di_bb_div1_num" </div>
:style="{ <div
marginLeft: item.totalwidth - 1 + '%', class="diagList_fenqu"
color: item.totalcolor, v-if="item.lowMagnification != 0 && item.highMagnification != 0"
}" >
>{{ decimal(item.totalFee) }}</span <div class="diagList_fenqu_di">
> <div class="diagList_fenqu_di_bb">
<span <div class="diagList_fenqu_di_bb_div1">
class="diagList_fenqu_di_bb_div1_he" <span
:style="{ class="diagList_fenqu_di_bb_div1_num"
marginLeft: item.totalwidth + '%', :style="{
backgroundColor: item.totalcolor, marginLeft: item.totalwidth - 1 + '%',
}" color: item.totalcolor,
></span> }"
</div> >{{ decimal(item.totalFee) }}</span
<div class="diagList_fenqu_di_bb_div2" style="height: 100%"> >
<span class="diagList_fenqu_di_bb_div2_span1" :style="{ width: item.lowwidth + '%' }" <span
><span class="diagList_fenqu_di_bb_div2_span1_t1" :title="lowtitle + '：&lt;=' + Math.round(item.lowMagnification)" class="diagList_fenqu_di_bb_div1_he"
>{{ lowtitle }}：&lt;={{ Math.round(item.lowMagnification) }}</span :style="{
></span marginLeft: item.totalwidth + '%',
> backgroundColor: item.totalcolor,
<span class="diagList_fenqu_di_bb_div2_span2" :style="{ width: item.contentwidth + '%' }" }"
><span ></span>
class="diagList_fenqu_di_bb_div2_span2_t2" </div>
:title="'正常区域：' + (Math.round(item.lowMagnification) + 1) + '~' + (Math.round(item.highMagnification) - 1)" <div class="diagList_fenqu_di_bb_div2" style="height: 100%">
>正常区域：{{ Math.round(item.lowMagnification) + 1 + "~" + (Math.round(item.highMagnification) - 1) }}</span <span
></span class="diagList_fenqu_di_bb_div2_span1"
> :style="{ width: item.lowwidth + '%' }"
><span
class="diagList_fenqu_di_bb_div2_span1_t1"
:title="
lowtitle +
'：&lt;=' +
Math.round(item.lowMagnification)
"
>{{ lowtitle }}：&lt;={{
Math.round(item.lowMagnification)
}}</span
></span
>
<span
class="diagList_fenqu_di_bb_div2_span2"
:style="{ width: item.contentwidth + '%' }"
><span
class="diagList_fenqu_di_bb_div2_span2_t2"
:title="
'正常区域：' +
(Math.round(item.lowMagnification) + 1) +
'~' +
(Math.round(item.highMagnification) - 1)
"
>正常区域：{{
Math.round(item.lowMagnification) +
1 +
"~" +
(Math.round(item.highMagnification) - 1)
}}</span
></span
>
<span class="diagList_fenqu_di_bb_div2_span3" :style="{ width: item.heightwidth + '%' }" <span
><span class="diagList_fenqu_di_bb_div2_span3_t3" :title="higtitle + '：>=' + Math.round(item.highMagnification)" class="diagList_fenqu_di_bb_div2_span3"
>{{ higtitle }}：>={{ Math.round(item.highMagnification) }}</span :style="{ width: item.heightwidth + '%' }"
></span ><span
> class="diagList_fenqu_di_bb_div2_span3_t3"
</div> :title="
</div> higtitle + '：>=' + Math.round(item.highMagnification)
</div> "
</div> >{{ higtitle }}：>={{
<div v-if="item.analysis" class="mar-0-15 pad-5-10" style="background-color: rgba(44, 171, 227, 0.08)"> Math.round(item.highMagnification)
<div style="background-color: rgba(44, 171, 227, 0.08)" class="pad-5-10">提示:</div> }}</span
<div class="bg-FFF w100 pad-10"> ></span
{{ item.analysis }} >
</div> </div>
</div> </div>
<div class="mar-0-15 pad-5-10" style="background-color: rgba(44, 171, 227, 0.08)"> </div>
<div style="background-color: rgba(44, 171, 227, 0.08)" class="pad-5-10">MCC:</div> </div>
<div class="bg-FFF w100 pad-10"> <div
{{ item.mccDatas && item.mccDatas.length ? item.mccDatas.join("；") : "--" }} v-if="item.analysis"
</div> class="mar-0-15 pad-5-10"
</div> style="background-color: rgba(44, 171, 227, 0.08)"
<div class="mar-0-15 pad-5-10" style="background-color: rgba(44, 171, 227, 0.08)"> >
<div style="background-color: rgba(44, 171, 227, 0.08)" class="pad-5-10">CC:</div> <div
<div class="bg-FFF w100 pad-10"> style="background-color: rgba(44, 171, 227, 0.08)"
{{ item.ccDatas && item.ccDatas.length ? item.ccDatas.join("；") : "--" }} class="pad-5-10"
</div> >
</div> 提示:
</div> </div>
<!-- <div class="outaddrecordEnrollment_centent_totalnum_right"> <div class="bg-FFF w100 pad-10">
{{ item.analysis }}
</div>
</div>
<div
class="mar-0-15 pad-5-10"
style="background-color: rgba(44, 171, 227, 0.08)"
>
<div
style="background-color: rgba(44, 171, 227, 0.08)"
class="pad-5-10"
>
MCC:
</div>
<div class="bg-FFF w100 pad-10">
{{
item.mccDatas && item.mccDatas.length
? item.mccDatas.join("；")
: "--"
}}
</div>
</div>
<div
class="mar-0-15 pad-5-10"
style="background-color: rgba(44, 171, 227, 0.08)"
>
<div
style="background-color: rgba(44, 171, 227, 0.08)"
class="pad-5-10"
>
CC:
</div>
<div class="bg-FFF w100 pad-10">
{{
item.ccDatas && item.ccDatas.length
? item.ccDatas.join("；")
: "--"
}}
</div>
</div>
</div>
<!-- <div class="outaddrecordEnrollment_centent_totalnum_right">
<div :id="`indexChart11` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar1"></div> <div :id="`indexChart11` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar1"></div>
<div :id="`indexChart11two` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar2"></div> <div :id="`indexChart11two` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar2"></div>
<div :id="`indexChart11tree` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar3"></div> <div :id="`indexChart11tree` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar3"></div>
<div :id="`indexChart11fore` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar4"></div> <div :id="`indexChart11fore` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar4"></div>
<div :id="`indexChart11file` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar5"></div> <div :id="`indexChart11file` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar5"></div>
</div> --> </div> -->
</div> </div>
<div v-show="addnolistShow" class="outaddrecordEnrollment_centent_nodata"> <div
<div class="outaddrecordEnrollment_centent_nodata_img"> v-show="addnolistShow"
<img src="../assets/img/nodata.png" alt="" /> class="outaddrecordEnrollment_centent_nodata"
</div> >
<div class="outaddrecordEnrollment_centent_nodata_text">暂无数据</div> <div class="outaddrecordEnrollment_centent_nodata_img">
</div> <img src="../assets/img/nodata.png" alt="" />
</div> </div>
<div class="outaddrecordEnrollment_centent_nodata_text">暂无数据</div>
</div> </div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
import { Message } from "element-ui";
import Sortable from "sortablejs"; import Sortable from "sortablejs";
import http from "../utils/http";
import { initEcharts, categoryChart, categoryChart11 } from "../utils/echarts";
import { decimal } from "../utils/decimal"; import { decimal } from "../utils/decimal";
import { Message } from "element-ui"; import http from "../utils/http";
import { setItem, getItem } from "../utils/auth";
import { Loading } from "element-ui";
export default { export default {
name: "diagList", name: "diagList",
components: {}, components: {},
props: { props: {
code: { code: {
type: Object, type: Object,
default: {}, default: {},
},
isshow: {
type: Boolean,
default: false,
},
lowtitle: {
type: String,
default: "低倍率区域",
},
higtitle: {
type: String,
default: "高倍率区域",
},
},
data() {
return {
zdoptions: [], //诊断
otzdoptions: [], //诊断
ssoptions: [], //主手术
otssoptions: [], //其他手术
searchForm: {
a14: "0",
a16: "0",
birthWeight: "0",
a12C: "0",
icuTime: "0",
b34C: "1",
opsList: [], //手术
otopsName: [""],
otdiagName: [""],
diagList: [], //诊断
a46C: "城乡居民",
d01: 0,
inHosNum: 0,
},
//离院方式选择器
leaveoptions: [
{
label: "医嘱离院",
value: "1",
}, },
isshow: { {
type: Boolean, label: "医嘱转院",
default: false, value: "2",
}, },
lowtitle: { {
type: String, label: "医嘱转社区卫生服务机构/乡镇卫生院",
default: "低倍率区域", value: "3",
}, },
higtitle: { {
type: String, label: "非医嘱离院",
default: "高倍率区域", value: "4",
}, },
}, {
data() { label: "死亡",
return { value: "5",
zdoptions: [], //诊断
otzdoptions: [], //诊断
ssoptions: [], //主手术
otssoptions: [], //其他手术
searchForm: {
a14: "0",
a16: "0",
birthWeight: "0",
a12C: "0",
icuTime: "0",
b34C: "1",
opsList: [], //手术
otopsName: [""],
otdiagName: [""],
diagList: [], //诊断
a46C: "城乡居民",
d01: 0,
inHosNum: 0,
},
//离院方式选择器
leaveoptions: [
{
label: "医嘱离院",
value: "1",
},
{
label: "医嘱转院",
value: "2",
},
{
label: "医嘱转社区卫生服务机构/乡镇卫生院",
value: "3",
},
{
label: "非医嘱离院",
value: "4",
},
{
label: "死亡",
value: "5",
},
{
label: "其他",
value: "9",
},
],
addCorePercents: [],
addnolistShow: true, //没有搜索数据的时候显示
};
},
//监听属性 类似于data概念
computed: {
year() {
return window.webConfig.year;
}, },
isShow_HosAvgFee() { {
return window.webConfig.isShow_HosAvgFee; label: "其他",
value: "9",
}, },
],
addCorePercents: [],
addnolistShow: true, //没有搜索数据的时候显示
};
},
//监听属性 类似于data概念
computed: {
year() {
return window.webConfig.year;
}, },
//监控data中的数据变化 isShow_HosAvgFee() {
watch: { return window.webConfig.isShow_HosAvgFee;
isshow: {
handler() {
if (this.isshow) {
if (this.code) {
Object.assign(this.searchForm, this.code);
this.searchForm.otdiagName = [];
this.searchForm.otopsName = [];
this.searchForm.otdiagName = this.searchForm.diagList.length ? this.searchForm.diagList.map((item) => item.diagCode) : [""];
this.searchForm.otopsName = this.searchForm.opsList.length ? this.searchForm.opsList.map((item) => item.opsCode) : [""];
this.getlist();
}
}
},
},
}, },
created() {}, weightName() {
mounted() { return window.webConfig.weightName;
if (this.code) { },
},
//监控data中的数据变化
watch: {
isshow: {
handler() {
if (this.isshow) {
if (this.code) {
Object.assign(this.searchForm, this.code); Object.assign(this.searchForm, this.code);
this.searchForm.otdiagName = []; this.searchForm.otdiagName = [];
this.searchForm.otopsName = []; this.searchForm.otopsName = [];
this.searchForm.otdiagName = this.searchForm.diagList.length ? this.searchForm.diagList.map((item) => item.diagCode) : [""]; this.searchForm.otdiagName = this.searchForm.diagList.length
this.searchForm.otopsName = this.searchForm.opsList.length ? this.searchForm.opsList.map((item) => item.opsCode) : [""]; ? this.searchForm.diagList.map((item) => item.diagCode)
: [""];
this.searchForm.otopsName = this.searchForm.opsList.length
? this.searchForm.opsList.map((item) => item.opsCode)
: [""];
this.getlist(); this.getlist();
}
} }
this.rowDrop(); },
this.rowDrop1(); },
},
created() {},
mounted() {
if (this.code) {
Object.assign(this.searchForm, this.code);
this.searchForm.otdiagName = [];
this.searchForm.otopsName = [];
this.searchForm.otdiagName = this.searchForm.diagList.length
? this.searchForm.diagList.map((item) => item.diagCode)
: [""];
this.searchForm.otopsName = this.searchForm.opsList.length
? this.searchForm.opsList.map((item) => item.opsCode)
: [""];
this.getlist();
}
this.rowDrop();
this.rowDrop1();
},
beforeMount() {}, //生命周期 - 挂载之前
destroyed() {}, //生命周期 - 销毁完成
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
//方法集合
methods: {
decimal,
//添加诊断
addotdiagName() {
let arr = this.searchForm.otdiagName.filter((item) => item);
if (!arr.length) {
Message.warning("请先输入主诊断");
return;
}
let v = _.last(this.searchForm.otdiagName);
if (!v) {
Message.warning("请输入诊断");
return;
}
this.searchForm.otdiagName.push("");
},
dell(i) {
this.searchForm.otdiagName.splice(i, 1);
},
//手术
addotopsName() {
let v = _.last(this.searchForm.otopsName);
if (!v) {
this.$message.warning("请输入手术");
return;
}
this.searchForm.otopsName.push("");
},
del(i) {
this.searchForm.otopsName.splice(i, 1);
}, },
beforeMount() {}, //生命周期 - 挂载之前
destroyed() {}, //生命周期 - 销毁完成
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
//方法集合
methods: {
decimal,
//添加诊断
addotdiagName() {
let arr = this.searchForm.otdiagName.filter((item) => item);
if (!arr.length) {
Message.warning("请先输入主诊断");
return;
}
let v = _.last(this.searchForm.otdiagName);
if (!v) {
Message.warning("请输入诊断");
return;
}
this.searchForm.otdiagName.push("");
},
dell(i) {
this.searchForm.otdiagName.splice(i, 1);
},
//手术
addotopsName() {
let v = _.last(this.searchForm.otopsName);
if (!v) {
this.$message.warning("请输入手术");
return;
}
this.searchForm.otopsName.push("");
},
del(i) {
this.searchForm.otopsName.splice(i, 1);
},
//查询 //查询
search() { search() {
let arr = this.searchForm.otdiagName.filter((item) => item); let arr = this.searchForm.otdiagName.filter((item) => item);
if (!arr.length) { if (!arr.length) {
Message.warning("请输入主诊断"); Message.warning("请输入主诊断");
return; return;
} }
this.searchForm.otdiagName this.searchForm.otdiagName
.filter((item) => item) .filter((item) => item)
.map((item, i) => { .map((item, i) => {
this.searchForm.diagList.push({ this.searchForm.diagList.push({
diagCode: item, diagCode: item,
diagOrder: i == 0 ? "0" : "1", diagOrder: i == 0 ? "0" : "1",
}); });
}); });
this.searchForm.otopsName this.searchForm.otopsName
.filter((item) => item) .filter((item) => item)
.map((item, i) => { .map((item, i) => {
this.searchForm.opsList.push({ this.searchForm.opsList.push({
opsCode: item, opsCode: item,
opsOrder: i == 0 ? "0" : "1", opsOrder: i == 0 ? "0" : "1",
}); });
}); });
this.getlist(); this.getlist();
}, },
//获取列表数据 //获取列表数据
getlist() { getlist() {
http.post(`/medical/post/GetCorePercentsByAssemble`, this.searchForm) http
.then((data) => { .post(`/medical/post/GetCorePercentsByAssemble`, this.searchForm)
if (data && data.length == 0) { .then((data) => {
Message.warning({ if (data && data.length == 0) {
message: `此诊断作为主诊断无法入组!`, Message.warning({
type: "warning", message: `此诊断作为主诊断无法入组!`,
}); type: "warning",
} });
this.addCorePercents = data; }
this.addCorePercents.map((item) => { this.addCorePercents = data;
// 高倍率>总费用 高倍率金额+高倍率金额*30% this.addCorePercents.map((item) => {
if (item.highMagnification > item.totalFee) { // 高倍率>总费用 高倍率金额+高倍率金额*30%
item.heightnum = item.highMagnification + item.highMagnification * 0.3; if (item.highMagnification > item.totalFee) {
} else if (item.highMagnification < item.totalFee) { item.heightnum =
// 高倍率<总费用 患者总费用的金额+患者总费用的金额*30% item.highMagnification + item.highMagnification * 0.3;
item.heightnum = item.totalFee + item.totalFee * 0.3; } else if (item.highMagnification < item.totalFee) {
} // 高倍率<总费用 患者总费用的金额+患者总费用的金额*30%
// 低倍率宽度 item.heightnum = item.totalFee + item.totalFee * 0.3;
item.lowwidth = Math.round((Math.round(item.lowMagnification) / Math.round(item.heightnum)) * 100);
// 高倍率宽度
item.heightwidth = Math.round(((Math.round(item.heightnum) - Math.round(item.highMagnification)) / Math.round(item.heightnum)) * 100);
// 正常倍率宽度
item.contentwidth = 100 - (item.lowwidth + item.heightwidth);
//总费用宽度
item.totalwidth = Math.round((Math.round(item.totalFee) / Math.round(item.heightnum)) * 100);
// 判断总费用显示的颜色
if (item.totalFee < item.lowMagnification) {
item.totalcolor = "#e9c622";
} else if (item.totalFee > item.lowMagnification && item.totalFee < item.highMagnification) {
item.totalcolor = "#22d016";
} else if (item.totalFee > item.highMagnification) {
item.totalcolor = "#ff7e00";
}
if (item.lowMagnification == 0 || item.highMagnification == 0) {
item.bottomheight = "80%";
} else if (data.lowMagnification != 0) {
item.bottomheight = "68%";
}
});
if (this.addCorePercents.length == 0) {
this.addnolistShow = true;
} else {
this.addnolistShow = false;
}
// this.totalCount = data.totalCount;
// for (var i = 0; i < this.addCorePercents.length; i++) {
// initEcharts(categoryChart11("药占比", this.addCorePercents[i].drugPercent, "#2CABE3"), `indexChart11${i}`);
// initEcharts(categoryChart11("耗材占比", this.addCorePercents[i].materialsPercent, "#71D875"), `indexChart11two${i}`);
// initEcharts(categoryChart11("检查占比", this.addCorePercents[i].inspectPercent, "#F35E77"), `indexChart11tree${i}`);
// initEcharts(categoryChart11("检验占比", this.addCorePercents[i].testPercent, "#FFB321"), `indexChart11fore${i}`);
// initEcharts(categoryChart11("其他", this.addCorePercents[i].otherPercent, "#C05EF3"), `indexChart11file${i}`);
// (this.diagList = []), (this.opsList = []);
// }
this.searchForm.diagList = [];
this.searchForm.opsList = [];
})
.catch((error) => {});
},
remoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
this.zdoptions = data;
})
.catch((error) => {});
} else {
this.zdoptions = [];
}
},
otremoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
this.otzdoptions = data;
})
.catch((error) => {});
} else {
this.zdoptions = [];
} }
}, // 低倍率宽度
//获取主手术，其他手术的数据 item.lowwidth = Math.round(
ssremoteMethod(query) { (Math.round(item.lowMagnification) / Math.round(item.heightnum)) *
if (query) { 100,
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {}) );
.then((data) => { // 高倍率宽度
this.ssoptions = data; item.heightwidth = Math.round(
}) ((Math.round(item.heightnum) -
.catch((error) => {}); Math.round(item.highMagnification)) /
} else { Math.round(item.heightnum)) *
this.ssoptions = []; 100,
);
// 正常倍率宽度
item.contentwidth = 100 - (item.lowwidth + item.heightwidth);
//总费用宽度
item.totalwidth = Math.round(
(Math.round(item.totalFee) / Math.round(item.heightnum)) * 100,
);
// 判断总费用显示的颜色
if (item.totalFee < item.lowMagnification) {
item.totalcolor = "#e9c622";
} else if (
item.totalFee > item.lowMagnification &&
item.totalFee < item.highMagnification
) {
item.totalcolor = "#22d016";
} else if (item.totalFee > item.highMagnification) {
item.totalcolor = "#ff7e00";
} }
}, if (item.lowMagnification == 0 || item.highMagnification == 0) {
//获取其他手术的数据 item.bottomheight = "80%";
otssremoteMethod(query) { } else if (data.lowMagnification != 0) {
if (query) { item.bottomheight = "68%";
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
this.otssoptions = data;
})
.catch((error) => {});
} else {
this.otssoptions = [];
} }
}, });
// 行拖拽 if (this.addCorePercents.length == 0) {
rowDrop() { this.addnolistShow = true;
let _this = this; } else {
const el = document.getElementById("list"); this.addnolistShow = false;
Sortable.create(el, { }
animation: 100, // this.totalCount = data.totalCount;
delay: 0, // for (var i = 0; i < this.addCorePercents.length; i++) {
onEnd({ newIndex, oldIndex }) { // initEcharts(categoryChart11("药占比", this.addCorePercents[i].drugPercent, "#2CABE3"), `indexChart11${i}`);
if (newIndex === oldIndex) return; // initEcharts(categoryChart11("耗材占比", this.addCorePercents[i].materialsPercent, "#71D875"), `indexChart11two${i}`);
if (_this.searchForm) { // initEcharts(categoryChart11("检查占比", this.addCorePercents[i].inspectPercent, "#F35E77"), `indexChart11tree${i}`);
_this.searchForm.otdiagName.splice(newIndex, 0, _this.searchForm.otdiagName.splice(oldIndex, 1)[0]); // initEcharts(categoryChart11("检验占比", this.addCorePercents[i].testPercent, "#FFB321"), `indexChart11fore${i}`);
var newArray = _this.searchForm.otdiagName.slice(0); // initEcharts(categoryChart11("其他", this.addCorePercents[i].otherPercent, "#C05EF3"), `indexChart11file${i}`);
_this.searchForm.otdiagName = []; // (this.diagList = []), (this.opsList = []);
_this.$nextTick(function () { // }
_this.searchForm.otdiagName = newArray; this.searchForm.diagList = [];
}); this.searchForm.opsList = [];
} })
}, .catch((error) => {});
},
remoteMethod(query) {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
this.zdoptions = data;
})
.catch((error) => {});
} else {
this.zdoptions = [];
}
},
otremoteMethod(query) {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
this.otzdoptions = data;
})
.catch((error) => {});
} else {
this.zdoptions = [];
}
},
//获取主手术，其他手术的数据
ssremoteMethod(query) {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
this.ssoptions = data;
})
.catch((error) => {});
} else {
this.ssoptions = [];
}
},
//获取其他手术的数据
otssremoteMethod(query) {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
this.otssoptions = data;
})
.catch((error) => {});
} else {
this.otssoptions = [];
}
},
// 行拖拽
rowDrop() {
let _this = this;
const el = document.getElementById("list");
Sortable.create(el, {
animation: 100,
delay: 0,
onEnd({ newIndex, oldIndex }) {
if (newIndex === oldIndex) return;
if (_this.searchForm) {
_this.searchForm.otdiagName.splice(
newIndex,
0,
_this.searchForm.otdiagName.splice(oldIndex, 1)[0],
);
var newArray = _this.searchForm.otdiagName.slice(0);
_this.searchForm.otdiagName = [];
_this.$nextTick(function () {
_this.searchForm.otdiagName = newArray;
}); });
}
}, },
rowDrop1() { });
let _this = this; },
const ele = document.getElementById("list1"); rowDrop1() {
Sortable.create(ele, { let _this = this;
animation: 100, const ele = document.getElementById("list1");
delay: 0, Sortable.create(ele, {
group: "shared", animation: 100,
onEnd({ newIndex, oldIndex }) { delay: 0,
if (newIndex === oldIndex) return; group: "shared",
if (_this.searchForm) { onEnd({ newIndex, oldIndex }) {
_this.searchForm.otopsName.splice(newIndex, 0, _this.searchForm.otopsName.splice(oldIndex, 1)[0]); if (newIndex === oldIndex) return;
var newArray = _this.searchForm.otopsName.slice(0); if (_this.searchForm) {
_this.searchForm.otopsName = []; _this.searchForm.otopsName.splice(
_this.$nextTick(function () { newIndex,
_this.searchForm.otopsName = newArray; 0,
}); _this.searchForm.otopsName.splice(oldIndex, 1)[0],
} );
}, var newArray = _this.searchForm.otopsName.slice(0);
_this.searchForm.otopsName = [];
_this.$nextTick(function () {
_this.searchForm.otopsName = newArray;
}); });
}
}, },
});
}, },
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.diagList { .diagList {
width: 100%; width: 100%;
height: 100%;
overflow: hidden;
display: flex;
.left {
width: 250px;
padding: 10px;
height: 100%; height: 100%;
overflow: hidden; overflow-y: auto;
display: flex; }
.left { .right {
width: 250px; // width: calc(100% - 250px);
background-color: #f1f5f8;
overflow-y: auto;
flex: 1;
.outaddrecordEnrollment_centent {
background-color: #f1f5f8;
height: 100%;
overflow-y: auto;
&_totalnum {
// height: 151px;
background-color: #fff;
margin: 12px;
padding: 10px; padding: 10px;
height: 100%; // display: flex;
overflow-y: auto; // align-items: center;
} // justify-content: space-around;
.right { &_left {
// width: calc(100% - 250px); // flex: 1;
background-color: #f1f5f8; width: 98%;
overflow-y: auto; height: auto !important;
flex: 1; background-color: rgba(44, 171, 227, 0.08);
.outaddrecordEnrollment_centent { margin: 0 15px;
background-color: #f1f5f8; display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&_text1 {
width: 100%;
height: 30%;
display: flex;
margin-top: 5px;
margin-bottom: 0;
justify-content: space-between;
span {
height: 100%;
width: 50%;
padding: 5px 0;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text2 {
width: 100%;
height: 30%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
padding: 5px 0;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text3 {
width: 100%;
height: 30%;
margin-top: 5px;
margin-bottom: 5px;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
padding: 5px 0;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_radios {
width: 3%;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
}
&_text {
width: 97%;
height: 100%; height: 100%;
overflow-y: auto; display: flex;
&_totalnum {
// height: 151px;
background-color: #fff;
margin: 12px;
padding: 10px;
// display: flex;
// align-items: center;
// justify-content: space-around;
&_left {
// flex: 1;
width: 98%;
height: auto !important;
background-color: rgba(44, 171, 227, 0.08);
margin: 0 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&_text1 {
width: 100%;
height: 30%;
display: flex;
margin-top: 5px;
margin-bottom: 0;
justify-content: space-between;
span {
height: 100%;
width: 50%;
padding: 5px 0;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text2 {
width: 100%;
height: 30%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
padding: 5px 0;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text3 {
width: 100%;
height: 30%;
margin-top: 5px;
margin-bottom: 5px;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
padding: 5px 0;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_radios {
width: 3%;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
}
&_text {
width: 97%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
&_msg1 {
height: 40%;
box-sizing: content-box;
border: 10px solid rgba(44, 171, 227, 0.08);
border-bottom: 5px solid rgba(44, 171, 227, 0.08);
border-top: 5px solid rgba(44, 171, 227, 0.08);
margin-bottom: 5px;
// margin-top: 5px;
display: flex;
&_text11 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text22 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text33 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text44 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: flex-start;
font-size: 14px; flex-direction: column;
padding-left: 10px; justify-content: center;
font-family: PingFang SC; &_msg1 {
font-weight: 300; height: 40%;
color: #6a707e; box-sizing: content-box;
} border: 10px solid rgba(44, 171, 227, 0.08);
} border-bottom: 5px solid rgba(44, 171, 227, 0.08);
} border-top: 5px solid rgba(44, 171, 227, 0.08);
margin-bottom: 5px;
// margin-top: 5px;
display: flex;
&_msg2 { &_text11 {
background-color: rgba(44, 171, 227, 0.08); width: 25%;
display: flex; height: 100%;
flex-direction: column; display: flex;
height: 40%; flex-direction: column;
justify-content: center; justify-content: center;
// padding-top: 10px; span {
&_text3 { height: 100%;
// margin-bottom: 10px; width: 85%;
width: 100%; // margin:5px 5px;
height: 83%; display: flex;
display: flex; justify-content: start;
justify-content: space-between; align-items: center;
span { font-size: 14px;
display: block; padding-left: 10px;
height: 100%; font-family: PingFang SC;
width: 50%; font-weight: 300;
margin: 0px 10px; color: #6a707e;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text5 {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 45%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
}
}
} }
&_right { }
width: 100%; &_text22 {
height: 30%; width: 25%;
display: flex; height: 100%;
justify-content: space-around; display: flex;
&_text1 { flex-direction: column;
width: 19%; justify-content: center;
display: flex; span {
justify-content: center; height: 100%;
align-items: center; width: 85%;
margin-left: 3%; // margin:5px 5px;
&_span1 { display: flex;
color: #2cabe3; justify-content: start;
font-family: PingFang SC; align-items: center;
font-weight: 400; font-size: 14px;
font-size: 14px; padding-left: 10px;
} font-family: PingFang SC;
&_echar1 { font-weight: 300;
width: 50%; color: #6a707e;
height: 88px;
margin-left: -30px;
}
}
&_text2 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span2 {
color: #71d875;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar2 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text3 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span3 {
color: #f35e77;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar3 {
width: 50%;
height: 85px;
margin-left: -30px;
}
}
&_text4 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span4 {
color: #ffb321;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar4 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text5 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span5 {
color: #c05ef3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar5 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
} }
} }
// 没有数据 &_text33 {
&_nodata { width: 25%;
width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-content: center; span {
text-align: center; height: 100%;
&_img { width: 85%;
display: flex; // margin:5px 5px;
justify-content: center; display: flex;
align-content: center; justify-content: start;
text-align: center; align-items: center;
img { font-size: 14px;
width: 115px; padding-left: 10px;
height: 102px; font-family: PingFang SC;
} font-weight: 300;
color: #6a707e;
} }
&_text { }
font-size: 18px; &_text44 {
font-family: PingFang SC; width: 25%;
font-weight: 400; height: 100%;
color: #abafb3; display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: flex-start;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
} }
}
} }
&_msg2 {
background-color: rgba(44, 171, 227, 0.08);
display: flex;
flex-direction: column;
height: 40%;
justify-content: center;
// padding-top: 10px;
&_text3 {
// margin-bottom: 10px;
width: 100%;
height: 83%;
display: flex;
justify-content: space-between;
span {
display: block;
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text5 {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 45%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
}
}
} }
.diagList_fenqu { &_right {
height: 35%; width: 100%;
margin-bottom: 10; height: 30%;
display: flex;
justify-content: space-around;
&_text1 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 3%;
&_span1 {
color: #2cabe3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar1 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text2 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span2 {
color: #71d875;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar2 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text3 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span3 {
color: #f35e77;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar3 {
width: 50%;
height: 85px;
margin-left: -30px;
}
}
&_text4 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span4 {
color: #ffb321;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar4 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text5 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span5 {
color: #c05ef3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar5 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
} }
} }
&_fenqu { // 没有数据
&_nodata {
width: 100%; width: 100%;
height: 80px !important; height: 100%;
margin-bottom: 10px;
background-color: #fff;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-content: center;
text-align: center;
&_img {
display: flex;
justify-content: center;
align-content: center;
text-align: center;
img {
width: 115px;
height: 102px;
}
}
&_text {
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #abafb3;
}
}
}
.diagList_fenqu {
height: 35%;
margin-bottom: 10;
}
}
&_fenqu {
width: 100%;
height: 80px !important;
margin-bottom: 10px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
&_di { &_di {
width: 100%; width: 100%;
height: 85%; height: 85%;
background-color: white; background-color: white;
display: flex;
justify-content: center;
&_bb {
width: 98%;
height: 85%;
margin: 0 5px;
background-color: white;
display: flex;
flex-direction: column;
justify-content: space-around;
padding-top: 5px;
&_div1 {
width: 100%;
height: 18%;
// display: flex;
// flex-direction: column;
// align-items: flex-start;
&_num {
display: flex; display: flex;
justify-content: center; font-size: 12px;
&_bb { font-family: PingFang SC;
width: 98%; }
height: 85%; &_he {
margin: 0 5px; display: block;
background-color: white; width: 2px;
display: flex; height: 10px;
flex-direction: column; }
justify-content: space-around; }
padding-top: 5px; &_div2 {
&_div1 { width: 100%;
width: 100%; height: 64%;
height: 18%; display: flex;
// display: flex; justify-content: center;
// flex-direction: column; align-items: center;
// align-items: flex-start; &_span1 {
&_num { display: block;
display: flex; // width: 33%;
font-size: 12px; height: 50%;
font-family: PingFang SC; border-radius: 2px;
} color: white;
&_he { font-size: 12px;
display: block;
width: 2px;
height: 10px;
}
}
&_div2 {
width: 100%;
height: 64%;
display: flex;
justify-content: center;
align-items: center;
&_span1 {
display: block;
// width: 33%;
height: 50%;
border-radius: 2px;
color: white;
font-size: 12px;
background-color: #e9c622; background-color: #e9c622;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-family: PingFang SC; font-family: PingFang SC;
&_t1 { &_t1 {
width: 90%; width: 90%;
height: 100%; height: 100%;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
text-align: center; text-align: center;
padding-top: 10px; padding-top: 10px;
} }
&_t1:hover { &_t1:hover {
width: 90%; width: 90%;
} }
} }
&_span2 { &_span2 {
display: block; display: block;
// width: 33%; // width: 33%;
height: 50%; height: 50%;
border-radius: 2px; border-radius: 2px;
color: white; color: white;
font-size: 12px; font-size: 12px;
background-color: #22d016; background-color: #22d016;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-family: PingFang SC; font-family: PingFang SC;
&_t2 { &_t2 {
width: 90%; width: 90%;
height: 100%; height: 100%;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
text-align: center; text-align: center;
padding-top: 10px; padding-top: 10px;
} }
&_t2:hover { &_t2:hover {
width: 90%; width: 90%;
} }
} }
&_span3 { &_span3 {
display: block; display: block;
// width: 33%; // width: 33%;
height: 50%; height: 50%;
border-radius: 2px; border-radius: 2px;
color: white; color: white;
font-size: 12px; font-size: 12px;
background-color: #ff7e00; background-color: #ff7e00;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-family: PingFang SC; font-family: PingFang SC;
&_t3 { &_t3 {
width: 90%; width: 90%;
height: 100%; height: 100%;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
text-align: center; text-align: center;
padding-top: 10px; padding-top: 10px;
} }
&_t3:hover { &_t3:hover {
width: 90%; width: 90%;
}
}
}
&_div3 {
width: 100%;
height: 18%;
display: flex;
&_span1 {
display: flex;
height: 100%;
justify-content: start;
font-size: 12px;
font-family: PingFang SC;
color: #abafb3;
}
&_span2 {
display: flex;
height: 100%;
font-size: 12px;
font-family: PingFang SC;
color: #abafb3;
justify-content: start;
}
&_span3 {
display: flex;
height: 100%;
font-family: PingFang SC;
font-size: 12px;
color: #abafb3;
justify-content: space-between;
}
// &_span4 {
// display: flex;
// width: 25%;
// height: 100%;
// font-family: PingFang SC;
// padding-left: 383px;
// font-size: 12px;
// color: #abafb3;
// }
}
} }
}
}
&_div3 {
width: 100%;
height: 18%;
display: flex;
&_span1 {
display: flex;
height: 100%;
justify-content: start;
font-size: 12px;
font-family: PingFang SC;
color: #abafb3;
}
&_span2 {
display: flex;
height: 100%;
font-size: 12px;
font-family: PingFang SC;
color: #abafb3;
justify-content: start;
}
&_span3 {
display: flex;
height: 100%;
font-family: PingFang SC;
font-size: 12px;
color: #abafb3;
justify-content: space-between;
}
// &_span4 {
// display: flex;
// width: 25%;
// height: 100%;
// font-family: PingFang SC;
// padding-left: 383px;
// font-size: 12px;
// color: #abafb3;
// }
} }
}
} }
}
} }
</style> </style>
src/views/outHistorygrouping.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/outHistorygrouping_pingguo.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/outHistorygrouping_yubei.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/outpatientDetails.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/outpatientDetails_pingguo.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
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