|
@@ -105,7 +105,11 @@
|
|
|
color="#595959"
|
|
|
/></div>
|
|
|
<div class="chart-wrap">
|
|
|
- <my-chart :options="options3" ref="chart3"></my-chart>
|
|
|
+ <my-chart
|
|
|
+ :options="options3"
|
|
|
+ @chartClick="chart3Click"
|
|
|
+ ref="chart3"
|
|
|
+ ></my-chart>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -375,6 +379,14 @@ const tableDataHandle = (data) => {
|
|
|
// return item;
|
|
|
// });
|
|
|
return data;
|
|
|
+ // let totalCount = data.day.reduce((num, item) => {
|
|
|
+ // return num + item.count;
|
|
|
+ // }, 0);
|
|
|
+ // return data.day.map((item) => {
|
|
|
+ // item.rate = ((item.count * 100) / totalCount).toFixed(2) + '%';
|
|
|
+ // return item;
|
|
|
+ // });
|
|
|
+ return data;
|
|
|
}
|
|
|
};
|
|
|
onMounted(() => {
|
|
@@ -432,22 +444,28 @@ const chart2Click = (params) => {
|
|
|
monthDispatchDrillData.value.month = params.name.split('-')[1];
|
|
|
showMonthDispatchDrill.value = true;
|
|
|
};
|
|
|
+const chart3Click = (params) => {
|
|
|
+ monthDispatchDrillData.value.type = 'OFFICE';
|
|
|
+ monthDispatchDrillData.value.year = params.name.split('-')[0];
|
|
|
+ monthDispatchDrillData.value.month = params.name.split('-')[1];
|
|
|
+ showMonthDispatchDrill.value = true;
|
|
|
+};
|
|
|
const chart4Click = (params) => {
|
|
|
- regionDispatchDrillData.value.name = params.name;
|
|
|
- regionDispatchDrillData.value.supplierId = params.data.id;
|
|
|
+ supplierDispatchDrillData.value.name = params.name;
|
|
|
+ supplierDispatchDrillData.value.supplierId = params.data.id;
|
|
|
showSupplierDispatchDrill.value = true;
|
|
|
};
|
|
|
|
|
|
const tableRowClick5 = (item) => {
|
|
|
regionDispatchDrillData.value.type = 'CLOUD_MARK';
|
|
|
- regionDispatchDrillData.value.regionId = item.id;
|
|
|
+ // regionDispatchDrillData.value.regionId = item.id;
|
|
|
regionDispatchDrillData.value.name = item.name;
|
|
|
showRegionDispatchDrill.value = true;
|
|
|
};
|
|
|
|
|
|
const tableRowClick6 = (item) => {
|
|
|
regionDispatchDrillData.value.type = 'OFFICE';
|
|
|
- regionDispatchDrillData.value.regionId = item.id;
|
|
|
+ // regionDispatchDrillData.value.regionId = item.id;
|
|
|
regionDispatchDrillData.value.name = item.name;
|
|
|
showRegionDispatchDrill.value = true;
|
|
|
};
|