Skip to content

E
expense
Commit 80106bcb by kingboy_xin
Options

费用

parent af19cc32
Showing with 2552 additions and 16 deletions
src/components/common/Search.vue
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
ulist.value = item.XM + '' ulist.value = item.XM + ''
ulist.usex = item.XB ulist.usex = item.XB
ulist.sfzh = item.SFZH ulist.sfzh = item.SFZH
this.restaurants.push(ulist) this.restaurants.push(ulist)
}) })
var restaurants = this.restaurants; var restaurants = this.restaurants;
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants; var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
......
src/components/common/sideNavbar/MainSideNavbar.vue
...@@ -11,6 +11,10 @@ ...@@ -11,6 +11,10 @@
<img slot="active-icon" src="~assets/img/navSide/icon-memu2-selected.png" alt=""> <img slot="active-icon" src="~assets/img/navSide/icon-memu2-selected.png" alt="">
<div slot="text">费用管理</div> <div slot="text">费用管理</div>
</side-navbar-item> </side-navbar-item>
<div class="" v-show="!isActive">
<div @click="navItemClick('/gpHome/gpEexpense/gpEexp')" :class="qyclass"><i class="el-icon-document-copy"></i> 签约</div>
<div @click="navItemClick('/gpHome/gpEexpense/gpVisit')" :class="jzclass"><i class="el-icon-document-copy"></i> 就诊</div>
</div>
<side-navbar-item link="/gpHome/gpPerformance"> <side-navbar-item link="/gpHome/gpPerformance">
<img slot="icon" src="~assets/img/navSide/icon-memu3.png" alt=""> <img slot="icon" src="~assets/img/navSide/icon-memu3.png" alt="">
<img slot="active-icon" src="~assets/img/navSide/icon-memu3-selected.png" alt=""> <img slot="active-icon" src="~assets/img/navSide/icon-memu3-selected.png" alt="">
...@@ -36,8 +40,30 @@ ...@@ -36,8 +40,30 @@
SideNavbar, SideNavbar,
SideNavbarItem SideNavbarItem
}, },
data() {
} return {
qyclass: 'feeclass',
jzclass: 'feeclass'
}
},
computed: {
isActive() {
return this.$route.path=='/gpHome/gpEexpense'?false:true
}
},
mounted: function() {
this.actclass()
},
methods: {
actclass() {
this.qyclass = this.$route.path=='/gpHome/gpEexpense/gpEexp'?'feeactive':'feeclass'
this.jzclass = this.$route.path=='/gpHome/gpEexpense/gpVisit'?'feeactive':'feeclass'
},
navItemClick(link) {
this.$router.replace(link)
}
}
}
</script> </script>
<style scoped> <style scoped>
...@@ -47,5 +73,21 @@ ...@@ -47,5 +73,21 @@
text-align: center; text-align: center;
background:linear-gradient(180deg,rgba(30,36,67,1) 0%,rgba(19,24,44,1) 100%) background:linear-gradient(180deg,rgba(30,36,67,1) 0%,rgba(19,24,44,1) 100%)
} }
.feeclass{width: 70px;
height: 39px;
padding-top: 0;
line-height: 39px;
border-bottom: 1px solid #242c4a;
color: #A6AED6;}
.feeactive{width: 70px;
height: 39px;
padding-top: 0;
line-height: 39px;
border-bottom: 1px solid #242c4a;
color: #A6AED6;
background-color: #2E88FF;
color: #fff;
background: -webkit-linear-gradient(top,#4CBBFF,#2E88FF);
}
</style> </style>
\ No newline at end of file
src/components/common/sideNavbar/SideNavbarItem.vue
...@@ -29,7 +29,11 @@ ...@@ -29,7 +29,11 @@
return this.$route.path.indexOf(this.link) !== -1 return this.$route.path.indexOf(this.link) !== -1
}, },
activeClass() { activeClass() {
return this.isActive ? 'activeClass' : {} if(this.$route.path=='/gpHome/gpEexpense'){
return this.isActive ?'activeClass2':{}
}else{
return this.isActive ? 'activeClass' : {}
}
}, },
activeStyle() { activeStyle() {
return this.isActive ? {'color': '#FFFFFF'} : {} return this.isActive ? {'color': '#FFFFFF'} : {}
...@@ -61,4 +65,7 @@ ...@@ -61,4 +65,7 @@
.activeClass{ .activeClass{
background:linear-gradient(180deg,rgba(76,187,255,1) 0%,rgba(46,136,255,1) 100%) background:linear-gradient(180deg,rgba(76,187,255,1) 0%,rgba(46,136,255,1) 100%)
} }
.activeClass2{
background:rgba(48,56,90,1)
}
</style> </style>
\ No newline at end of file
src/router/index.js
...@@ -38,10 +38,32 @@ export default new Router({ ...@@ -38,10 +38,32 @@ export default new Router({
name: 'gpContract', name: 'gpContract',
component: () => import('views/gp/contract/GpContract.vue'), component: () => import('views/gp/contract/GpContract.vue'),
}, },
// { //费用管理签约
// path: 'gpEexpense',
// name: 'gpEexpense',
// component: () => import('views/gp/expense/GpExpenseHome.vue'),
// },
// { //费用管理就诊
// path: 'gpVisit',
// name: 'gpVisit',
// component: () => import('views/gp/expense/VisitAnalysis.vue'),
// },
{ //费用管理主页 { //费用管理主页
path: 'gpEexpense', path: 'gpEexpense',
name: 'gpEexpense', name: 'gpEexpense',
component: () => import('views/gp/expense/GpExpenseHome.vue'), component: () => import('views/gp/expense/GpExpenseHome.vue'),
children:[
{
path: 'gpEexp',
name: 'gpEexp',
component: () => import('views/gp/expense/GpExpenseHome.vue'),
},
{ //费用管理就诊
path: 'gpVisit',
name: 'gpVisit',
component: () => import('views/gp/expense/VisitAnalysis.vue'),
},
]
}, },
{ //绩效考核 { //绩效考核
path: 'gpPerformance', path: 'gpPerformance',
......
src/views/gp/contract/GpContract.vue
...@@ -371,8 +371,8 @@ ...@@ -371,8 +371,8 @@
{ {
type: 'value', type: 'value',
name: '%', name: '%',
max: 100, max: 300,
min: 0, min: -300,
splitNumber: 5, splitNumber: 5,
axisLabel: { axisLabel: {
textStyle: { textStyle: {
...@@ -413,6 +413,7 @@ ...@@ -413,6 +413,7 @@
name: '管辖数', name: '管辖数',
type: 'bar', type: 'bar',
stack: "1", stack: "1",
// barGap:'-100%',
barWidth: null, barWidth: null,
itemStyle: { itemStyle: {
normal: { normal: {
...@@ -436,7 +437,8 @@ ...@@ -436,7 +437,8 @@
name: '去年管辖', name: '去年管辖',
type: 'bar', type: 'bar',
smooth: true, smooth: true,
yAxisIndex: 1, // yAxisIndex: 1,
// barGap:'-100%',
symbol: 'circle', symbol: 'circle',
symbolSize: 6, symbolSize: 6,
itemStyle: { itemStyle: {
...@@ -457,7 +459,7 @@ ...@@ -457,7 +459,7 @@
z: 11, z: 11,
itemStyle: { itemStyle: {
normal: { normal: {
color: '#fda739' color: '#FF9D3D'
} }
}, },
data: [] data: []
...@@ -472,7 +474,7 @@ ...@@ -472,7 +474,7 @@
z: 11, z: 11,
itemStyle: { itemStyle: {
normal: { normal: {
color: '#f8d065' color: '#FFC965'
} }
}, },
data: [] data: []
......
src/views/gp/expense/VisitAnalysis.vue
<template> <template>
<div>
<div class="div-model fl002">
<div class="title">
<span @click="bigCate(false)" :class="!bigclk?'clk':''">累计就诊人均门诊费用·千元（实/同）</span>
<img width="16" style="vertical-align: middle;" height="16" src="~assets/img/common/icon-mainwen.png" @click="question()">
</div>
<div class="content">
<div class="qycontent">
<div class="qytexttop">
<el-tooltip content="签约居民年门诊总费用 / 签约居民年门诊就诊人数" placement="bottom-start">
<span>{{nullreturn(para01/1000)}}</span>
</el-tooltip>
<span class="span02">/</span>
<span class="span01">{{nullreturn(para02/1000)}}</span>
<code class="tong">同</code>
<span class="span03">{{nullreturn(para03)=='-'?'-':Math.abs(nullreturn(para03))}}%</span>
<i :class="para03<0?'el-icon-my-down':'el-icon-my-up'"></i>
<span class="span04"></span>
<code class="pian">偏</code>
<span class="span03">{{nullreturn(para04)=='-'?'-':Math.abs(nullreturn(para04))}}%</span>
<i :class="para04<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
<div class="qytextmodel">
<span class="spanfont">累计就诊·千人</span>
<div class="spandata">
<span>{{nullreturn(para05/1000)}}</span>
<span class="span02">/</span>
<span class="span03">{{nullreturn(para06/1000)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para07)=='-'?'-':Math.abs(nullreturn(para07))}}%</span>
<i :class="para07<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
<div class="qytextmodel">
<span class="spanfont">累计就诊·千次</span>
<div class="spandata">
<span>{{nullreturn(para08/1000)}}</span>
<span class="span02">/</span>
<span class="span03">{{nullreturn(para09/1000)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para10)=='-'?'-':Math.abs(nullreturn(para10))}}%</span>
<i :class="para10<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
<div class="qytextmodel">
<span class="spanfont wordsunderline" @click="showBox(1)">累计人均就诊·次</span>
<div class="spandata" id="spandata">
<span>{{nullreturn(para11)}}</span>
<span class="span02">/</span>
<span class="span03">{{nullreturn(para12)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para13)=='-'?'-':Math.abs(nullreturn(para13))}}%</span>
<i :class="para13<0?'el-icon-my-down':'el-icon-my-up'"></i>
<span class="span01"></span>
<code class="pian">偏</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para14)=='-'?'-':Math.abs(nullreturn(para14))}}%</span>
<i :class="para14<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
</div>
</div>
</div>
<div class="div-model fr001">
<div class="title">
<span @click="bigCate(true)" :class="bigclk?'clk':''">累计就诊人均住院费用·千元（实/同）</span>
</div>
<div class="content">
<div class="qycontent qycontentwidth">
<div class="qytexttop" id="qytexttop">
<el-tooltip content="签约居民年住院总费用 / 签约居民年住院人数" placement="bottom-start">
<span>{{nullreturn(para15/1000)}}</span>
</el-tooltip>
<span class="span02">/</span>
<span class="span01">{{nullreturn(para16/1000)}}</span>
<code class="tong">同</code>
<span class="span03">{{nullreturn(para17)=='-'?'-':Math.abs(nullreturn(para17))}}%</span>
<i :class="para17<0?'el-icon-my-down':'el-icon-my-up'"></i>
<span class="span01" style="font-size: 12px;color: #ddd;">| 住院·人</span>
<span>{{nullreturn(para18)}}</span>
<span class="span02">/</span>
<span class="span01">{{nullreturn(para19)}}</span>
<code class="tong">同</code>
<span class="span03">{{nullreturn(para20)=='-'?'-':Math.abs(nullreturn(para20))}}%</span>
<i :class="para20<0?'el-icon-my-down':'el-icon-my-up'"></i>
<span class="span01" style="font-size: 12px;color: #ddd;">| 住院·率%</span>
<span class="span01" id="span06">{{nullreturn(para21)}}</span>
</div>
<div class="rightbox">
<div class="rbiteml">
<div class="rbitemlinner1">三级费用</div>
<div class="rbitemlinner1">二级费用</div>
<div class="rbitemlinner1">社区费用</div>
</div>
<div class="costbox">
<div class="costboxtitle">
<div class="costboxcontentl">实/同·万</div>
<div class="costboxcontentr">同·%</div>
</div>
<div class="costboxtitlec">
<div class="costboxtitlecl">{{nullreturn(para22/10000)}}/{{nullreturn(para23/10000)}}</div>
<div class="costboxtitlecr">{{nullreturn(para24)=='-'?'-':Math.abs(nullreturn(para24))}}
<i :class="para24<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
<div class="costboxtitlec">
<div class="costboxtitlecl">{{nullreturn(para28/10000)}}/{{nullreturn(para29/10000)}}</div>
<div class="costboxtitlecr">{{nullreturn(para30)=='-'?'-':Math.abs(nullreturn(para30))}}
<i :class="para30<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
<div class="costboxtitlec">
<div class="costboxtitlecl">{{nullreturn(para34/10000)}}/{{nullreturn(para35/10000)}}</div>
<div class="costboxtitlecr">{{nullreturn(para36)=='-'?'-':Math.abs(nullreturn(para36))}}
<i :class="para36<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
</div>
</div>
<div class="rightbox">
<div class="rbiteml">
<div class="rbitemlinner1">三级费用</div>
<div class="rbitemlinner1">二级费用</div>
<div class="rbitemlinner1">社区费用</div>
</div>
<div class="costbox">
<div class="costboxtitle">
<div class="costboxcontentl">实/标·千</div>
<div class="costboxcontentr">偏·%</div>
</div>
<div class="costboxtitlec">
<div class="costboxtitlecl">{{nullreturn(para25/1000)}}/{{nullreturn(para26/1000)}}</div>
<div class="costboxtitlecr">{{nullreturn(para27)=='-'?'-':Math.abs(nullreturn(para27))}}
<i :class="para27<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
<div class="costboxtitlec">
<div class="costboxtitlecl">{{nullreturn(para31/1000)}}/{{nullreturn(para32/1000)}}</div>
<div class="costboxtitlecr">{{nullreturn(para33)=='-'?'-':Math.abs(nullreturn(para33))}}
<i :class="para33<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
<div class="costboxtitlec">
<div class="costboxtitlecl">{{nullreturn(para37/1000)}}/{{nullreturn(para38/1000)}}</div>
<div class="costboxtitlecr">{{nullreturn(para39)=='-'?'-':Math.abs(nullreturn(para39))}}
<i :class="para39<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-----------底部内容---------->
<div v-show="!bigclk" class="div-model-b">
<div class="title mzjgtab">
<span @click="mzjgchange(1)" :class="mzjg==1?'mzjgclk':''">门诊</span><span @click="mzjgchange(2)" :class="mzjg==2?'mzjgclk':''">机构</span>
</div>
<!-- v-if="mzjg==1" 在门诊高亮的状态下显示 -->
<div class="div-model-echarts div-model-echarts2" v-if="mzjg==1">
<div class="etitle1 spanline" @click="gotolist()">累计费用分析</div>
<div class="ecp01" @click="changeTabName(1)" :class="isgy==1?'clk':''">社区</div>
<div class="ecp02" @click="changeTabName(2)" :class="isgy==2?'clk':''">二级</div>
<div class="ecp03" @click="changeTabName(3)" :class="isgy==3?'clk':''">三级</div>
<div class="etitle2">累计人均就诊分析</div>
<div class="etotal01">合计</div>
<div class="etotal02 spanline" @click="gotolist()">组合内</div>
<div class="etotal03 spanline" @click="gotolist()">签约社区</div>
<el-table :header-cell-style="headerStyle2" :fit="true" :cell-style="cellStyle2" height="130" :row-class-name="tableRowClassName"
:data="Gradedatalist">
<el-table-column prop="name" label="就诊·人/同·%">
<template slot-scope="scope">
{{scope.row.JZRS}}/{{scope.row.JZRS_TBL=='-'?'-':Math.abs(nullreturn(scope.row.JZRS_TBL))}}
<i :class="scope.row.JZRS_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i>
</template>
</el-table-column>
<el-table-column prop="province" label="人均·次/同·%">
<template slot-scope="scope">
{{scope.row.JZCS}}/{{scope.row.JZCS_TBL=='-'?'-':Math.abs(nullreturn(scope.row.JZCS_TBL))}}
<i :class="scope.row.JZCS_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i>
</template>
</el-table-column>
<el-table-column prop="pepole" label="人均·元/同·%">
<template slot-scope="scope">
{{scope.row.JZFY}}/{{scope.row.JZFY_TBL=='-'?'-':Math.abs(nullreturn(scope.row.JZFY_TBL))}}
<i :class="scope.row.JZFY_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i>
</template>
</el-table-column>
<el-table-column prop="city" label="人均药·元/同·%">
<template slot-scope="scope">
{{scope.row.JZYF}}/{{scope.row.JZYF_TBL=='-'?'-':Math.abs(nullreturn(scope.row.JZYF_TBL))}}
<i :class="scope.row.JZYF_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i>
</template>
</el-table-column>
</el-table>
<el-table :header-cell-style="headerStyle2" :fit="true" :cell-style="cellStyle2" height="130" :row-class-name="tableRowClassName"
:data="Visitanalysisdatalist">
<el-table-column prop="name" label="目标/时值·%">
<template slot-scope="scope">
{{scope.row.MBL}}/{{scope.row.SJL}}
</template>
</el-table-column>
<el-table-column prop="province" label="目标/去年·次">
<template slot-scope="scope">
{{scope.row.MBZ}}/{{scope.row.QNZ}}
</template>
</el-table-column>
<el-table-column prop="pepole" label="时值/时标·次">
<template slot-scope="scope">
{{scope.row.ZXZ}}/{{scope.row.BZZ}}
</template>
</el-table-column>
<el-table-column prop="city" label="时值同比·%">
<template slot-scope="scope">
{{scope.row.TBZ=='-'?'-':Math.abs(nullreturn(scope.row.TBZ))}}
<i :class="scope.row.TBZ<0?'el-icon-my-down':'el-icon-my-up'"></i>
</template>
</el-table-column>
</el-table>
</div>
<!-- v-if="mzjg==1" 在门诊高亮的状态下显示 -->
<div class="div-model-table div-model-table2" v-if="mzjg==1">
<div class="tabletitle">
<span @click="changeAll(1)" :class="isall==1?'clk':''">累计费用({{TableName}})</span>
<span :class="isall==2?'clk':''" @click="changeAll(2)">缺陷</span>
<p class="tabtitleright" @click="changesiclkfun(2)" :class="changesiclk==2?'jnsiclk':''" v-if="ifchangesiclkfun">占比</p>
<p class="tabtitleright" @click="changesiclkfun(1)" :class="changesiclk==1?'jnsiclk':''" v-if="ifchangesiclkfun">人均</p>
</div>
<el-table v-show="isall==1 && changesiclk==1" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle"
height="230" :row-class-name="tableRowClassName" :data="Percapitadatalist">
<el-table-column label="序列" width="45">
<template slot-scope="scope"> <span>{{scope.$index + 1}} </span> </template>
</el-table-column>
<el-table-column prop="JZJGJC" :show-overflow-tooltip="true">
<template slot="header" slot-scope="scope">
<div class="spanline spanleft" @click="showMzHospital">医院</div>
</template>
<template slot-scope="scope">
<span class="spanline spanleft" @click="gotolist()">{{scope.row.JZJGJC}}</span>
</template>
</el-table-column>
<el-table-column prop="RJFY" width="100" label="累计人均·千/同·%">
<template slot-scope="scope">
<span class="ycqd_lf testright">
{{scope.row.RJFY}}/{{scope.row.RJFY_TBL=='-'?'-':Math.abs(nullreturn(scope.row.RJFY_TBL))}}
</span>
<span class="sp13"><i :class="scope.row.RJFY_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></span>
</template>
</el-table-column>
<el-table-column prop="RJCS" width="100" label="人均·次/同·%">
<template slot-scope="scope">
<span class="ycqd_lf testright">
{{scope.row.RJCS}}/{{scope.row.RJCS_TBL=='-'?'-':Math.abs(nullreturn(scope.row.RJCS_TBL))}}
</span>
<span class="sp13"><i :class="scope.row.RJCS_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></span>
</template>
</el-table-column>
<el-table-column prop="JZRS" width="55" label="就诊·人">
<template slot-scope="scope">{{scope.row.JZRS}}</template>
</el-table-column>
</el-table>
<el-table v-show="isall==1 && changesiclk==2" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle"
height="230" :row-class-name="tableRowClassName" :data="Percapitadatalist">
<el-table-column prop="name" width="45" label="序列">
<template slot-scope="scope"> <span>{{scope.$index + 1}} </span> </template>
</el-table-column>
<el-table-column prop="province" width="90">
<template slot="header" slot-scope="scope">
<div class="spanline spanleft" @click="showMzHospital">医院</div>
</template>
<template slot-scope="scope">
<span class="spanline spanleft" @click="gotolist()">{{scope.row.JZJGJC}}</span>
</template>
</el-table-column>
<el-table-column prop="city" label="累计就诊·次">
<template slot-scope="scope">{{scope.row.JZCS}}</template>
</el-table-column>
<el-table-column prop="address" label="社区就诊占·%">
<template slot-scope="scope">{{scope.row.JZCS_TJZB}}</template>
</el-table-column>
<el-table-column prop="pepole" label="所有就诊占·%">
<template slot-scope="scope">{{scope.row.JZCS_ZB}}</template>
</el-table-column>
</el-table>
<el-table v-show="isall==2" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle" height="230"
:row-class-name="tableRowClassName" :data="Outpatientdefectsdatalist">
<el-table-column prop="name" width="45" label="序列">
<template slot-scope="scope"> <span>{{scope.$index + 1}} </span> </template>
</el-table-column>
<el-table-column prop="XM" width="90" label="患者姓名">
<template slot-scope="scope">
<p @click="toMember(scope.row.SFZH)" class="spanline">{{scope.row.XM}}</p>
</template>
</el-table-column>
<el-table-column prop="NL" label="年龄"></el-table-column>
<el-table-column prop="MZFY" :render-header="renderHeader"></el-table-column>
<el-table-column prop="JZCS" label="就诊·次"></el-table-column>
</el-table>
</div>
<div v-show="mzjg==2" id="dmodel-echarts"></div>
<div class="div-model-table div-model-table2" v-show="mzjg==2">
<div class="tabletitle">
<span @click="changeAll(1)" :class="isall==1?'clk':''">机构人均</span>
<span @click="changeAll(2)" :class="isall==2?'clk':''">机构异常</span>
</div>
<el-table v-show="isall==1" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle" height="230"
:row-class-name="tableRowClassName" :data="Institutionalperdatalist">
<el-table-column label="序列" width="45">
<template slot-scope="scope"> <span>{{scope.$index + 1}} </span> </template>
</el-table-column>
<el-table-column prop="JZJGMC" :show-overflow-tooltip="true">
<template slot="header" slot-scope="scope">
<div class="spanline spanleft" @click="showMzHospital">医院</div>
</template>
<template slot-scope="scope">
<span class="spanline spanleft" @click="gotolist()">{{scope.row.JZJGJC}}</span>
</template>
</el-table-column>
<el-table-column width="100" label="累计人均·千/同·%">
<template slot-scope="scope">
<span class="ycqd_lf testright">
{{scope.row.RJFY}}/{{scope.row.RJFY_TBL=='-'?'-':Math.abs(nullreturn(scope.row.RJFY_TBL))}}
</span>
<span class="sp13"><i :class="scope.row.RJFY_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></span>
</template>
</el-table-column>
<el-table-column prop="RJCS_TBL" width="100" label="人均·/同·%">
<template slot-scope="scope">
<span class="ycqd_lf testright">
{{scope.row.RJCS}}/{{scope.row.RJCS_TBL=='-'?'-':Math.abs(nullreturn(scope.row.RJCS_TBL))}}
</span>
<span class="sp13"><i :class="scope.row.RJCS_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></span>
</template>
</el-table-column>
<el-table-column prop="JZRS" width="55" label="就诊·人"></el-table-column>
</el-table>
<el-table v-show="isall==2" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle" height="230"
:row-class-name="tableRowClassName" :data="Institutionalabndatalist">
<el-table-column width="45" label="序列">
<template slot-scope="scope"> <span>{{scope.$index + 1}} </span> </template>
</el-table-column>
<el-table-column prop="JZJGMC" :show-overflow-tooltip="true" width="100">
<template slot="header" slot-scope="scope">
<div class="spanline spanleft" @click="showHospitalAnalysis">医院</div>
</template>
<template slot-scope="scope">
<span class="spanline spanleft" @click="gotolist()">{{scope.row.JZJGMC}}</span>
</template>
</el-table-column>
<el-table-column prop="CBFY" width="120" label="超标费用·/同·%">
<template slot-scope="scope">
<span class="ycqd_lf testright">
{{scope.row.CBFY}}/{{scope.row.CBFY_TBL=='-'?'-':Math.abs(nullreturn(scope.row.CBFY_TBL))}}
</span>
<span class="sp13"><i :class="scope.row.CBFY_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></span>
</template>
</el-table-column>
<el-table-column prop="CBCS" label="超标频次/同·%">
<template slot-scope="scope">
<span class="ycqd_lf testright">
{{scope.row.CBCS}}/{{scope.row.CBCS_TBL=='-'?'-':Math.abs(nullreturn(scope.row.CBCS_TBL))}}
</span>
<span class="sp13"><i :class="scope.row.CBCS_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></span>
</template>
</el-table-column>
</el-table>
</div>
</div>
<!-----------内容---------->
<div v-show="bigclk" class="div-model-b">
<div class="title">机构</div>
<div id="leiji-echarts"></div>
<div class="div-model-table div-model-table2">
<div class="tabletitle">
<span @click="changeAll2(1)" :class="isalla==1?'clk':''">机构人均</span>
<span @click="changeAll2(2)" :class="isalla==2?'clk':''">机构异常</span>
<span @click="changeAll2(3)" :class="isalla==3?'clk':''">缺陷</span>
</div>
<el-table v-show="isalla==1" :header-cell-style="headerStyle2" :fit="true" :cell-style="cellStyle2" height="230"
:row-class-name="tableRowClassName" :data="hdatalist">
<el-table-column prop="name" width="35" label="序列"><template slot-scope="scope"><span>{{scope.$index + 1}}
</span></template></el-table-column>
<el-table-column prop="JZJGMC" :show-overflow-tooltip="true" width="80">
<template slot="header" slot-scope="scope">
<div class="spanline spanleft" @click="showZyHospital">医院</div>
</template>
<template slot-scope="scope">
<span>{{scope.row.JZJGMC}}</span>
</template>
</el-table-column>
<el-table-column prop="ZLS" width="80" label="例数"></el-table-column>
<el-table-column prop="ZRS" width="80" label="人数"></el-table-column>
<el-table-column prop="RJFY" label="人均·万元/同·%">
<template slot-scope="scope">
<span class="ycqd_lf testright">
{{scope.row.RJFY}}/{{scope.row.RJFY_TBL=='-'?'-':Math.abs(nullreturn(scope.row.RJFY_TBL))}}
</span>
<span class="sp13"><i :class="scope.row.RJFY_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></span>
</template>
</el-table-column>
</el-table>
<el-table v-show="isalla==2" :header-cell-style="headerStyle2" :fit="true" :cell-style="cellStyle2" height="230"
:row-class-name="tableRowClassName" :data="hdatalist2">
<el-table-column prop="name" width="35" label="序列">
<template slot-scope="scope">
<span>{{scope.$index + 1}} </span>
</template>
</el-table-column>
<el-table-column prop="JZJGMC" :show-overflow-tooltip="true" width="80" label="医院">
<template slot="header" slot-scope="scope">
<div class="spanline spanleft" @click="showZyHospital">医院</div>
</template>
<template slot-scope="scope">
<span class="spanline spanleft">{{scope.row.JZJGMC}}</span>
</template>
</el-table-column>
<el-table-column prop="ZLS" width="80" label="例数">
<template slot-scope="scope">
<span>{{scope.row.ZLS}} </span>
</template>
</el-table-column>
<el-table-column prop="YCRC" width="80" label="人数"></el-table-column>
<el-table-column prop="RJFY" label="人均·万元/同·%">
<template slot-scope="scope">
<span class="ycqd_lf testright">
{{scope.row.RJFY}}/{{scope.row.RJFY_TBL=='-'?'-':Math.abs(nullreturn(scope.row.RJFY_TBL))}}
</span>
<span class="sp13"><i :class="scope.row.RJFY_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></span>
</template>
</el-table-column>
</el-table>
<el-table v-show="isalla==3" :header-cell-style="headerStyle2" :fit="true" :cell-style="cellStyle2" height="230"
:row-class-name="tableRowClassName" :data="hdatalist3">
<el-table-column prop="name" width="35" label="序列">
<template slot-scope="scope">
<span>{{scope.$index + 1}} </span>
</template>
</el-table-column>
<el-table-column prop="XM" width="50" label="患者姓名">
<template slot-scope="scope">
<p @click="toMember(scope.row.SFZH)" class="spanline">{{scope.row.XM}}</p>
</template>
</el-table-column>
<el-table-column prop="NL" width="50" label="年龄"></el-table-column>
<el-table-column prop="ZDZSDJ_PLD" label="指单·偏·%"></el-table-column>
<el-table-column prop="ZFY" label="住院总费用·元"></el-table-column>
</el-table>
</div>
</div>
<div v-show="isyy" @click="yyshow" class="yydiv"></div>
<!-- 门诊费用弹出层 -->
<div class="outService" v-if="showouser">
<p class="pservice">累计人均门诊</p>
<div class="rightbox rightbox2">
<div class="rbiteml rbitem2">
<div class="rbitemlinner2">就诊·次</div>
<div class="rbitemlinner2">累计费用·元</div>
<div class="rbitemlinner2">累计药费·元</div>
</div>
<div class="rbitemr">
<div class="rrline">
<div class="rrmodel">
<p>社区</p>
<p>实值/占·%同·%</p>
</div>
<div class="rrmodel">
<p>二级</p>
<p>实值/占·%同·%</p>
</div>
<div class="rrmodel">
<p>三级</p>
<p>实值/占·%同·%</p>
</div>
</div>
<div v-for="item in Cumpercapvisdatalist" :key="item.index" class="rrmodelbot">
<p>{{item.JZCS}} / {{item.JZCS_ZB}} / {{item.JZCS_TBL=='-'?'-':Math.abs(nullreturn(item.JZCS_TBL))}}<i
:class="item.JZCS_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></p>
<p>{{item.JZFY}} / {{item.JZFY_ZB}} / {{item.JZFY_TBL=='-'?'-':Math.abs(nullreturn(item.JZFY_TBL))}}<i
:class="item.JZFY_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></p>
<p>{{item.JZYF}} / {{item.JZYF_ZB}} / {{item.JZYF_TBL=='-'?'-':Math.abs(nullreturn(item.JZYF_TBL))}}<i
:class="item.JZYF_TBL<0?'el-icon-my-down':'el-icon-my-up'"></i></p>
</div>
</div>
</div>
<div style="clear: both;"></div>
<div class="outServicewords">占比 = 当前医院级别累计人均门诊费用(次数)/累计人均门诊总费用(次数)*100%</div>
</div>
<!-- 点击问号弹出层 -->
<div class="explainbox" v-if="explain">
<div class="explainboxtitle"><span>累计就诊人均门诊费用标准</span></div>
<div class="explainboxtcontent">
<div class="explainboxtcontentleft">
<i class="icls"></i>说明
</div>
<div class="explainboxtcontentright">
<span>全年人均累计就诊费用为4839元,4月份 时标为 1613元,计算公式=(4839/12)*4</span>
</div>
</div>
</div>
</div>
</template> </template>
<script> <script>
import {home,getPageData} from 'api/home'
import PageHeader from "components/common/header/PageHeader";
import SideNavbar from "components/common/sideNavbar/SideNavbar";
export default { export default {
name: "VisitAnalysis" components: {
} PageHeader,
</script> SideNavbar
},
name: 'VisitAnalysis',
data() {
return {
token: '',
hdatalist: [],
hdatalist2: [],
hdatalist3: [],
loginMsg: {},
isalla: 1,
bigclk: true,
yname: '',
para01: 1,
para02: 2,
yzback: false,
para03: 3,
para04: 4,
para05: 5,
para06: 6,
para07: 7,
para08: 8,
para09: 9,
para10: 10,
para11: 11,
para12: 12,
para13: 13,
para14: 14,
para15: 15,
para16: 16,
para17: 17,
para18: 18,
para19: 19,
para20: 20,
para21: 21,
para22: 22,
para23: 23,
para24: 24,
para25: 25,
para26: 26,
para27: 27,
para28: 28,
para29: 29,
para30: 30,
para31: 31,
para32: 32,
para33: 33,
para34: 34,
para35: 35,
para36: 36,
para37: 37,
para38: 38,
para39: 39,
jctxt: '150',
loginID: '',
Visitdatalist: [],
Gradedatalist: [],
Visitanalysisdatalist: [],
Percapitadatalist: [],
Outpatientdefectsdatalist: [],
Institutionalperdatalist: [],
Institutionalabndatalist: [],
Cumpercapvisdatalist: [],
isgy: 1,
isall: 1,
loading: false,
isyy: false,
explain: false, // 用于显示或隐藏问号弹出层
showouser: false, // 用于显示或隐藏门诊费用弹出层
TableName: '社区', // 用于切换右侧的表头名字
ifchangesiclkfun: true, // 控制人均/占比 的隐藏与显示
mzjg: 1, //控制左侧门诊或机构 的高亮显示
changesiclk: 1, //控制人均或占比 的高亮显示
option4: {
tooltip: {
position: [20, 20],
padding: 10,
trigger: 'axis',
formatter: function(params) {
// console.log(params.length)
// console.log('打印params长度')
// console.log(params)
var res = "<div class='ectabletitle'>";
res += params[0].axisValue + "</div>";
res += "<ul class='ectable01'>";
res += "<li class='li05'>累计就诊次数：" + params[0].data.value + "次<li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[0].data.val + "%</li>";
res += "<li>"
if (params[0].data.val1 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "&nbsp;<li class='li05'>人均就诊次数：" + params[1].data.value + "次<li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[1].data.val + "%</li>";
res += "<li>"
if (params[1].data.val1 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "</ul>";
res += "<ul class='ectable01'>";
res += "<li class='li05'>累计总费用：" + params[2].data.value + "元<li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[2].data.val + "%</li>";
res += "<li>"
if (params[2].data.val1 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "&nbsp;<li class='li05'>累计人均费用：" + params[3].data.value + "元<li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[3].data.val + "%</li>";
res += "<li>"
if (params[3].data.val1 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "</ul>";
res += "<ul class='ectable01'>";
res += "<li class='li05'>累计药品费用：" + params[4].data.value + "元</li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[4].data.val0 + "%</li>";
res += "<li>"
if (params[4].data.val1 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "&nbsp;<li class='li05'>累计人均药品费用：" + params[4].data.val2 + "元<li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[4].data.val3 + "%</li>";
res += "<li>"
if (params[4].data.val4 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "</ul>";
return res
}
},
dataZoom: {
start: 0, //默认为0
end: 50, //默认为100
type: 'slider',
show: true,
xAxisIndex: [0],
handleSize: 20, //滑动条的 左右2个滑动条的大小
height: 5, //组件高度
left: 50, //左边的距离
right: 50, //右边的距离
bottom: 40, //右边的距离
backgroundColor: '#ccc', //两边未选中的滑动条区域的颜色
showDataShadow: true, //是否显示数据阴影 默认auto
handleStyle: {
borderColor: "#CBBCDB",
borderWidth: "1",
shadowBlur: 1,
background: "#000",
shadowColor: "#000",
},
filterMode: 'filter',
},
legend: {
textStyle: {
color: '#8393A9',
fontSize: 10,
},
left: 22,
width: 380,
top: '0',
itemHeight: 12,
itemWidth: 14,
itemGap: 5,
height: 56,
data: ["累计人家费用/同期", "累计人均药品费用/同期", "累计人均费用同比", "累计人均药品费用同比", "累计人均就诊次数同比"],
align: 'left',
selectedMode: false
},
grid: {
top: 80,
bottom: 40,
left: 50,
right: 50
},
xAxis: [{
type: 'category',
data: [],
axisLine: {
lineStyle: {
color: '#8393A9',
type: 'solid',
}
},
axisLabel: {
interval: 0,
rotate: 35,
textStyle: {
fontSize: 10,
color: function(value, index) {
return '#8393A9';
}
}
},
splitLine: {
show: false,
onZero: false
},
axisTick: {
show: false
},
}],
yAxis: [{
type: 'value',
name: '数量(万)',
min: 0,
axisLabel: {
textStyle: {
color: '#8393A9',
type: 'solid'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#8393A9',
type: 'solid'
}
},
splitLine: {
show: false
},
axisTick: {
show: false
}
},
{
type: 'value',
name: '%',
max: 100,
min: 0,
splitNumber: 5,
axisLabel: {
textStyle: {
color: function(value, index) {
return '#747d8d'
},
type: 'solid'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#8393A9',
type: 'solid'
}
},
splitLine: {
show: false
},
axisTick: {
show: false
},
}
],
dataZoom: [{
type: 'inside',
startValue: 0,
filterMode: 'empty',
endValue: 14
}],
series: [{
name: '累计人家费用/同期',
type: 'bar',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#2f5298'
},
{
offset: 0.5,
color: '#2f5298'
},
{
offset: 0.5,
color: '#4093E9'
},
{
offset: 1,
color: '#4093E9'
}
]
)
}
},
data: [],
barWidth: 8,
},
{
name: '累计人均药品费用/同期',
type: 'bar',
barWidth: 8,
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
},
{
offset: 0.5,
color: '#36eed6'
},
{
offset: 1,
color: '#36eed6'
}
]
)
}
},
data: []
},
{
name: '累计人均费用同比',
type: 'line',
symbol: 'circle',
yAxisIndex: 1,
itemStyle: {
normal: {
color: '#36eed6'
}
},
lineStyle: {
normal: {
color: '#36eed6'
}
},
data: []
},
{
name: '累计人均药品费用同比',
type: 'line',
yAxisIndex: 1,
symbol: 'circle',
itemStyle: {
normal: {
color: '#dd5404'
}
},
lineStyle: {
normal: {
color: '#dd5404'
}
},
data: []
},
{
name: '累计人均就诊次数同比',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
itemStyle: {
normal: {
color: '#ffc965'
}
},
lineStyle: {
normal: {
color: '#ffc965'
}
},
data: [],
}
]
},
option5: {
tooltip: {
position: [20, 20],
padding: 10,
trigger: 'axis',
formatter: function(params) {
// console.log(params)
var res = "<div class='ectabletitle'>";
res += params[0].axisValue + "</div>";
res += "<ul class='ectable01'>";
res += "<li class='li05'>人均费用：" + params[0].data.value + "万元<li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[0].data.val + "%</li>";
res += "<li>"
if (params[0].data.val1 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "</ul>";
res += "<ul class='ectable01'>";
res += "<li class='li05'>人均药品费用：" + params[1].data.value + "元<li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[1].data.val + "%</li>";
res += "<li>"
if (params[1].data.val1 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "</ul>";
res += "<ul class='ectable01'>";
res += "<li class='li05'>人均耗材费用：" + params[2].data.value + "元</li>";
res += "<li><span class='tag-circle'>同</span></li>";
res += "<li class='li01'>" + params[2].data.val + "%</li>";
res += "<li>"
if (params[2].data.val1 < 0) {
res += " <i class='el-icon-my-down'></i> ";
} else {
res += " <i class='el-icon-my-up'></i> ";
} + "</li>";
res += "</ul>";
return res
}
},
dataZoom: {
start: 0, //默认为0
end: 50, //默认为100
type: 'slider',
show: true,
xAxisIndex: [0],
handleSize: 20, //滑动条的 左右2个滑动条的大小
height: 5, //组件高度
left: 50, //左边的距离
right: 50, //右边的距离
bottom: 40, //右边的距离
backgroundColor: '#ccc', //两边未选中的滑动条区域的颜色
showDataShadow: true, //是否显示数据阴影 默认auto
handleStyle: {
borderColor: "#CBBCDB",
borderWidth: "1",
shadowBlur: 1,
background: "#000",
shadowColor: "#000",
},
filterMode: 'filter',
},
legend: {
textStyle: {
color: '#8393A9',
fontSize: 10,
},
left: 22,
width: 380,
top: '0',
itemHeight: 12,
itemWidth: 14,
itemGap: 5,
height: 56,
data: ["住院费用/同期", "药品费用/同期", "耗材费用/同期", "总费用同比", "药费同比", "耗费同比"],
align: 'left',
selectedMode: false
},
grid: {
top: 80,
bottom: 40,
left: 50,
right: 50
},
xAxis: [{
type: 'category',
data: [],
axisLine: {
lineStyle: {
color: '#8393A9',
type: 'solid',
}
},
axisLabel: {
interval: 0,
rotate: 35,
textStyle: {
fontSize: 10,
color: function(value, index) {
return '#8393A9';
}
}
},
splitLine: {
show: false,
onZero: false
},
axisTick: {
show: false
},
}],
yAxis: [{
type: 'value',
name: '数量(万)',
min: 0,
axisLabel: {
textStyle: {
color: '#8393A9',
type: 'solid'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#8393A9',
type: 'solid'
}
},
splitLine: {
show: false
},
axisTick: {
show: false
}
},
{
type: 'value',
name: '%',
max: 100,
min: 0,
splitNumber: 5,
axisLabel: {
textStyle: {
color: function(value, index) {
return '#747d8d'
},
type: 'solid'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#8393A9',
type: 'solid'
}
},
splitLine: {
show: false
},
axisTick: {
show: false
},
}
],
dataZoom: [{
type: 'inside',
startValue: 0,
filterMode: 'empty',
endValue: 14
}],
series: [{
name: '住院费用/同期',
type: 'bar',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#2f5298'
},
{
offset: 0.5,
color: '#2f5298'
},
{
offset: 0.5,
color: '#2680ff'
},
{
offset: 1,
color: '#2680ff'
}
]
)
}
},
data: [],
barWidth: 8,
},
{
name: '药品费用/同期',
type: 'bar',
barWidth: 8,
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#336b84'
},
{
offset: 0.5,
color: '#336b84'
},
{
offset: 0.5,
color: '#36f2d8'
},
{
offset: 1,
color: '#36f2d8'
}
]
)
}
},
data: []
},
{
name: '耗材费用/同期',
type: 'bar',
barWidth: 8,
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#7f4559'
},
{
offset: 0.5,
color: '#7f4559'
},
{
offset: 0.5,
color: '#cc4943'
},
{
offset: 1,
color: '#cc4943'
}
]
)
}
},
data: []
},
{
name: '总费用同比',
type: 'line',
symbol: 'circle',
barWidth: 8,
lineStyle: {
normal: {
color: '#36f2d8'
}
},
itemStyle: {
normal: {
color: '#36f2d8'
}
},
data: []
},
{
name: '药费同比',
type: 'line',
yAxisIndex: 1,
symbol: 'circle',
lineStyle: {
normal: {
color: '#d35209'
}
},
itemStyle: {
normal: {
color: '#d35209'
}
},
data: [],
},
{
name: '耗费同比',
type: 'line',
yAxisIndex: 1,
symbol: 'circle',
lineStyle: {
normal: {
color: '#fac565'
}
},
itemStyle: {
normal: {
color: '#fac565'
}
},
z: 12,
data: [],
}
]
},
detelist: {},
hzpoints: [],
nowdate: "201907",
selectTime: '2020-05',
numbers: "01",
tableData2: [],
tableData: []
}
},
methods: {
//累计就诊人均门诊费用数据接口
initHome() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-jz-ljfy",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode
}
getPageData(token, param).then(res => {
// console.log(res)
this.para01 = 0
this.para02 = 0
this.para03 = 0
this.para04 = 0
this.para05 = 0
this.para06 = 0
this.para07 = 0
this.para08 = 0
this.para09 = 0
this.para10 = 0
this.para11 = 0
this.para12 = 0
this.para13 = 0
this.para14 = 0
this.para15 = 0
this.para16 = 0
this.para17 = 0
this.para18 = 0
this.para19 = 0
this.para20 = 0
this.para21 = 0
this.para22 = 0
this.para23 = 0
this.para24 = 0
this.para25 = 0
this.para26 = 0
this.para27 = 0
this.para28 = 0
this.para29 = 0
this.para30 = 0
this.para31 = 0
this.para32 = 0
this.para33 = 0
this.para34 = 0
this.para35 = 0
this.para36 = 0
this.para37 = 0
this.para38 = 0
this.para39 = 0
if (res.code == 1 && res.data.length > 0) {
this.para01 = res.data[0].RJMZFY
this.para02 = res.data[0].RJMZFY_TBZ
this.para03 = res.data[0].RJMZFY_TBL
this.para04 = res.data[0].RJMZFY_PLD
this.para05 = res.data[0].JZRS
this.para06 = res.data[0].JZRS_TBZ
this.para07 = res.data[0].JZRS_TBL
this.para08 = res.data[0].JZCS
this.para09 = res.data[0].JZCS_TBZ
this.para10 = res.data[0].JZCS_TBL
this.para11 = res.data[0].RJJZCS
this.para12 = res.data[0].RJJZCS_TBZ
this.para13 = res.data[0].RJJZCS_TBL
this.para14 = res.data[0].RJJZCS_PLD
this.para15 = res.data[0].RJZYFY
this.para16 = res.data[0].RJZYFY_TBZ
this.para17 = res.data[0].RJZYFY_TBL
this.para18 = res.data[0].ZYRS
this.para19 = res.data[0].ZYRS_TBZ
this.para20 = res.data[0].ZYRS_TBL
this.para21 = res.data[0].ZYL
this.para22 = res.data[0].SJFY
this.para23 = res.data[0].SJFY_TBZ
this.para24 = res.data[0].SJFY_TBL
this.para25 = res.data[0].SJZSDJ
this.para26 = res.data[0].SJZSDJ_BZZ
this.para27 = res.data[0].SJZSDJ_PLD
this.para28 = res.data[0].EJFY
this.para29 = res.data[0].EJFY_TBZ
this.para30 = res.data[0].EJFY_TBL
this.para31 = res.data[0].EJZSDJ
this.para32 = res.data[0].EJZSDJ_BZZ
this.para33 = res.data[0].EJZSDJ_PLD
this.para34 = res.data[0].SQFY
this.para35 = res.data[0].SQFY_TBZ
this.para36 = res.data[0].SQFY_TBL
this.para37 = res.data[0].SQCR
this.para38 = res.data[0].SQCR_BZZ
this.para39 = res.data[0].SQCR_PLD
this.Visitdatalist = res.data[0]
// console.log(this.Visitdatalist)
}
})
},
//费用-就诊-门诊接口
initsignup() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-jz-mzljfyfx",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"jglx": "",
}
}
getPageData(token, param).then(res => {
// console.log('费用-就诊-门诊接口');
// console.log(res);
this.Gradedatalist = []
if (res.code == 1 && res.data.length > 0) {
res.data.forEach((item, index) => {
res.data[index].JZRS_TBL = getActiveNum(item.JZRS_TBL)
res.data[index].JZCS = getActiveNum(item.JZCS)
res.data[index].JZCS_TBL = getActiveNum(item.JZCS_TBL)
res.data[index].JZFY = getActiveNum(item.JZFY)
res.data[index].JZFY_TBL = getActiveNum(item.JZFY_TBL)
res.data[index].JZYF = getActiveNum(item.JZYF)
res.data[index].JZYF_TBL = getActiveNum(item.JZYF_TBL)
this.Gradedatalist = res.data
})
}
})
},
yzbackto() {
this.$router.push('/YSigning');
},
// 费用-就诊-门诊分析接口
initsigndown() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-qy-ljrjjzfx",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"jzlx": "",
}
}
getPageData(token, param).then(res => {
// console.log('费用-就诊-门诊接口');
// console.log(res);
this.Visitanalysisdatalist = []
if (res.code == 1 && res.data.length > 0) {
res.data.forEach((item, index) => {
res.data[index].MBL = getActiveNum(item.MBL)
res.data[index].SJL = getActiveNum(item.SJL)
res.data[index].MBZ = getActiveNum(item.MBZ)
res.data[index].QNZ = getActiveNum(item.QNZ)
res.data[index].ZXZ = getActiveNum(item.ZXZ)
res.data[index].BZZ = getActiveNum(item.BZZ)
res.data[index].TBZ = getActiveNum(item.TBZ)
this.Visitanalysisdatalist = res.data
})
}
})
},
// 费用-就诊-门诊右侧列表接口
initsignright() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-jz-mz-zy-ljfyfx",
// "tjsj": "201907",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"jglx": this.isgy,
"pageIndex": 1,
"pageSize": 10
}
}
getPageData(token, param).then(res => {
// console.log('费用-就诊-门诊右侧列表接口');
// console.log(res);
this.Percapitadatalist = []
if (res.code == 1 && res.data.listData.length > 0) {
res.data.listData.forEach((item, index) => {
res.data.listData[index].RJFY = getActiveNum(item.RJFY / 1000)
res.data.listData[index].RJFY_TBL = getActiveNum(item.RJFY_TBL)
res.data.listData[index].RJCS = getActiveNum(item.RJCS)
res.data.listData[index].RJCS_TBL = getActiveNum(item.RJCS_TBL)
res.data.listData[index].JZCS_TJZB = getActiveNum(item.JZCS_TJZB)
res.data.listData[index].JZCS_ZB = getActiveNum(item.JZCS_ZB)
this.Percapitadatalist = res.data.listData
})
}
})
},
// 费用-就诊-门诊右侧列表缺陷接口
initsignrightdec() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-qy-mzfyqx",
// "tjsj": "201907",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"pageIndex": 1,
"pageSize": 10
}
}
getPageData(token, param).then(res => {
// console.log('费用-就诊-门诊右侧列表缺陷接口');
// console.log(res);
if (res.code == 1 && res.data.listData.length > 0) {
res.data.listData.forEach((item, index) => {
res.data.listData[index].MZFY = getActiveNum(item.MZFY)
this.Outpatientdefectsdatalist = res.data.listData
})
}
})
},
// 费用-就诊-机构-机构人均列表接口
institutionalper() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-jz-mz-jgrj",
// "tjsj": "201907",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"jglx": "",
"pageIndex": 1,
"pageSize": 10
}
}
let datax = []
let datay01 = []
let datay02 = []
let datay03 = []
let datay04 = []
let datay05 = []
let datay06 = []
getPageData(token, param).then(res => {
// console.log('费用-就诊-机构-机构人均列表接口');
// console.log(res);
if (res.code == 1 && res.data.listData.length > 0) {
res.data.listData.forEach((item, index) => {
res.data.listData[index].JZCS = getActiveNum(item.JZCS)
res.data.listData[index].JZCS_TBZ = getActiveNum(item.JZCS_TBZ)
res.data.listData[index].RJCS = getActiveNum(item.RJCS)
res.data.listData[index].RJCS_TBL = getActiveNum(item.RJCS_TBL)
res.data.listData[index].MZFY = getActiveNum(item.MZFY)
res.data.listData[index].MZFY_TBL = getActiveNum(item.MZFY_TBL)
res.data.listData[index].RJFY = getActiveNum(item.RJFY / 1000)
res.data.listData[index].RJFY_TBL = getActiveNum(item.RJFY_TBL)
res.data.listData[index].MZYF = getActiveNum(item.MZYF)
res.data.listData[index].MZYF_TBL = getActiveNum(item.MZYF_TBL)
res.data.listData[index].RJYF = getActiveNum(item.RJYF)
res.data.listData[index].RJYF_TBL = getActiveNum(item.RJYF_TBL)
this.Institutionalperdatalist = res.data.listData
datax.push(item.JZJGJC)
let obj1 = {
value: 0,
val: 0,
val1: 0
}
obj1.value = item.JZCS
obj1.val = item.JZCS_TBZ == '-' ? '-' : Math.abs(getActiveNum(item.JZCS_TBZ))
obj1.val1 = item.JZCS_TBZ
datay01.push(obj1)
let obj2 = {
value: 0,
val: 0,
val1: 0
}
obj2.value = item.RJCS
obj2.val = item.RJCS_TBL == '-' ? '-' : Math.abs(getActiveNum(item.RJCS_TBL))
obj2.val1 = item.RJCS_TBL
datay02.push(obj2)
let obj3 = {
value: 0,
val: 0,
val1: 0
}
obj3.value = item.MZFY
obj3.val = item.MZFY_TBL == '-' ? '-' : Math.abs(getActiveNum(item.MZFY_TBL))
obj3.val1 = item.MZFY_TBL
datay03.push(obj3)
let obj4 = {
value: 0,
val: 0,
val1: 0
}
obj4.value = item.RJFY
obj4.val = item.RJFY_TBL == '-' ? '-' : Math.abs(getActiveNum(item.RJFY_TBL))
obj4.val1 = item.RJFY_TBL
datay04.push(obj4)
let obj5 = {
value: 0,
val0: 0,
val1: 0,
val2: 0,
val3: 0,
val4: 0
}
obj5.value = item.MZYF
obj5.val0 = item.MZYF_TBL == '-' ? '-' : Math.abs(getActiveNum(item.MZYF_TBL))
obj5.val1 = item.MZYF_TBL
obj5.val2 = item.RJYF
obj5.val3 = item.RJYF_TBL == '-' ? '-' : Math.abs(getActiveNum(item.RJYF_TBL))
obj5.val4 = item.RJYF_TBL
datay05.push(obj5)
})
// console.log('----------')
// console.log(datay02)
// console.log('----------')
this.option4.xAxis[0].data = datax
this.option4.series[0].data = datay01
this.option4.series[1].data = datay02
this.option4.series[2].data = datay03
this.option4.series[3].data = datay04
this.option4.series[4].data = datay05
this.$echarts.init(document.getElementById("dmodel-echarts")).setOption(this.option4, true)
}
})
},
// 费用-就诊-机构-机构异常列表接口
institutionalabn() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-jz-mz-jgyc",
// "tjsj": "201907",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"pageIndex": 1,
"pageSize": 10
}
}
getPageData(token, param).then(res => {
// console.log('费用-就诊-机构-机构异常列表接口');
// console.log(res);
if (res.code == 1) {
res.data.listData.forEach((item, index) => {
res.data.listData[index].CBFY = getActiveNum(item.CBFY)
res.data.listData[index].CBFY_TBL = getActiveNum(item.CBFY_TBL)
res.data.listData[index].CBCS_TBL = getActiveNum(item.CBCS_TBL)
this.Institutionalabndatalist = res.data.listData
})
}
})
},
toMember(param) {
// console.log('sss')
localStorage.setItem('backUrl', 'Sign');
this.$router.push('/Member?sfz=' + param);
//this.$router.push({Member: '/login?url=' + this.$route.path});
},
// 费用-就诊-住院机构列表接口
hospitalJg() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-jz-zy-jgrj",
// "tjsj": "201907",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"jglx": null, //--机构类型（1=一级/2=二级/3=三级） 默认查询所有
"pageSize": 10, //--每页显示数据条数
"pageIndex": 1 //--当前页码
}
}
let datax = []
let datay01 = []
let datay02 = []
let datay03 = []
let datay04 = []
let datay05 = []
let datay06 = []
getPageData(token, param).then(res => {
// console.log('费用-就诊-住院机构列表接口*****************');
// console.log(res)
if (res.code == 1 && res.data.listData.length > 0) {
res.data.listData.forEach((item, index) => {
res.data.listData[index].RJFY = getActiveNum(item.RJFY / 10000)
res.data.listData[index].RJFY_TBL = getActiveNum(item.RJFY_TBL)
this.hdatalist = res.data.listData
datax.push(item.JZJGJC)
let obj1 = {
value: 0,
val: 0,
val1: 0
}
obj1.value = getActiveNum(item.RJFY)
obj1.val = item.RJFY_TBL == '-' ? '-' : Math.abs(getActiveNum(item.RJFY_TBL))
obj1.val1 = item.RJFY_TBL
datay01.push(obj1)
let obj2 = {
value: 0,
val: 0,
val1: 0
}
obj2.value = getActiveNum(item.RJYF)
obj2.val = item.RJYF_TBL == '-' ? '-' : Math.abs(getActiveNum(item.RJYF_TBL))
obj2.val1 = item.RJYF_TBL
datay02.push(obj2)
let obj3 = {
value: 0,
val: 0,
val1: 0
}
obj3.value = getActiveNum(item.RJHF)
obj3.val = item.RJHF_TBL == '-' ? '-' : Math.abs(getActiveNum(item.RJHF_TBL))
obj3.val1 = item.RJHF_TBL
datay03.push(obj3)
})
// console.log('----------')
// console.log(datax)
// console.log('----------')
this.option5.xAxis[0].data = datax
this.option5.series[0].data = datay01
this.option5.series[1].data = datay02
this.option5.series[2].data = datay03
this.$echarts.init(document.getElementById("leiji-echarts")).setOption(this.option5, true)
}
})
},
// 费用-就诊-住院机构异常列表接口
hospitalYc() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-jz-zy-jgyc",
// "tjsj": "201907",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"pageSize": 10, //--每页显示数据条数
"pageIndex": 1 //--当前页码
}
}
getPageData(token, param).then(res => {
if (res.code == 1 && res.data.listData.length > 0) {
res.data.listData.forEach((item, index) => {
res.data.listData[index].RJFY = getActiveNum(item.RJFY / 10000)
res.data.listData[index].RJFY_TBL = getActiveNum(item.RJFY_TBL)
this.hdatalist2 = res.data.listData
})
}
})
},
// 费用-就诊-住院机构缺陷列表接口
hospitalQx() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-jz-zy-qx",
// "tjsj": "201907",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"pageSize": 10, //--每页显示数据条数
"pageIndex": 1 //--当前页码
}
}
getPageData(token, param).then(res => {
// console.log('费用-就诊-住院机构缺陷列表接口');
// console.log(res)
if (res.code == 1 && res.data.listData.length > 0) {
res.data.listData.forEach((item, index) => {
res.data.listData[index].ZDZSDJ_PLD = getActiveNum(item.ZDZSDJ_PLD)
res.data.listData[index].ZFY = getActiveNum(item.ZFY)
this.hdatalist3 = res.data.listData
})
}
})
},
// 费用-就诊-累计人均弹窗接口
Cumpercapvis() {
let token = localStorage.getItem('token')
let param = {
"key": "fygl-qy-ljfy-jg",
// "tjsj": "201907",
"tjsj": this.nowdate,
"gpgh": this.loginMsg.gpNumber,
"yljgdm": this.loginMsg.orgCode,
"parameter": {
"jglx": ""
}
}
getPageData(token, param).then(res => {
// console.log('费用-就诊-累计人均弹窗接口');
// console.log(res)
if (res.code == 1 && res.data.length > 0) {
res.data.forEach((item, index) => {
res.data[index].JZCS = getActiveNum(item.JZCS)
res.data[index].JZCS_ZB = getActiveNum(item.JZCS_ZB)
res.data[index].JZCS_TBL = getActiveNum(item.JZCS_TBL)
res.data[index].JZFY = getActiveNum(item.JZFY)
res.data[index].JZFY_ZB = getActiveNum(item.JZFY_ZB)
res.data[index].JZFY_TBL = getActiveNum(item.JZFY_TBL)
res.data[index].JZYF = getActiveNum(item.JZYF)
res.data[index].JZYF_ZB = getActiveNum(item.JZYF_ZB)
res.data[index].JZYF_TBL = getActiveNum(item.JZYF)
this.Cumpercapvisdatalist = res.data
// console.log(this.Cumpercapvisdatalist)
})
}
})
},
yyshow() {
this.isyy = !this.isyy
this.showouser = !this.showouser
},
headerStyle() {
return 'background:rgba(48,56,90,1); border:0; margin:0; padding:0; line-height:26px; color:#6D779A; font-size:12px; text-align:center;font-weight:500;height:30px'
},
cellStyle() {
return 'background:none;color:#fff;border:0; margin:0; padding:0; line-height:26px; color:#AAB1D2; font-size:12px; text-align:center;font-weight:500'
},
cellStyle3() {
return 'background:#35426E;color:#fff;border:0; margin:0; padding:0; line-height:26px; color:#AAB1D2; font-size:12px; text-align:center;font-weight:500'
},
changeAll(param) {
this.isall = param
// 用于点击右侧的缺陷时，隐藏人均与占比
if (param == 1) {
this.ifchangesiclkfun = true
} else {
this.ifchangesiclkfun = false
}
},
changeAll2(param) {
this.isalla = param
},
gotolist() {
this.$router.push('/AnalySign')
},
mzjgchange(num) {
if (num == 1) {
// 用于控制 左侧门诊 机构 的高亮
this.mzjg = 1
} else {
this.mzjg = 2
}
},
tableRowClassName({
row,
rowIndex
}) {
if (rowIndex % 2 == 1) {
return 'warning-row';
} else {
return 'success-row';
}
},
OuttableRowClassName({
row,
rowIndex
}) {
if (rowIndex % 2 == 1) {
return 'warning-row2';
} else {
return 'success-row2';
}
},
headerStyle2() {
return 'background:rgba(48,56,90,1); border:0; margin:0; padding:0; line-height:29px; color:#6D779A; font-size:12px; text-align:center;font-weight:500;'
},
cellStyle2() {
return 'background:none;color:#fff;border:0; margin:0; padding:0; line-height:29px; color:#AAB1D2; font-size:12px; text-align:center;font-weight:500'
},
headerStyle3() {
return 'background:rgba(48,56,90,1); border:0; margin:0; padding:0; line-height:50px; color:#6D779A; font-size:12px; text-align:center;font-weight:500;height:30px;width:140px'
},
hideLoading() {
this.loading = false
},
showLoading() {
this.loading = true
},
dataSearch(value) {
console.log(famartTime2(value));
let val = famartTime2(value)
this.nowdate = val
this.initHome()
this.initsignup()
this.initsigndown()
this.initsignright()
this.initsignrightdec()
this.institutionalper()
this.institutionalabn()
this.hospitalJg()
this.hospitalYc()
this.hospitalQx()
this.Cumpercapvis()
},
exitHome() {
this.$router.push('/Login');
},
linkTo(param) {
if (param == 1) {
this.$router.push('/Signing');
} else if (param == 2) {
this.$router.push('/Cost');
} else if (param == 3) {
this.$router.push('/Achievements');
} else if (param == 4) {
this.$router.push('/Defect');
} else if (param == 5) {
this.$router.push('/Doctor');
} else if (param == 6) {
this.$router.push('/Logs');
} else if (param == 21) {
this.$router.push('/Cost');
} else if (param == 22) {
this.$router.push('/Sign');
}
},
nullreturn(param) {
if (param == null || param == "NaN") {
return '-'
} else {
var num = parseFloat(param);
if (Math.abs(num) < 0.1) { //处理绝对值小于0.1的
num = num.toFixed(2);
} else if ((Math.abs(num) >= 0.1) && (Math.abs(num) <= 0.995)) { //处理绝对值大于等于0.1小于等于0.995的
num = num.toPrecision(2);
} else if (Math.abs(num) >= 999.5) { //处理绝对值大于等于999.5的
num = num.toFixed(0);
} else {
num = num.toPrecision(3);
}
return num
}
},
goExit() {
this.$router.push('/Home');
},
// 用于左侧的点击切换右侧表头内部的文字
changeTabName(num) {
if (num == 1) {
this.TableName = "社区"
this.isgy = num
this.isall = 1
} else if (num == 2) {
this.TableName = "二级"
this.isgy = num
this.isall = 1
} else {
this.TableName = "三级"
this.isgy = num
this.isall = 1
}
this.ifchangesiclkfun = true
this.initsignright()
},
bigCate(param) {
this.bigclk = param
},
question() {
this.explain = !this.explain
},
// 点击切换右部的 人均/占比
changesiclkfun(num) {
this.changesiclk = num
},
showBox(num) {
var e = window.event || arguments.callee.caller.arguments[0];
if (e && e.stopPropagation) {
e.stopPropagation();
if (num == 1) {
this.isyy = true
this.showouser = true
} else {
this.showouser = false
}
} else {
window.event.cancelBubble = true; // 取消冒泡事件
}
},
openCame() {
if (false) {
} else {
this.$message.error('移动APP打开扫一扫');
}
},
renderHeader() {
return ( < div style = "text-decoration: underline;"
on-click = {
() => this.gotoDefect()
} > 门诊总费用· 元 < /div>)
},
gotoDefect() {
this.$router.push('/Defect');
},
showMzHospital() {
this.$router.push('/MzHospitalList');
},
showZyHospital() {
this.$router.push('/ZyHospitalList');
},
showHospitalAnalysis() {
this.$router.push('/HospitalCostAnalysis');
}
},
mounted: function() {
this.token = localStorage.getItem('token')
this.loginMsg = JSON.parse(localStorage.getItem('userinfo'))
if (this.loginMsg.roleCode == 'hcms.APP_SQYZ') {
// console.log('家医数据信息：')
// console.log(this.loginMsg)
this.loginMsg.gpNumber = localStorage.getItem('ygh')
}
this.yname = this.loginMsg.userName
if (this.loginMsg.roleCode == 'hcms.APP_SQYZ') {
this.yzback = true
this.yname = localStorage.getItem('yname')
}
this.nowdate = famartTime2(this.loginMsg.dataTime)
this.bigclk = this.$route.query.jz ? true : false;
this.initHome()
this.initsignup()
this.initsigndown()
this.initsignright()
this.initsignrightdec()
this.institutionalper()
this.institutionalabn()
this.hospitalJg()
this.hospitalYc()
this.hospitalQx()
this.Cumpercapvis()
const obj = setInterval(() => {
const dom = document.getElementById("dmodel-echarts")
if (dom) {
const myChart = this.$echarts.init(dom)
if (this.option4 && typeof this.option4 === "object") {
myChart.setOption(this.option4, true)
}
clearInterval(obj)
}
}, 200)
const obj1 = setInterval(() => {
const dom = document.getElementById("leiji-echarts")
if (dom) {
const myChart = this.$echarts.init(dom)
if (this.option5 && typeof this.option5 === "object") {
myChart.setOption(this.option5, true)
}
clearInterval(obj1)
}
}, 200)
},
}
</script>
<style scoped> <style scoped>
.el-table th.gutter {
display: table-cell !important;
}
.rightbox {
width: 49%;
height: 115px;
float: left;
}
.search /deep/ input {
border: 0;
margin: 0;
height: 30px;
}
.jntemblu {
width: 17px;
height: 17px;
margin-top: 7px;
font-size: 12px;
}
.fl002 {
margin-left: 0;
width: 42%;
}
.fr001 {
width: 57%;
}
#echats1 {
width: 100%;
margin: 0 auto;
height: 260px;
}
.rbiteml {
width: 60px;
height: 99px;
float: left;
padding-top: 31px;
box-sizing: border-box;
}
.rbitemr {
width: 430px;
height: 150px;
float: right;
color: #fff;
box-sizing: border-box;
}
.rrline {
height: 50px;
padding-top: 10px;
}
.rrline .rrmodel {
float: left;
width: 33.333%;
color: #AAB1D2;
line-height: 25px;
height: 50px;
}
.rrmodelbot {
height: 100px;
float: left;
width: 33.33%;
}
.rrmodelbot p {
line-height: 30px;
}
.rrmodelbot p:nth-child(odd) {
background: #303b62;
}
.rbitemlinner1 {
width: 100%;
height: 27px;
color: #AAB1D2;
text-align: left;
padding-left: 10px;
margin-top: 0px;
line-height: 30px;
font-size: 13px;
}
.rbitemlinner2 {
width: 100%;
height: 30px;
color: #AAB1D2;
text-align: left;
padding-left: 10px;
margin-top: 0px;
line-height: 30px;
font-size: 13px;
}
.costbox {
width: 70%;
float: left;
height: 110px;
}
.costboxtitle {
width: 100%;
height: 30px;
}
.costboxcontentl {
width: 50%;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
color: #737DA0;
font-weight: 500;
}
.costboxcontentr {
width: 50%;
height: 30px;
float: right;
text-align: center;
line-height: 30px;
color: #737DA0;
font-weight: 500;
}
.costboxtitlec {
width: 100%;
height: 28px;
}
.costboxtitlecl {
width: 50%;
height: 28px;
float: left;
text-align: center;
line-height: 28px;
color: #AAB1D2;
font-weight: 500;
}
.costboxtitlecr {
width: 50%;
height: 28px;
float: right;
text-align: center;
line-height: 28px;
color: #AAB1D2;
font-weight: 500;
}
#qytexttop {
height: 40px;
}
#leiji-echarts {
width: 450px;
height: 250px;
float: left;
padding-left: 0;
}
.tabtitleright {
width: 25px;
height: 30px;
line-height: 25px;
color: #AAB1D2;
float: right;
margin-right: 12px;
}
.jnsiclk {
color: #266CBF;
text-decoration: underline;
}
.mzjgtab span {
padding: 2px 10px;
font-size: 13px;
border-radius: 2px;
margin-left: 5px;
}
.mzjgclk {
background: #2680FF;
border: 1px solid #2680FF;
color: #fff;
}
#span06 {
font-size: 15px;
}
.outService {
width: 550px;
z-index: 99;
border-radius: 3px;
position: fixed;
top: 190px;
left: 200px;
background: #35426E;
}
.pservice {
background: #3F4E7D;
height: 35px;
line-height: 35px;
text-align: left;
width: 100%;
padding-left: 18px;
color: #A6AED6;
font-size: 15px;
box-sizing: border-box;
}
.rbitem2 {
margin-right: 5px;
height: 160px;
float: left;
padding-top: 62px;
width: 85px;
}
.rightbox2 {
width: 530px;
padding: 9px;
height: 150px;
}
.rightbox2 .tablename4,
.tablename5 {
background: #3C5490;
color: rgb(170, 177, 210);
}
.tablename6 {
background: #35426E;
color: #8891BE;
}
.yydiv {
background: rgba(1, 1, 1, 0.7);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.outServicewords {
font-size: 14px;
color: #AAB1D2;
line-height: 45px;
height: 45px;
text-align: left;
padding-left: 15px;
}
#dmodel-echarts {
width: 450px;
height: 250px;
float: left;
padding-left: 0;
}
.clk {
color: #42CCFF;
}
.qycontentwidth {
width: 100%
}
.explainbox {
width: 350px;
border-radius: 5px;
z-index: 99;
position: fixed;
top: 110px;
left: 93px;
background: rgba(1, 1, 1, 0.8);
padding-bottom: 5px;
}
.explainboxtitle {
width: 90%;
margin: 0 auto;
text-align: left;
border-bottom: 1px solid #ccc;
}
/deep/ .el-input__icon {
line-height: 30px;
}
.explainboxtitle span {
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
line-height: 33px;
}
.explainboxtcontent {
width: 90%;
height: 40px;
margin: 0 auto;
text-align: left;
padding-top: 10px;
}
.explainboxtcontentleft {
width: 15%;
float: left;
font-size: 12px;
font-weight: 500;
color: #FFFFFF;
line-height: 16px;
text-align: center;
position: relative;
}
.explainboxtcontentleft i.icls {
position: absolute;
height: 10px;
width: 3px;
color: #0097FD;
background: #0097FD;
left: 0;
top: 4px;
}
.explainboxtcontentright {
width: 85%;
float: right;
}
</style> .explainboxtcontentright span {
\ No newline at end of file font-size: 12px;
font-weight: 500;
color: #FFFFFF;
line-height: 16px;
}
.spanleft {
float: left;
}
.testright {
text-align: right;
}
/deep/ el-table {
background: none;
}
/deep/ .el-table__expanded-cell {
background: none;
}
/deep/ .el-table th,
.el-table tr {
background: none;
}
/deep/ .el-table .warning-row {
height: 30px;
background: rgba(48, 56, 90, 1);
}
/deep/ .el-table .success-row {
height: 30px;
background: #2a3557;
}
/deep/ .el-table .warning-row2 {
height: 29px;
background: #3C5490
}
/deep/ .el-table .success-row2 {
height: 29px;
background: #2F4479
}
/deep/ .el-table th>.cell {
padding: 0;
}
/deep/ .el-table .cell {
padding: 0;
line-height: 26px;
}
.el-table::before {
background: none
}
/deep/ .el-table,
.el-table__expanded-cell {
background: none;
}
/deep/ .el-table__fixed::before {
background-color: #293054;
}
/deep/.el-table th,
.el-table tr {
background: transparent
}
.el-tooltip__popper {
padding: 8px 10px;
}
.el-date-editor {
width: 30px;
position: absolute;
right: 0px;
top: 0px;
}
/deep/ .el-date-editor .el-date-editor--month input {
width: 30px;
border: 0;
padding-left: 0px;
}
/deep/ .el-date-editor .el-input__inner {
background: none !important;
}
/deep/ .el-date-editor .el-input__prefix {
display: none;
}
/deep/ .el-date-editor .el-input__suffix {
display: none;
}
</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