@vtx/modals2 2.6.19

package/src/vtx-car-modal/api.ts

@@ -0,0 +1,429 @@
+import { request } from '@vtx/utils';
+import { useRequest } from 'ahooks';
+const BaseService = {
+    useBaseInfo: (id: string) => {
+        const { data: baseInfoRes } = useRequest(
+            () =>
+                request.get('/cloud/gps-reborn/sdk/car/getCarInfoByProductType', {
+                    data: { carId: id },
+                }),
+            { refreshDeps: [id] },
+        );
+        const info = baseInfoRes?.data;
+        const baseInfo = [
+            {
+                label: '所属单位',
+                key: 'deptName',
+                value: info?.deptName,
+            },
+            {
+                label: '使用单位',
+                key: 'useUnitName',
+                value: info?.useUnitName,
+            },
+            {
+                label: '所属标段',
+                key: 'bidSectionName',
+                value: info?.bidSectionName,
+            },
+            {
+                label: '行政区划',
+                key: 'divisionName',
+                value: info?.divisionName,
+            },
+            {
+                label: '责任人',
+                key: 'manageStaffName',
+                value: info?.manageStaffName,
+            },
+            {
+                label: '联系人',
+                key: 'contact',
+                value: info?.contact,
+            },
+            {
+                label: '联系电话',
+                key: 'contactWay',
+                value: info?.contactWay,
+            },
+        ];
+
+        return {
+            baseInfo,
+            info,
+        };
+    },
+    useDailySummaryJxh: (carId: string, date: string) => {
+        // 左侧今日排版、今日作业
+        const { data: dailySummaryJxh } = useRequest(
+            () =>
+                request.get('/cloud/zyqs-reborn/api/kanban/kanbanWorkInfoAndShiftStatistics', {
+                    data: {
+                        carId,
+                        date,
+                    },
+                }),
+            { ready: !!carId, refreshDeps: [carId, date] },
+        );
+        return {
+            dailySummaryJxh: dailySummaryJxh?.data || {},
+        };
+    },
+    useDailyCarRun: (id: string, beginTime: string, endTime: string) => {
+        //今日运行
+        const { data: dailyCarRunRes } = useRequest(
+            () =>
+                request.get('/cloud/gps-reborn/report/dailyCarRun/list', {
+                    data: {
+                        carIds: id,
+                        reportDateStart: beginTime,
+                        reportDateEnd: endTime,
+                    },
+                }),
+            { refreshDeps: [id, beginTime, endTime] },
+        );
+        return {
+            dailyCarRunRes: dailyCarRunRes?.data || [],
+        };
+    },
+    useTodayRun: (carId: string, beginTime: string, endTime: string) => {
+        //今日运行
+        const { data: todayRunRes } = useRequest(
+            () =>
+                request.get('/cloud/gps-reborn/car/detail/alarmSumWithDetail', {
+                    data: {
+                        carId,
+                        beginTime: `${beginTime} 00:00:00`,
+                        endTime: `${endTime} 23:59:59`,
+                    },
+                }),
+            { refreshDeps: [carId, beginTime, endTime] },
+        );
+        return {
+            todayRunRes: todayRunRes?.data || {},
+        };
+    },
+    useTodayWorkJxh: (carId: string, date: string) => {
+        //今日作业-机械化
+        const { data: todayRunJxhRes } = useRequest(
+            () =>
+                request.get('/cloud/zyqs-reborn/api/kanban/getRoadWorkInfoByCarId', {
+                    data: {
+                        carId,
+                        date,
+                    },
+                }),
+            { refreshDeps: [carId, date] },
+        );
+        return {
+            todayRunJxhRes: todayRunJxhRes?.data || [],
+        };
+    },
+    useTodayWorkLjsy: (carId: string, dateValue: string) => {
+        //今日作业-垃圾收运
+        const { data: todayRunLjsyRes } = useRequest(
+            () =>
+                request.get('/cloud/ljsy-reborn/api/kanban/getWorkInfoByCarIdWithDetail', {
+                    data: {
+                        carId,
+                        dateValue,
+                    },
+                }),
+            { refreshDeps: [carId, dateValue] },
+        );
+        return {
+            todayRunLjsyRes: todayRunLjsyRes?.data || [],
+        };
+    },
+    useWorkSummaryJxh: (carId: string, startDate: string, endDate: string) => {
+        //机械化作业统计
+        const { data: workSummaryJxhRes } = useRequest(
+            () =>
+                request.get('/cloud/zyqs-reborn/api/kanban/workInfoStatisticsByCarId', {
+                    data: {
+                        carId,
+                        startDate,
+                        endDate,
+                    },
+                }),
+            { refreshDeps: [carId, startDate, endDate] },
+        );
+        return {
+            workSummaryJxhRes: workSummaryJxhRes?.data || {},
+        };
+    },
+    useWorkAnaJxh: (carId: string, startDate: string, endDate: string) => {
+        //机械化作业分析
+        const { data: workAnaJxhRes } = useRequest(
+            () =>
+                request.get('/cloud/zyqs-reborn/api/kanban/workInfoAnalysisByCarId', {
+                    data: {
+                        carId,
+                        startDate,
+                        endDate,
+                    },
+                }),
+            { refreshDeps: [carId, startDate, endDate] },
+        );
+        return {
+            workAnaJxhRes: workAnaJxhRes?.data || [],
+        };
+    },
+    useWorkAnaLjsy: (carId: string, startDate: string, endDate: string, isReleate: boolean) => {
+        //垃圾收运-作业分析
+        const { data: workAnaLjsyRes } = useRequest(
+            () =>
+                request.get('/cloud/ljsy-reborn/api/kanban/getWorkInfoAnalysisByCarId', {
+                    data: {
+                        carId,
+                        startDate,
+                        endDate,
+                    },
+                }),
+            { ready: isReleate, refreshDeps: [carId, startDate, endDate] },
+        );
+        return {
+            workAnaLjsyRes: workAnaLjsyRes?.data || {},
+        };
+    },
+};
+
+const AlarmService = {
+    useAlarmType: (carIds: string, startTime: string, endTime: string) => {
+        const { data: alarmTypesRes } = useRequest(
+            () =>
+                request.get('/cloud/gps-reborn/alarm/record/statisticsPage', {
+                    data: {
+                        carIds,
+                        startTime,
+                        endTime,
+                    },
+                }),
+            { refreshDeps: [carIds, startTime, endTime] },
+        );
+        return {
+            alarmTypes: alarmTypesRes?.data || { totalCount: 0, summary: [] },
+        };
+    },
+    useAlarmList: (
+        carCode: string,
+        alarmStrategyName: string,
+        startTime: string,
+        endTime: string,
+        page: number,
+    ) => {
+        const { data: recordRes } = useRequest(
+            () =>
+                request.get('/cloud/gps-reborn/alarm/record/pageList', {
+                    data: {
+                        carCode,
+                        alarmStrategyName,
+                        startTime,
+                        endTime,
+                        page,
+                        rows: 10,
+                    },
+                }),
+            { refreshDeps: [carCode, alarmStrategyName, startTime, endTime, page] },
+        );
+        return {
+            alarmRecord: recordRes?.data || {},
+        };
+    },
+};
+// 作业信息
+const WorkServicve = {
+    useWorkTypeJxh: () => {
+        //机械化作业类型
+        const { data: workTypeRes } = useRequest(() =>
+            request.get('/cloud/zyqs-reborn/api/v101/common/listWorkType', {
+                data: {},
+            }),
+        );
+        return {
+            workTypeRes: workTypeRes?.data || [],
+        };
+    },
+    useRecordJxh: (
+        carId: string,
+        workTypeCodes: string,
+        startDate: string,
+        endDate: string,
+        pageNo: number,
+        order: string,
+    ) => {
+        //机械化
+        const { data: recordJxhRes } = useRequest(
+            () =>
+                request.get('/cloud/zyqs-reborn/api/v1.5/noshift/page', {
+                    data: {
+                        carId,
+                        workTypeCodes,
+                        needFilterWork: true,
+                        startDate,
+                        endDate,
+                        pageNo,
+                        pageSize: 10,
+                        sort: 'workDate',
+                        order,
+                    },
+                }),
+            { refreshDeps: [carId, workTypeCodes, startDate, endDate, pageNo, order] },
+        );
+        return {
+            recordJxhRes: recordJxhRes?.data || [],
+        };
+    },
+    useWorkSummaryLjsy: (carId: string, startDate: string, endDate: string) => {
+        //垃圾收运头部统计
+        const { data: summaryLjsy } = useRequest(
+            () =>
+                request.get('/cloud/ljsy-reborn/api/kanban/getWorkInfoSummaryByCarId', {
+                    data: { carId, startDate, endDate },
+                }),
+            { refreshDeps: [carId, startDate, endDate] },
+        );
+        return {
+            summaryLjsy: summaryLjsy?.data || [],
+        };
+    },
+    useRecordLjsy: (
+        carIds: string,
+        startTime: string,
+        endTime: string,
+        page: number,
+        sort: string,
+    ) => {
+        //机械化
+        const { data: recordLjsyRes } = useRequest(
+            () =>
+                request.get('/cloud/ljsy-reborn/api/collect/record/detail/page', {
+                    data: {
+                        carIds,
+                        startTime,
+                        endTime,
+                        page,
+                        size: 10,
+                        sort
+                    },
+                }),
+            { refreshDeps: [carIds, startTime, endTime, page, sort] },
+        );
+        return {
+            recordLjsyRes: recordLjsyRes?.data || [],
+        };
+    },
+};
+//油耗
+const OilService = {
+    useOilLine: (carId: string, startTime: string, endTime: string) => {
+        const { data: oilLineRes } = useRequest(
+            () =>
+                request.get('/cloud/oil-reborn/api/oilUse/oilLine.smvc', {
+                    data: {
+                        carId,
+                        startTime,
+                        endTime,
+                    },
+                }),
+            { refreshDeps: [carId, startTime, endTime] },
+        );
+        return {
+            oilLineRes: oilLineRes?.data || [],
+        };
+    },
+    useSummary: (carId: string, startTime: string, endTime: string) => {
+        const { data: summaryRes } = useRequest(
+            () =>
+                request.get('/cloud/oil-reborn/api/oilUse/summary.smvc', {
+                    data: {
+                        carId,
+                        startTime,
+                        endTime,
+                    },
+                }),
+            { refreshDeps: [carId, startTime, endTime] },
+        );
+        return {
+            summaryRes: summaryRes?.data || [],
+        };
+    },
+    useRecord: (carId: string, startTime: string, endTime: string, page: number, sort: string) => {
+        const { data: recordRes } = useRequest(
+            () =>
+                request.get('/cloud/oil-reborn/api/oilUse/simplePage.smvc', {
+                    data: {
+                        carId,
+                        startTime,
+                        endTime,
+                        page,
+                        rows: 10,
+                        sortKey: 'day',
+                        sort,
+                    },
+                }),
+            { refreshDeps: [carId, startTime, endTime, page, sort] },
+        );
+        return {
+            recordRes: recordRes?.data || [],
+        };
+    },
+};
+//水耗
+const WaterService = {
+    useSummary: (carId: string, startTime: string, endTime: string) => {
+        const { data: summaryRes } = useRequest(
+            () =>
+                request.get('/cloud/water-reborn/api/v101/water/waterMeasure/summary', {
+                    data: {
+                        hasWaterStatus: true,
+                        carId,
+                        startTime,
+                        endTime,
+                    },
+                }),
+            { refreshDeps: [carId, startTime, endTime] },
+        );
+        return {
+            summaryRes: summaryRes?.data || [],
+        };
+    },
+    useRecord: (carId: string, startDate: string, endDate: string, order: string) => {
+        const { data: recordRes } = useRequest(
+            () =>
+                request.get('/cloud/water-reborn/api/v101/water/waterMeasure/queryList', {
+                    data: {
+                        hasWaterStatus: true,
+                        carId,
+                        startDate,
+                        endDate,
+                        sort: 'day',
+                        order,
+                    },
+                }),
+            { refreshDeps: [carId, startDate, endDate, order] },
+        );
+        return {
+            recordRes: recordRes?.data || [],
+        };
+    },
+};
+// 维保
+const MaintenanceService = {
+    useMaintenance: (carId: string) => {
+        const { data: maintenanceRes } = useRequest(
+            () =>
+                request.get('/cloud/clwb/api/v101/carComprehensiveBoard/carWbAnalyse', {
+                    data: {
+                        carId,
+                    },
+                }),
+            { refreshDeps: [carId] },
+        );
+        return {
+            maintenanceRes: maintenanceRes?.data || [],
+        };
+    },
+};
+
+export { BaseService, AlarmService, WorkServicve, OilService, WaterService, MaintenanceService };

package/src/vtx-car-modal/components/AlarmInfo/Charts.tsx

@@ -0,0 +1,199 @@
+import React from 'react';
+import sumBy from 'lodash/sumBy';
+import ReactEcharts from 'echarts-for-react';
+import useSettings from '../../../vm-hooks/useSettings';
+import NoData from '../../../vm-nodata';
+
+interface DataTypeProps {
+    alarmTypeName: string;
+    count: number;
+}
+
+interface DataType {
+    name: string;
+    value: number;
+}
+const Charts = (props: { pieData: Array<DataTypeProps>; lineData: any }) => {
+    const { chartColor, chartFontColor } = useSettings();
+    const { pieData = [], lineData = {} } = props;
+    let total = 0;
+    let list: DataType[] = [];
+    if (pieData?.length > 0) {
+        total = sumBy(pieData, function(o: DataTypeProps) {
+            return o.count;
+        });
+        list = pieData.map(ele => ({
+            name: ele.alarmTypeName,
+            value: ele.count,
+        }));
+    }
+
+    let option = {
+        color: chartColor,
+        backgroundColor: 'transparent',
+        tooltip: {
+            show: true,
+            trigger: 'item',
+        },
+        title: {
+            left: '29.5%',
+            top: '40%',
+            text: '报警总次数',
+            textAlign: 'center',
+            textStyle: {
+                color: chartFontColor,
+                fontSize: 14,
+            },
+            subtext: total,
+            subtextStyle: {
+                color: chartFontColor,
+                fontSize: 22,
+            },
+        },
+        legend: {
+            orient: 'vertical',
+            left: '42%',
+            top: 'middle',
+            align: 'left',
+            itemGap: 12,
+            itemWidth: 10,
+            itemHeight: 10,
+            formatter: function(name: string) {
+                const value = list.find((item: DataType) => item.name === name);
+                if (value) {
+                    return `\t\t${name}\t\t${value.value}次\t\t`;
+                } else {
+                    return '';
+                }
+            },
+            textStyle: {
+                fontSize: 14,
+                color: chartFontColor,
+            },
+            pageIconColor: chartFontColor,
+            pageIconInactiveColor: chartFontColor,
+            pageTextStyle: {
+                color: chartFontColor,
+            },
+        },
+        series: [
+            {
+                type: 'pie',
+                radius: ['55%', '75%'],
+                center: ['30%', '50%'],
+                hoverAnimation: true,
+                z: 10,
+                itemStyle: {
+                    normal: {
+                        borderWidth: 2,
+                        borderColor: '#003359',
+                    },
+                },
+                label: {
+                    show: false,
+                },
+                data: list,
+                labelLine: {
+                    show: false,
+                },
+            },
+        ],
+    };
+
+    const xAxis = lineData?.names || [];
+
+    const lineOption = {
+        color: chartColor,
+        tooltip: {
+            trigger: 'axis',
+        },
+        legend: {
+            show: true,
+            itemWith: 6,
+            itemHeight: 6,
+            top: 20,
+            textStyle: {
+                color: chartFontColor,
+                fontSize: 12,
+            },
+            data: lineData?.legends || [],
+        },
+        grid: {
+            // top: 58,
+            left: 24,
+            bottom: 12,
+            right: 36,
+            containLabel: true,
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            axisTick: {
+                show: false,
+            },
+            axisLabel: {
+                color: chartFontColor,
+            },
+            data: xAxis || [],
+        },
+        yAxis: [
+            {
+                name: '',
+                type: 'value',
+                nameTextStyle: {
+                    color: chartFontColor,
+                },
+                axisTick: {
+                    show: false,
+                },
+                axisLabel: {
+                    color: chartFontColor,
+                },
+                axisLine: {
+                    show: true,
+                },
+                splitLine: {
+                    lineStyle: {
+                        type: 'dashed',
+                        color: 'rgba(151,151,151,0.28)',
+                    },
+                },
+            },
+        ],
+        series:
+            lineData?.values?.length > 0
+                ? lineData.values.map((ele: Array<any>, index: number) => {
+                      return {
+                          type: 'line',
+                          name: lineData.legends[index],
+                          data: ele,
+                      };
+                  })
+                : [],
+    };
+
+    return (
+        <div className="car-alarm-charts">
+            {pieData?.length ? (
+                <ReactEcharts
+                    option={option}
+                    notMerge
+                    lazyUpdate
+                    style={{ height: '200px', width: '100%' }}
+                />
+            ) : (
+                <NoData style={{ height: '200px', width: '400px' }} />
+            )}
+            {lineData?.values?.length > 0 && (
+                <ReactEcharts
+                    option={lineOption}
+                    notMerge
+                    lazyUpdate
+                    style={{ height: '300px', width: '100%' }}
+                />
+            )}
+        </div>
+    );
+};
+
+export default Charts;