Skip to content

E
expense
Commit a3f5d7c5 by kingboy_xin
Options

费用-签约

parent 3bc77f4d
Showing with 80 additions and 30 deletions
src/assets/css/contract.css
...@@ -84,6 +84,50 @@ ...@@ -84,6 +84,50 @@
/* 费用管理-签约 */ /* 费用管理-签约 */
.div-model{ height:194px; width: 48.8%; margin-bottom: 12px; background:rgba(48,56,90,1);}
.div-model2{ height:136px; width: 48.8%; margin-bottom: 20px;}
.div-model .title{ height: 31px; line-height: 31px; text-align: left; padding-left: 15px; font-size: 14px;color:#a6aed6;background:#3f4d79; border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.div-model .title span{ color: #2680FF; text-decoration: underline;}
.div-model .title span.clk{ color: #42CCFF; text-decoration:none}
.div-model .content{ height: 155px; position: relative; padding-top: 8px; border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background: linear-gradient(180deg,#36436f,#36436f 14%,#30385a);}
.div-model .content2{ height: 124px; padding: 10px 15px;}
.div-model .content3{ height: 94px; padding: 3px 15px 10px 15px;}
.div-model .content2 .uname{ height: 25px; position: relative; line-height: 25px; font-size: 13px;color:rgba(255,255,255,1); text-align: left; margin-bottom: 6px;}
.unamediv{ position: absolute; left: 100px; top: 0px;}
.unamediv i{ padding: 0 2px; margin-right: 5px;}
.duline{ height: 30px; line-height: 30px;}
.fl01{ float: left; width: 24%;}
.fl02{ float: left; width: 44%; margin-left:1.5%;}
.div-model-b{ height:294px; width:100%; clear: both; background:linear-gradient(180deg,#36436f,#36436f 14%,#30385a); position: relative;}
.div-model-b2{ height:346px; width:100%; clear: both; background:rgba(48,56,90,1);}
.yctcdiv{ position: absolute; width: 410px; overflow: hidden; padding: 0px 10px 10px 10px; right: 9px; top: 40px;background:rgba(23,26,40,0.85);border-radius:4px;border:1px solid rgba(33,76,126,1);}
.yctcdiv h3{ border-bottom: 1px solid #424966; margin-bottom: 10px; line-height: 35px; color: #fff; font-size: 12px; text-align: left;}
.dmbleft{ float: left; width: 52%; clear: none;}
.dmbright{ float: right; width: 46%; clear: none;}
.div-model-b .title{ height: 31px; line-height: 31px; margin-bottom: 10px; text-align: left; padding-left: 15px; font-size: 14px;color:#a6aed6;background:#3f4d79; border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.div-model-echarts{ float: left; width: 59%; height:249px; padding-right:0%; }
.div-model-echarts2{ float: left; width: 55%; padding-left: 11%; height:249px; padding-right:1%; position: relative; }
.etitle1{ position: absolute; left: 10px; top: 2px; line-height: 26px; color: #AAB1D2;}
.etitle2{ position: absolute; left: 10px; top: 126px; line-height: 26px;color: #AAB1D2;}
.ecp01{ position: absolute; left: 10px; top: 32px; line-height: 26px; color: #2680FF;}
.ecp02{ position: absolute; left: 10px; top: 60px; line-height: 26px; color: #2680FF;}
.ecp03{ position: absolute; left: 10px; top: 88px; line-height: 26px; color: #2680FF;}
.etotal01{ position: absolute; left: 10px; top: 156px; background: url('../img/common/icon-maingreen.png') no-repeat 0 9px; background-size: 10px 10px; line-height: 26px; color: #AAB1D2; padding-left: 20px;}
.etotal02{ position: absolute; left: 10px; top: 184px; background: url('../img/common/icon-mainred.png') no-repeat 0 10px; background-size: 10px 10px; line-height: 26px; color: #AAB1D2; padding-left: 20px;}
.etotal03{ position: absolute; left: 10px; top: 212px; background: url('../img/common/icon-mainred.png') no-repeat 0 10px; background-size: 10px 10px; line-height: 26px; color: #AAB1D2; padding-left: 20px;}
.div-model-table{ float: right; width: 40.5%; height:245px; padding-right: 0.5%; position: relative;}
.div-model-table2{ float: right; width: 45%; height:245px; padding-right: 1%; position: relative; overflow: hidden;}
.div-model-table3{ float: right; width: 98%; height:245px; padding-right: 1%; position: relative;}
.div-model-table4{ width: 100%; padding-right: 0; height:245px; position: relative;}
.div-model-table5{ width: 100%; padding-right: 0; height:295px; position: relative;}
.yytable{ position: absolute; left: -20px; top: 0px; padding: 10px; border-radius:4px; height: 220px; background: rgba(23,26,40,0.9); width: 330px;}
.yytable h3{ clear: both; height: 26px; border-bottom: 1px solid #424966; color: #fff; text-align: left; margin-bottom: 5px;}
.yytable h3 span{ float: right; padding:0 5px;}
.yytable .pline{ clear: both; overflow: hidden; text-align: left; margin-bottom: 5px;}
.yytable .pline .pl01{ float: left; width: 70px; color: #0097FD; line-height: 20px;}
.yytable .pline .pl02{ float: left; width: 260px; color: #fff; line-height: 20px; line-height: 16px;}
.qycontent{float: left; height: 145px; padding-left: 10px;} .qycontent{float: left; height: 145px; padding-left: 10px;}
.qycontent .qycontentline{height: 22px; position: relative; color: #334b84; font-size: 8px;text-align: left; clear: both;} .qycontent .qycontentline{height: 22px; position: relative; color: #334b84; font-size: 8px;text-align: left; clear: both;}
.qycontent .qycontentline i.i01{ height: 12px; width: 2px; color: #2680FF; background: #2680FF; position: absolute; left: 0; top: 3px;} .qycontent .qycontentline i.i01{ height: 12px; width: 2px; color: #2680FF; background: #2680FF; position: absolute; left: 0; top: 3px;}
......
src/components/common/sideNavbar/MainSideNavbar.vue
...@@ -48,7 +48,18 @@ ...@@ -48,7 +48,18 @@
}, },
computed: { computed: {
isActive() { isActive() {
return this.$route.path=='/gpHome/gpEexpense'?false:true if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp' || this.$route.path=='/gpHome/gpEexpense/gpVisit'){
if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp'){
this.qyclass = 'feeactive'
this.jzclass = 'feeclass'
}else if(this.$route.path=='/gpHome/gpEexpense/gpVisit'){
this.qyclass = 'feeclass'
this.jzclass = 'feeactive'
}
return false
}else{
return true
}
} }
}, },
mounted: function() { mounted: function() {
...@@ -56,8 +67,13 @@ ...@@ -56,8 +67,13 @@
}, },
methods: { methods: {
actclass() { actclass() {
this.qyclass = this.$route.path=='/gpHome/gpEexpense/gpEexp'?'feeactive':'feeclass' if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp'){
this.jzclass = this.$route.path=='/gpHome/gpEexpense/gpVisit'?'feeactive':'feeclass' this.qyclass = 'feeactive'
this.jzclass = 'feeclass'
}else if(this.$route.path=='/gpHome/gpEexpense/gpVisit'){
this.qyclass = 'feeclass'
this.jzclass = 'feeactive'
}
}, },
navItemClick(link) { navItemClick(link) {
this.$router.replace(link) this.$router.replace(link)
......
src/components/common/sideNavbar/SideNavbarItem.vue
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
return this.$route.path.indexOf(this.link) !== -1 return this.$route.path.indexOf(this.link) !== -1
}, },
activeClass() { activeClass() {
if(this.$route.path=='/gpHome/gpEexpense'){ if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp' || this.$route.path=='/gpHome/gpEexpense/gpVisit'){
return this.isActive ?'activeClass2':{} return this.isActive ?'activeClass2':{}
}else{ }else{
return this.isActive ? 'activeClass' : {} return this.isActive ? 'activeClass' : {}
......
src/router/index.js
...@@ -38,16 +38,6 @@ export default new Router({ ...@@ -38,16 +38,6 @@ 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',
......
src/views/gp/contract/GpContract.vue
...@@ -99,11 +99,11 @@ ...@@ -99,11 +99,11 @@
<div class="card"> <div class="card">
<div class="title">签约分析</div> <div class="title">签约分析</div>
<div class="card-content" style="height: 267px;"> <div class="card-content" style="height: 267px;">
<div class="div-model-b"> <div class="">
<div class="div-model-echarts"> <div class="">
<div id="echats1"></div> <div id="echats1"></div>
</div> </div>
<div class="div-model-table"> <div class="">
</div> </div>
</div> </div>
......
src/views/gp/expense/ContractAnalysis.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</el-tooltip> </el-tooltip>
<span class="span02">/</span> <span class="span02">/</span>
<span class="span01">{{nullreturn(para02)}}</span> <span class="span01">{{nullreturn(para02)}}</span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span03">{{nullreturn(para03)=='-'?'-':Math.abs(nullreturn(para03))}}%</span> <span class="span03">{{nullreturn(para03)=='-'?'-':Math.abs(nullreturn(para03))}}%</span>
<i :class="para03<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para03<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div> </div>
...@@ -48,11 +48,11 @@ ...@@ -48,11 +48,11 @@
</el-tooltip> </el-tooltip>
<span class="span02">/</span> <span class="span02">/</span>
<span class="span01">{{nullreturn(para09)}}</span> <span class="span01">{{nullreturn(para09)}}</span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span03">{{nullreturn(para10)=='-'?'-':Math.abs(nullreturn(para10))}}%</span> <span class="span03">{{nullreturn(para10)=='-'?'-':Math.abs(nullreturn(para10))}}%</span>
<i :class="para10<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para10<0?'el-icon-my-down':'el-icon-my-up'"></i>
<span class="span04"></span> <span class="span04"></span>
<code class="pian">偏</code> <code class="pian">..</code>
<span class="span03">{{nullreturn(para11)=='-'?'-':Math.abs(nullreturn(para11))}}%</span> <span class="span03">{{nullreturn(para11)=='-'?'-':Math.abs(nullreturn(para11))}}%</span>
<i :class="para11<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para11<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div> </div>
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
<span class="span02">/</span> <span class="span02">/</span>
<span class="span03">{{nullreturn(para13 / 1000)}}</span> <span class="span03">{{nullreturn(para13 / 1000)}}</span>
<span class="span01"></span> <span class="span01"></span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span01"></span> <span class="span01"></span>
<span class="span03">{{nullreturn(para14)=='-'?'-':Math.abs(nullreturn(para14))}}%</span> <span class="span03">{{nullreturn(para14)=='-'?'-':Math.abs(nullreturn(para14))}}%</span>
<i :class="para14<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para14<0?'el-icon-my-down':'el-icon-my-up'"></i>
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
<span class="span02">/</span> <span class="span02">/</span>
<span class="span03">{{nullreturn(para16 / 1000)}}</span> <span class="span03">{{nullreturn(para16 / 1000)}}</span>
<span class="span01"></span> <span class="span01"></span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span01"></span> <span class="span01"></span>
<span class="span03">{{nullreturn(para17)=='-'?'-':Math.abs(nullreturn(para17))}}%</span> <span class="span03">{{nullreturn(para17)=='-'?'-':Math.abs(nullreturn(para17))}}%</span>
<i :class="para17<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para17<0?'el-icon-my-down':'el-icon-my-up'"></i>
...@@ -89,12 +89,12 @@ ...@@ -89,12 +89,12 @@
<span class="span02">/</span> <span class="span02">/</span>
<span class="span03">{{nullreturn(para19)}}</span> <span class="span03">{{nullreturn(para19)}}</span>
<span class="span01"></span> <span class="span01"></span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span01"></span> <span class="span01"></span>
<span class="span03">{{nullreturn(para20)=='-'?'-':Math.abs(nullreturn(para20))}}%</span> <span class="span03">{{nullreturn(para20)=='-'?'-':Math.abs(nullreturn(para20))}}%</span>
<i :class="para20<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para20<0?'el-icon-my-down':'el-icon-my-up'"></i>
<span class="span01"></span> <span class="span01"></span>
<code class="pian">偏</code> <code class="pian">..</code>
<span class="span01"></span> <span class="span01"></span>
<span class="span03">{{nullreturn(para21)=='-'?'-':Math.abs(nullreturn(para21))}}%</span> <span class="span03">{{nullreturn(para21)=='-'?'-':Math.abs(nullreturn(para21))}}%</span>
<i :class="para21<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para21<0?'el-icon-my-down':'el-icon-my-up'"></i>
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
</el-tooltip> </el-tooltip>
<span class="span02">/</span> <span class="span02">/</span>
<span class="span01">{{nullreturn(para23)}}</span> <span class="span01">{{nullreturn(para23)}}</span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span03">{{nullreturn(para24)=='-'?'-':Math.abs(nullreturn(para24))}}%</span> <span class="span03">{{nullreturn(para24)=='-'?'-':Math.abs(nullreturn(para24))}}%</span>
<i :class="para24<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para24<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div> </div>
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
<span class="span02">/</span> <span class="span02">/</span>
<span class="span03">{{nullreturn(para26)}}</span> <span class="span03">{{nullreturn(para26)}}</span>
<span class="span01"></span> <span class="span01"></span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span01"></span> <span class="span01"></span>
<span class="span03">{{nullreturn(para27)=='-'?'-':Math.abs(nullreturn(para27))}}%</span> <span class="span03">{{nullreturn(para27)=='-'?'-':Math.abs(nullreturn(para27))}}%</span>
<i :class="para27<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para27<0?'el-icon-my-down':'el-icon-my-up'"></i>
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<span class="span02">/</span> <span class="span02">/</span>
<span class="span03">{{nullreturn(para29 / 10000)}}</span> <span class="span03">{{nullreturn(para29 / 10000)}}</span>
<span class="span01"></span> <span class="span01"></span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span01"></span> <span class="span01"></span>
<span class="span03">{{nullreturn(para30)=='-'?"-":Math.abs(nullreturn(para30))}}%</span> <span class="span03">{{nullreturn(para30)=='-'?"-":Math.abs(nullreturn(para30))}}%</span>
<i :class="para30<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para30<0?'el-icon-my-down':'el-icon-my-up'"></i>
...@@ -150,7 +150,7 @@ ...@@ -150,7 +150,7 @@
<span class="span02">/</span> <span class="span02">/</span>
<span class="span03">{{nullreturn(para32 / 10000)}}</span> <span class="span03">{{nullreturn(para32 / 10000)}}</span>
<span class="span01"></span> <span class="span01"></span>
<code class="tong">同</code> <code class="tong">..</code>
<span class="span01"></span> <span class="span01"></span>
<span class="span03">{{nullreturn(para33)=='-'?"-":Math.abs(nullreturn(para33))}}%</span> <span class="span03">{{nullreturn(para33)=='-'?"-":Math.abs(nullreturn(para33))}}%</span>
<i :class="para33<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para33<0?'el-icon-my-down':'el-icon-my-up'"></i>
...@@ -413,7 +413,7 @@ ...@@ -413,7 +413,7 @@
PageHeader, PageHeader,
SideNavbar SideNavbar
}, },
name: 'gpExpenseHome', name: 'contractAnalysis',
data() { data() {
return { return {
token: '', token: '',
......
src/views/gp/expense/VisitAnalysis.vue
...@@ -529,7 +529,7 @@ ...@@ -529,7 +529,7 @@
PageHeader, PageHeader,
SideNavbar SideNavbar
}, },
name: 'VisitAnalysis', name: 'visitAnalysis',
data() { data() {
return { return {
token: '', token: '',
......
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