Skip to content

E
expense
Commit a3f5d7c5 by kingboy_xin
Options

费用-签约

parent 3bc77f4d
Showing with 81 additions and 31 deletions
src/assets/css/contract.css
......@@ -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 .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;}
......
src/components/common/sideNavbar/MainSideNavbar.vue
......@@ -48,16 +48,32 @@
},
computed: {
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() {
this.actclass()
this.actclass()
},
methods: {
actclass() {
this.qyclass = this.$route.path=='/gpHome/gpEexpense/gpEexp'?'feeactive':'feeclass'
this.jzclass = this.$route.path=='/gpHome/gpEexpense/gpVisit'?'feeactive':'feeclass'
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'
}
},
navItemClick(link) {
this.$router.replace(link)
......
src/components/common/sideNavbar/SideNavbarItem.vue
......@@ -29,7 +29,7 @@
return this.$route.path.indexOf(this.link) !== -1
},
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':{}
}else{
return this.isActive ? 'activeClass' : {}
......
src/router/index.js
......@@ -38,16 +38,6 @@ export default new Router({
name: 'gpContract',
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',
name: 'gpEexpense',
......
src/views/gp/contract/GpContract.vue
......@@ -99,11 +99,11 @@
<div class="card">
<div class="title">签约分析</div>
<div class="card-content" style="height: 267px;">
<div class="div-model-b">
<div class="div-model-echarts">
<div class="">
<div class="">
<div id="echats1"></div>
</div>
<div class="div-model-table">
<div class="">
</div>
</div>
......
src/views/gp/expense/ContractAnalysis.vue
......@@ -11,7 +11,7 @@
</el-tooltip>
<span class="span02">/</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>
<i :class="para03<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
......@@ -48,11 +48,11 @@
</el-tooltip>
<span class="span02">/</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>
<i :class="para10<0?'el-icon-my-down':'el-icon-my-up'"></i>
<span class="span04"></span>
<code class="pian">偏</code>
<code class="pian">..</code>
<span class="span03">{{nullreturn(para11)=='-'?'-':Math.abs(nullreturn(para11))}}%</span>
<i :class="para11<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
......@@ -63,7 +63,7 @@
<span class="span02">/</span>
<span class="span03">{{nullreturn(para13 / 1000)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<code class="tong">..</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>
......@@ -76,7 +76,7 @@
<span class="span02">/</span>
<span class="span03">{{nullreturn(para16 / 1000)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<code class="tong">..</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para17)=='-'?'-':Math.abs(nullreturn(para17))}}%</span>
<i :class="para17<0?'el-icon-my-down':'el-icon-my-up'"></i>
......@@ -89,12 +89,12 @@
<span class="span02">/</span>
<span class="span03">{{nullreturn(para19)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<code class="tong">..</code>
<span class="span01"></span>
<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"></span>
<code class="pian">偏</code>
<code class="pian">..</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para21)=='-'?'-':Math.abs(nullreturn(para21))}}%</span>
<i :class="para21<0?'el-icon-my-down':'el-icon-my-up'"></i>
......@@ -113,7 +113,7 @@
</el-tooltip>
<span class="span02">/</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>
<i :class="para24<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div>
......@@ -124,7 +124,7 @@
<span class="span02">/</span>
<span class="span03">{{nullreturn(para26)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<code class="tong">..</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para27)=='-'?'-':Math.abs(nullreturn(para27))}}%</span>
<i :class="para27<0?'el-icon-my-down':'el-icon-my-up'"></i>
......@@ -137,7 +137,7 @@
<span class="span02">/</span>
<span class="span03">{{nullreturn(para29 / 10000)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<code class="tong">..</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para30)=='-'?"-":Math.abs(nullreturn(para30))}}%</span>
<i :class="para30<0?'el-icon-my-down':'el-icon-my-up'"></i>
......@@ -150,7 +150,7 @@
<span class="span02">/</span>
<span class="span03">{{nullreturn(para32 / 10000)}}</span>
<span class="span01"></span>
<code class="tong">同</code>
<code class="tong">..</code>
<span class="span01"></span>
<span class="span03">{{nullreturn(para33)=='-'?"-":Math.abs(nullreturn(para33))}}%</span>
<i :class="para33<0?'el-icon-my-down':'el-icon-my-up'"></i>
......@@ -413,7 +413,7 @@
PageHeader,
SideNavbar
},
name: 'gpExpenseHome',
name: 'contractAnalysis',
data() {
return {
token: '',
......
src/views/gp/expense/VisitAnalysis.vue
......@@ -529,7 +529,7 @@
PageHeader,
SideNavbar
},
name: 'VisitAnalysis',
name: 'visitAnalysis',
data() {
return {
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