【修改】收入分类统计增加年份查询条件

src/views/dashboard/Analysis.vue

@@ -147,7 +147,7 @@ export default {
 .income-sort {
   //margin-left: 8px;
   width: 49.6%;
-  min-width: 480px;
+  min-width: 600px;
   height: auto;
   background: #fff;
 }

src/views/dashboard/IncomeSortEcharts.vue

@@ -10,12 +10,13 @@
         tree-default-expand-all
         tree-node-filter-prop="title"
         @change="changeDepart"
-        style="width:30%"
+        style="width:20%"
         :dropdownStyle="{ maxHeight: '200px',maxWidth:'100px','overflow-x':'hidden',' overflo-y': 'auto' }"
         :treeData="treeDepartData"
         v-model="queryParam.departCode"
         placeholder="请选择部门">
       </a-tree-select>
+      <j-year-date  style="width:20%" class="year" placeholder="请选择年份" v-model="queryParam.year" @change="loadData"></j-year-date>
     </div>
     <div class="operator">
       <span @click="toggleEcharts('income')" class="operator-left"
@@ -81,6 +82,7 @@ echarts.use([
 import {getAction} from '@api/manage'
 import {formatMoney} from '@/utils/formatMoney'
 import {queryDepartTreeList} from '@api/api'
+import JYearDate from '@comp/jero/JYearDate'
 
 const columns = [
   {
@@ -94,6 +96,9 @@ const columns = [
 
 export default {
   name: 'IncomeSortEcharts',
+  components:{
+    JYearDate
+  },
   data() {
     return {
       activeIndex: 'income',
@@ -158,7 +163,7 @@ export default {
         confirmAmount: 2,
         income: 3
       }
-      getAction(this.url.list, {type: typeEnum[this.activeIndex],departCode:this.queryParam.departCode}).then(res => {
+      getAction(this.url.list, {type: typeEnum[this.activeIndex],departCode:this.queryParam.departCode,year:this.queryParam.year}).then(res => {
         if (res.success) {
           let dataSource = res.result
           this.initColumns(res.result)
@@ -327,6 +332,7 @@ export default {
   position: relative;
   padding: 20px;
   box-sizing: border-box;
+  min-width: 650px;
   width: 100%;
 }
 
@@ -410,4 +416,8 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.year {
+  margin-left: 6px;
+  cursor: pointer;
+}
 </style>