费用

src/components/common/sideNavbar/MainSideNavbar.vue

@@ -11,6 +11,10 @@
       <img slot="active-icon" src="~assets/img/navSide/icon-memu2-selected.png" alt="">
       <div slot="text">费用管理</div>
     </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">
       <img slot="icon" src="~assets/img/navSide/icon-memu3.png" alt="">
       <img slot="active-icon" src="~assets/img/navSide/icon-memu3-selected.png" alt="">
@@ -36,7 +40,29 @@
       SideNavbar,
       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>
 
@@ -47,5 +73,21 @@
     text-align: center;
     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>
\ No newline at end of file

src/components/common/sideNavbar/SideNavbarItem.vue

@@ -29,7 +29,11 @@
         return this.$route.path.indexOf(this.link) !== -1
       },
       activeClass() {
+        if(this.$route.path=='/gpHome/gpEexpense'){
+          return this.isActive ?'activeClass2':{}
+        }else{
           return this.isActive ? 'activeClass' : {}
+        }
       },
       activeStyle() {
         return this.isActive ? {'color': '#FFFFFF'} : {}
@@ -61,4 +65,7 @@
   .activeClass{
     background:linear-gradient(180deg,rgba(76,187,255,1) 0%,rgba(46,136,255,1) 100%)
   }
+  .activeClass2{
+    background:rgba(48,56,90,1)
+  }
 </style>
\ No newline at end of file

src/router/index.js

@@ -38,10 +38,32 @@ 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',
           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',

src/views/gp/contract/GpContract.vue

@@ -371,8 +371,8 @@
             {
               type: 'value',
               name: '%',
-              max: 100,
-              min: 0,
+              max: 300,
+              min: -300,
               splitNumber: 5,
               axisLabel: {
                 textStyle: {
@@ -413,6 +413,7 @@
               name: '管辖数',
               type: 'bar',
               stack: "1",
+              // barGap:'-100%',
               barWidth: null,
               itemStyle: {
                 normal: {
@@ -436,7 +437,8 @@
               name: '去年管辖',
               type: 'bar',
               smooth: true,
-              yAxisIndex: 1,
+              // yAxisIndex: 1,
+              // barGap:'-100%',
               symbol: 'circle',
               symbolSize: 6,
               itemStyle: {
@@ -457,7 +459,7 @@
               z: 11,
               itemStyle: {
                 normal: {
-                  color: '#fda739'
+                  color: '#FF9D3D'
                 }
               },
               data: []
@@ -472,7 +474,7 @@
               z: 11,
               itemStyle: {
                 normal: {
-                  color: '#f8d065'
+                  color: '#FFC965'
                 }
               },
               data: []