czg_team/management
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.优化首页 2.优化绑定耗材

Browse Source
This commit is contained in:
gyq
2024-10-24 15:38:55 +08:00
parent 2261b0520a
commit f585e2f020
2 changed files with 120 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
src/views/home/home.vue
View File

@@ -220,13 +220,13 @@
<div class="number">{{ productCount }}</div>
<div class="product_chart_wrap" ref="productCountChart"></div>
</div>
<div class="card">
<!-- <div class="card">
<div class="sale_data_header">
<div class="card_title">销售金额</div>
</div>
<div class="number">￥{{ productSum }}</div>
<div class="product_chart_wrap" ref="productSumChart"></div>
</div>
</div> -->
</div>
<div class="table">
<el-table :data="saleTable" v-loading="saleTableLoading">
@@ -336,9 +336,9 @@ export default {
if (this.productCountChart) {
this.productCountChart.resize();
}
if (this.productSumChart) {
this.productSumChart.resize();
}
// if (this.productSumChart) {
// this.productSumChart.resize();
// }
}, 100);
window.addEventListener("resize", this.__resizeHandler);
// this.initCardUserChart();
@@ -679,7 +679,7 @@ export default {
{
name: '订单金额',
type: "bar",
barWidth: time.length <= 7 ? "30%" : "20%",
barWidth: time.length <= 7 ? "50%" : "30%",
data: data.map(item => item.orderAmount),
},
// {
@@ -688,12 +688,12 @@ export default {
// barWidth: time.length <= 7 ? "30%" : "20%",
// data: data.map(item => item.actualAmount),
// },
{
name: '优惠金额',
type: "bar",
barWidth: time.length <= 7 ? "30%" : "20%",
data: data.map(item => item.discountAmount),
}
// {
// name: '优惠金额',
// type: "bar",
// barWidth: time.length <= 7 ? "30%" : "20%",
// data: data.map(item => item.discountAmount),
// }
]
});
},
@@ -754,7 +754,7 @@ export default {
return {
orderAmount: item.orderAmount,
// actualAmount: item.actualAmount,
discountAmount: item.discountAmount
// discountAmount: item.discountAmount
}
});
const time = res.total.map(item => item.tradeDay);
@@ -840,7 +840,7 @@ export default {
// 初始化销售图标
initProduceChart(p1, p2) {
this.productCountChart = echarts.init(this.$refs.productCountChart);
this.productSumChart = echarts.init(this.$refs.productSumChart);
// this.productSumChart = echarts.init(this.$refs.productSumChart);
this.productCountChart.setOption({
tooltip: {
@@ -913,76 +913,76 @@ export default {
]
});
this.productSumChart.setOption({
tooltip: {
trigger: "axis"
},
grid: {
x: 0,
y: 0,
x2: 0,
y2: 0
},
xAxis: [
{
boundaryGap: false,
type: "category",
data: p2[0],
show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
axisTick: {
show: false // 不显示坐标轴刻度线
},
axisLine: {
show: false // 不显示坐标轴线
},
axisLabel: {
show: false // 不显示坐标轴上的文字
},
splitLine: {
show: false // 不显示网格线
}
}
],
color: "#409eff",
yAxis: [
{
type: "value",
show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
axisTick: {
show: false // 不显示坐标轴刻度线
},
axisLine: {
show: false // 不显示坐标轴线
},
axisLabel: {
show: false // 不显示坐标轴上的文字
},
splitLine: {
show: false // 不显示网格线
}
}
],
series: [
{
data: p2[1],
type: "line",
symbol: "none",
smooth: true,
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#409eff" // 渐变颜色
},
{
offset: 1,
color: "#409eff" // 渐变颜色
}
])
}
}
]
});
// this.productSumChart.setOption({
// tooltip: {
// trigger: "axis"
// },
// grid: {
// x: 0,
// y: 0,
// x2: 0,
// y2: 0
// },
// xAxis: [
// {
// boundaryGap: false,
// type: "category",
// data: p2[0],
// show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
// axisTick: {
// show: false // 不显示坐标轴刻度线
// },
// axisLine: {
// show: false // 不显示坐标轴线
// },
// axisLabel: {
// show: false // 不显示坐标轴上的文字
// },
// splitLine: {
// show: false // 不显示网格线
// }
// }
// ],
// color: "#409eff",
// yAxis: [
// {
// type: "value",
// show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
// axisTick: {
// show: false // 不显示坐标轴刻度线
// },
// axisLine: {
// show: false // 不显示坐标轴线
// },
// axisLabel: {
// show: false // 不显示坐标轴上的文字
// },
// splitLine: {
// show: false // 不显示网格线
// }
// }
// ],
// series: [
// {
// data: p2[1],
// type: "line",
// symbol: "none",
// smooth: true,
// areaStyle: {
// color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
// {
// offset: 0,
// color: "#409eff" // 渐变颜色
// },
// {
// offset: 1,
// color: "#409eff" // 渐变颜色
// }
// ])
// }
// }
// ]
// });
},
// 日期汇总数据
async summaryDateGet(res) {