From 9b00b80c926b3d1b38b7ef9b682ee097345dde3f Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期四, 17 四月 2025 11:09:31 +0800 Subject: [PATCH] 代码初始化 --- admin/src/views/index.vue | 48 +++++++++++++++++++++++++++--------------------- 1 files changed, 27 insertions(+), 21 deletions(-) diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue index 35b1186..4bd8f0e 100644 --- a/admin/src/views/index.vue +++ b/admin/src/views/index.vue @@ -15,11 +15,11 @@ <div class="fs15">SHE浠婃棩鎻愭姤鏁伴噺</div> <div class="num">{{ headerData.todaySheNum ||0 }}</div> </div> - <img src="@/assets/icons/home_icon1.png" alt="" /> +<!-- <img src="@/assets/icons/home_icon1.png" alt="" />--> </div> <div class="content"> - <div>鏈В鍐筹細{{ headerData.sheNum || 0}}</div> - <div>宸茶В鍐筹細{{ headerData.sheNum || 0}}</div> +<!-- <div>鏈В鍐筹細{{ headerData.sheNum || 0}}</div>--> +<!-- <div>宸茶В鍐筹細{{ headerData.sheNum || 0}}</div>--> <div>鎬诲伐鍗曢噺锛歿{ headerData.sheNum || 0}}</div> </div> </div> @@ -29,11 +29,13 @@ <div class="fs15">璺岀粖婊戜粖鏃ュ伐鍗曟暟閲�</div> <div class="num">{{ headerData.todayDbhNum ||0 }}</div> </div> +<!-- <img src="@/assets/icons/home_icon2.png" alt="" /> +--> </div> <div class="content"> - <div>鏈В鍐筹細{{ headerData.dbhNum || 0}}</div> - <div>宸茶В鍐筹細{{ headerData.dbhNum || 0}}</div> + <div>鏈В鍐筹細{{ headerData.dbhYesNum || 0}}</div> + <div>宸茶В鍐筹細{{ headerData.dbhNoNum || 0}}</div> <div>鎬诲伐鍗曢噺锛歿{ headerData.dbhNum || 0}}</div> </div> </div> @@ -43,9 +45,11 @@ <div class="fs15">DCA浠婃棩鎻愪氦鏁伴噺</div> <div class="num">{{ headerData.todayDcaNum ||0 }}</div> </div> - <img src="@/assets/icons/home_icon3.png" alt="" /> +<!-- <img src="@/assets/icons/home_icon3.png" alt="" />--> </div> <div class="content"> + <div>绗﹀悎椤癸細{{ headerData.dcaYesNum || 0}}</div> + <div>涓嶇鍚堥」锛歿{ headerData.dcaNoNum || 0}}</div> <div>鎬绘彁浜ら噺锛歿{ headerData.dcaNum || 0}}</div> </div> </div> @@ -55,11 +59,11 @@ <div class="fs15">DCA浠婃棩宸ュ崟鏁伴噺</div> <div class="num">{{ headerData.todayDcaChildNum ||0 }}</div> </div> - <img src="@/assets/icons/home_icon3.png" alt="" /> +<!-- <img src="@/assets/icons/home_icon3.png" alt="" />--> </div> <div class="content"> - <div>鏈В鍐筹細{{ headerData.dcaChildNum || 0}}</div> - <div>宸茶В鍐筹細{{ headerData.dcaChildNum || 0}}</div> + <div>鏈В鍐筹細{{ headerData.dcaChildYesNum || 0}}</div> + <div>宸茶В鍐筹細{{ headerData.dcaChildNoNum || 0}}</div> <div>鎬诲伐鍗曢噺锛歿{ headerData.dcaChildNum || 0}}</div> </div> </div> @@ -207,36 +211,36 @@ this.nowWeek = weeks[new Date().getDay()] }, initEchart0 () { - this.initEchartDataDo('echart0', this.staticData0.map(i => i.dateStr), this.staticData0.map(i => i.total),'鍗�') + this.initEchartDataDo('echart0', this.staticData0.map(i => i.dateStr), this.staticData0.map(i => i.total),'鍗�','bar') }, initEchart01 () { - this.initEchartDataDo('echart01', this.staticData01.map(i => i.dateStr), this.staticData01.map(i => i.total),'鍗�') + this.initEchartDataDo('echart01', this.staticData01.map(i => i.dateStr), this.staticData01.map(i => i.total),'鍗�','line') }, initEchart1 () { - this.initEchartDataDo('echart1', this.staticData1.map(i => i.dateStr), this.staticData1.map(i => i.total),'娆�') + this.initEchartDataDo('echart1', this.staticData1.map(i => i.dateStr), this.staticData1.map(i => i.total),'娆�','bar') }, initEchart11 () { - this.initEchartDataDo('echart11', this.staticData11.map(i => i.dateStr), this.staticData11.map(i => i.total),'娆�') + this.initEchartDataDo('echart11', this.staticData11.map(i => i.dateStr), this.staticData11.map(i => i.total),'娆�','line') }, initEchart2 () { - this.initEchartDataDo('echart2', this.staticData2.map(i => i.dateStr), this.staticData2.map(i => i.total),'鍗�') + this.initEchartDataDo('echart2', this.staticData2.map(i => i.dateStr), this.staticData2.map(i => i.total),'鍗�','bar') }, initEchart21 () { - this.initEchartDataDo('echart21', this.staticData21.map(i => i.dateStr), this.staticData21.map(i => i.total),'鍗�') + this.initEchartDataDo('echart21', this.staticData21.map(i => i.dateStr), this.staticData21.map(i => i.total),'鍗�','line') }, initEchart3 () { - this.initEchartDataDo('echart3', this.staticData3.map(i => i.dateStr), this.staticData3.map(i => i.total),'鍗�') + this.initEchartDataDo('echart3', this.staticData3.map(i => i.dateStr), this.staticData3.map(i => i.total),'鍗�','bar') }, initEchart31 () { - this.initEchartDataDo('echart31',this.staticData31.map(i => i.dateStr), this.staticData31.map(i => i.total),'鍗�') + this.initEchartDataDo('echart31',this.staticData31.map(i => i.dateStr), this.staticData31.map(i => i.total),'鍗�','line') }, - initEchartDataDo (id, xdata,ydata,unit) { + initEchartDataDo (id, xdata,ydata,unit,type) { const myChart = echarts.init(document.getElementById(id)) myChart.setOption({ tooltip: { trigger: 'axis', axisPointer: { - type: 'line' + type: type || 'line' }, formatter: function (params) { return ` @@ -280,7 +284,7 @@ series: [ { data: ydata, - type: 'line', + type: type || 'line', areaStyle: { normal: { color: { @@ -377,7 +381,9 @@ &:nth-of-type(4) { margin-right: 0; - background: linear-gradient(270deg, #30d3de 0%, #04b7cd 100%); + background: linear-gradient(270deg, #c430dee3 0%, #cd04b9cf 100%); + //linear-gradient(270deg, #de3049b8 0%, #cd0421d4 100%); + //background: linear-gradient(270deg, #30d3de 0%, #04b7cd 100%); } .header { -- Gitblit v1.9.3