| 
					
				 | 
			
			
				@@ -6,7 +6,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :title="'经营数据'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         @changeValue="changeValue" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :isShowQuert="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :endDate='endDate' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :endDate="endDate" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <statistic :col="5" class="statistic" :cols="0"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -43,11 +43,12 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-radio-group> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <!--   v-if="timer == 'day'"    DD--> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <ve-line 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <ve-histogram 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :data="timer == 'day' ? chartData : chartDataForMoth" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         height="350px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :data-empty="dataEmpty" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :extend="chartExtend" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :settings="chartSettings" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :legend="legend" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <!-- <ve-line 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -70,6 +71,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import "echarts/lib/component/dataZoom"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import countTo from "vue-count-to"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import veLine from "v-charts/lib/line.common"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import histogram from "v-charts/lib/histogram.common"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import searchHeader from "./modals/searchHeader"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { getIndex } from "../api"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { getTimes } from "@/utils"; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -80,6 +82,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   components: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     "ve-line": veLine, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     "count-to": countTo, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    "ve-histogram": histogram, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     searchHeader, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   computed: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -90,16 +93,19 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     items() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        TOTAL_AMOUNT: this.data["TOTAL_AMOUNT"] || {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         FINANCE_AMOUNT: this.data["FINANCE_AMOUNT"] || {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         FINANCE_BALANCE_AMOUNT: this.data["FINANCE_BALANCE_AMOUNT"] || {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         FINANCE_PAY: this.data["FINANCE_PAY"] || {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     chartExtend() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         series: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           smooth: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         yAxis: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           //纵轴标尺固定 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           minInterval: 1, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -114,11 +120,15 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           formatter: (item) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             return [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               item[0].axisValueLabel, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+               `<br/><span style="margin-right:5px;border-radius:10px;width:10px;height:10px;display:inline-block;"></span>总收入:${this.$helpers 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                .numeral(item[0].value + item[1].value-item[2].value) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                .format("0,0.00")}元`, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               ...item.map((d) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 return `<br/>${d.marker}${ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   d.seriesName 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                }: ${this.$helpers.numeral(d.value[1]).format("0,0.00")}元`; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }: ${this.$helpers.numeral(d.value).format("0,0.00")}元`; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               }), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             ].join(""); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -148,8 +158,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           months[key][item.title] = row.percent; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // console.log(values); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        columns: ["日期", ...values.map((item) => item.title)], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        columns: ["日期", "现金收入", "余额收入", "财务支出"], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         rows: Object.values(months), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         loading: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -175,35 +186,37 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        columns: ["月份", ...values.map((item) => item.title)], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        columns: ["月份", "现金收入", "余额收入", "财务支出"], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         rows: Object.values(months), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         loading: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     dataEmpty() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return !this.chartData.rows.length; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.chartSettings = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      stack: { 总收入: [`现金收入`, `余额收入`] }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       active: "SHOULD_INCOME_MONEY", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       timer: "day", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      mdate:[], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      mdate: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       loading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      endDate:'' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      endDate: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   created() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.mdate = this.getInitDate() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.endDate = this.$helpers 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        .dayjs(new Date()) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        .format("YYYY-MM-DD"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.changeValue(this.mdate) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.init(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    init() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.mdate = this.getInitDate(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.endDate = this.$helpers.dayjs(new Date()).format("YYYY-MM-DD"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.changeValue(this.mdate); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     changeValue(date) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // 请求更改数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.mdate = date; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -218,7 +231,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         const res = await getIndex({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           ...rest, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           ...getTimes(this.mdate, ["startDate", "endDate"]), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          dataTypes: "FINANCE_AMOUNT,FINANCE_BALANCE_AMOUNT,FINANCE_PAY", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          // 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          dataTypes: 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            "FINANCE_AMOUNT,FINANCE_BALANCE_AMOUNT,FINANCE_PAY,TOTAL_AMOUNT", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         for (const item of res.data) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           // 再循环一遍 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -253,9 +268,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     getInitDate() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      const end = this.$helpers 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        .dayjs(new Date()) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        .format("YYYY-MM-DD"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const end = this.$helpers.dayjs(new Date()).format("YYYY-MM-DD"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       const start = this.$helpers 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .dayjs(new Date()) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .set("date", 1) 
			 |