-
+
+
+
+ {{ item.name }}
+
+
+
-
+
+
+
+ {{ item.name }}
+
+
+
@@ -128,6 +171,10 @@ const dataSelector = [
{name: '本周', func: getThisWeek()},
{name: '本月', func: getThisMonth()},
]
+const weekAndMonth = [
+ {name: '本周', func: getThisWeek()},
+ {name: '本月', func: getThisMonth()},
+]
const formatDate = (dateString: any) => {
const date = new Date(dateString);
const year = date.getFullYear();
@@ -142,6 +189,8 @@ const chartRef = ref
(null)
const mainRef = ref(null)
onMounted(() => {
initChart()
+ initIncomeChart()
+ initCountChart()
})
const getDateRange = () => {
let beginTime = ''
@@ -155,8 +204,8 @@ const getDateRange = () => {
beginTime = date.start
endTime = date.end
}
- if (beginTime==endTime){
- endTime=getEndOfDay(endTime)
+ if (beginTime == endTime) {
+ endTime = getEndOfDay(endTime)
}
return {begin: beginTime, end: endTime}
}
@@ -268,7 +317,7 @@ const initChart = () => {
trigger: 'axis'
},
legend: {
- data: ['患者', '普通',]
+ data: ['普通',]
},
grid: {
left: '3%',
@@ -279,33 +328,17 @@ const initChart = () => {
xAxis: {
type: 'category',
boundaryGap: true,
- data: [
- '2024-04-01',
- '2024-03-30',
- '2024-03-26',
- '2024-03-22',
- '2024-03-18',
- '2024-03-14',
- '2024-03-10',
- '2024-03-06',
- '2024-03-02',
- ]
+ data: incomeDateList.value
},
yAxis: {
type: 'value'
},
series: [
- {
- name: '患者',
- type: 'line',
- stack: 'Total',
- data: [120, 132, 101, 134, 90, 230, 210]
- },
{
name: '普通',
type: 'line',
stack: 'Total',
- data: [220, 182, 191, 234, 290, 330, 310]
+ data: incomeCommonData.value
}
]
}
@@ -319,14 +352,14 @@ const initChart = () => {
},
tooltip: {},
xAxis: {
- data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
+ data: countDateList.value
},
yAxis: {},
series: [
{
name: '销量',
type: 'bar',
- data: [5, 20, 36, 10, 10, 20]
+ data: countDataList.value
}
]
});
@@ -349,6 +382,134 @@ const changeCheckDate = (dateItem: any) => {
selectDate.value = null
initChart()
}
+const incomeDateList = ref([
+ '2024-04-01',
+ '2024-03-30',
+ '2024-03-26',
+ '2024-03-22',
+ '2024-03-18',
+])
+const incomeCommonData = ref([220, 182, 191, 234, 290, 330, 310]);
+const initIncomeChart = () => {
+ let date = {start: null, end: null}
+ if (curIncomeDate.value) {
+ date = curIncomeDate.value.func
+ }
+ if (selectIncomeDate.value) {
+ date.start = selectIncomeDate.value[0]
+ date.end = selectIncomeDate.value[1]
+ }
+
+ post("statistics/getPersonPayOverview", {beginTime: date.start, endTime: date.end}).then((res: any) => {
+ incomeDateList.value = res.dateList
+ incomeCommonData.value = res.commonPrice
+ const newChart = echarts.init(document.getElementById('incomeChart'));
+ newChart.setOption({
+
+ xAxis: {
+ type: 'category',
+ boundaryGap: true,
+ data: incomeDateList.value
+ },
+ yAxis: {
+ type: 'value'
+ },
+ series: [
+ {
+ name: '普通',
+ type: 'line',
+ stack: 'Total',
+ data: incomeCommonData.value
+ }
+ ]
+ });
+ })
+
+}
+const curIncomeDate = ref(weekAndMonth[0]);
+const selectIncomeDate = ref();
+const changeIncomeDate = (dateItem: any) => {
+ curIncomeDate.value = dateItem
+ selectIncomeDate.value = null
+ initIncomeChart()
+
+}
+
+const changeSelectIncomeDate = (date: any) => {
+ curIncomeDate.value = null
+ selectIncomeDate.value = date
+ let temp = formatDateArray(date)
+ selectIncomeDate.value[0] = temp[0]
+ selectIncomeDate.value[1] = getEndOfDay(temp[1])
+
+ initIncomeChart()
+}
+
+
+
+const curCountDate = ref(weekAndMonth[0]);
+const selectCountDate = ref();
+const changeCountDate = (dateItem: any) => {
+ curCountDate.value = dateItem
+ selectCountDate.value = null
+ initCountChart()
+
+}
+const countDateList = ref([
+ '2024-04-01',
+ '2024-03-30',
+ '2024-03-26',
+ '2024-03-22',
+ '2024-03-18',
+ '2024-03-14',
+ '2024-03-10',
+ '2024-03-06',
+ '2024-03-02',
+])
+const countDataList = ref([5, 20, 36, 10, 10, 20])
+const changeSelectCountDate = (date: any) => {
+ curCountDate.value = null
+ selectCountDate.value = date
+ let temp = formatDateArray(date)
+ selectCountDate.value[0] = temp[0]
+ selectCountDate.value[1] = getEndOfDay(temp[1])
+
+ initCountChart()
+}
+const initCountChart = () => {
+ let date = {start: null, end: null}
+ if (curCountDate.value) {
+ date = curCountDate.value.func
+ }
+ if (selectCountDate.value) {
+ date.start = selectCountDate.value[0]
+ date.end = selectCountDate.value[1]
+ }
+
+ post("statistics/getSalesVolumeOverview", {beginTime: date.start, endTime: date.end}).then((res: any) => {
+ countDateList.value = res.dateList
+ countDataList.value = res.countList
+ const newChart = echarts.init(document.getElementById('countChart'));
+ newChart.setOption({
+
+ xAxis: {
+ data: countDateList.value
+ },
+
+ yAxis: {
+ },
+ series: [
+ {
+ name: '销量',
+ type: 'bar',
+ data: countDataList.value
+ }
+ ]
+ });
+ })
+
+}
+