@vtx/modals2 2.6.19

package/src/vtx-facility-modal/index.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import VtxBaseModal from '../vtx-base-modal';
+import { OverView } from './components';
+import { overViewService } from './api';
+
+export interface FacilityModalProps {
+    visible?: boolean;
+    onCancel?: () => void;
+    theme?: 'dark' | 'light';
+    title?: '';
+    id: string;
+}
+
+const TABS = [
+    {
+        key: 'overview',
+        title: '综合总览',
+    },
+];
+const VtxFaciityModal = (props: FacilityModalProps) => {
+    const { visible = false, onCancel, theme = 'dark', title = '设施名称', id } = props;
+    const PREFIX = 'facility';
+    // 基础设施基本信息
+    const basicInfo = overViewService.estateStatistics({
+       id,
+    });
+    const tabContents = {
+        overview: <OverView classPrefix={PREFIX} id={id} basicInfo={basicInfo} />,
+    };
+    return (
+        <VtxBaseModal
+            title={basicInfo?.name || title}
+            theme={theme}
+            tabs={TABS}
+            contents={tabContents}
+            visible={visible}
+            onCancel={onCancel}
+        />
+    );
+};
+
+export default VtxFaciityModal;

package/src/vtx-facility-modal/style/index.less

@@ -0,0 +1 @@
+@prefix-cls: facility;

package/src/vtx-facility-modal/style/index.tsx

@@ -0,0 +1,2 @@
+import '../components/OverView/index.less';
+import './index.less';

package/src/vtx-facility-modal/types.ts

@@ -0,0 +1,19 @@
+// 总览-基本信息props
+export interface EstateStatisticsProps {
+    id: string;
+}
+
+// 总览-基本信息Resp
+export interface EstateStatisticsResp {
+    name:string; // 名称
+    typeCode: string; // 类型code
+    typeName: string; // 类型
+    manageUnitName: string; // 管理单位
+    address: string; //地址
+    facilityLength: string; // 长
+    facilityWidth: string; // 宽
+    facilityArea: string; //面积
+    tenderName: string; // 所属标段
+    facilityClassName: string;// 道路等级
+    [key: string]: any;
+}

package/src/vtx-housing-estate-modal/api.ts

@@ -0,0 +1,557 @@
+import { request, downloadFile } from '@vtx/utils';
+import { useRequest } from 'ahooks';
+import * as Types from './types';
+
+const query = async <T>(url: string, params: any, method: 'get' | 'post' = 'get'): Promise<T> => {
+    const res = await request[method](url, {
+        data: params,
+    });
+    return res?.data;
+};
+
+export const queryPage = async <T>(url: string, params: T) => {
+    const res = await request.get(url, {
+        data: params,
+    });
+    return {
+        list: res?.data?.rows || [],
+        total: res?.data?.total || 0,
+    };
+};
+
+const PREFIX = '/cloud/sdyd/kanban/v2';
+
+// 违规行为下拉
+export const getViolateBehavior = () => {
+    return query<{ text: string; value: string }[]>(
+        '/cloud/sdyd/common/loadEnumValue',
+        {
+            enumCode: 'ThrowAberrantEnum',
+        },
+        'post',
+    );
+};
+
+export const getDivisionBusinessPackages = (housingEstateId: string) => {
+    const { data } = useRequest(
+        () =>
+            query<any>('/cloud/sdyd/user/divisionBusinessPackages', {
+                housingEstateId,
+            }),
+        {
+            ready: !!housingEstateId,
+            refreshDeps: [housingEstateId],
+        },
+    );
+    return data;
+};
+
+// 枚举
+export const getLoadEnumValue = (housingEstateId: string) => {
+    const { data } = useRequest(
+        () =>
+            query<any>('/cloud/sdyd/user/divisionBusinessPackages', {
+                housingEstateId,
+            }),
+        {
+            ready: !!housingEstateId,
+            refreshDeps: [housingEstateId],
+        },
+    );
+    return data;
+};
+// 综合总览
+export const overViewService = {
+    // 投放点
+    throwPoints: ({ housingEstateId }: { housingEstateId: string }) => {
+        const { data } = useRequest(
+            () =>
+                query<any>('/cloud/sdyd/throwPoint/list', {
+                    housingEstateId,
+                    containsLongLat: true,
+                }),
+            {
+                ready: !!housingEstateId,
+                refreshDeps: [housingEstateId],
+            },
+        );
+        return data;
+    },
+    // 小区基本数据
+    estateStatistics: ({ housingEstateId }: Types.EstateStatisticsProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.EstateStatisticsResp>(
+                    `${PREFIX}/housingEstatePopup/housingEstateStatistics`,
+                    {
+                        housingEstateId,
+                    },
+                ),
+            {
+                ready: !!housingEstateId,
+                refreshDeps: [housingEstateId],
+            },
+        );
+        return data;
+    },
+    // 投放热度按垃圾类型统计
+    throwSumByGarbageType: ({ housingEstateId }: Types.ThrowSumByGarbageTypeProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.ThrowSumByGarbageTypeResp[]>(
+                    `${PREFIX}/popupCommon/throwSumByGarbageType`,
+                    {
+                        housingEstateId,
+                    },
+                ),
+            {
+                refreshDeps: [housingEstateId],
+                // pollingInterval: 5000
+            },
+        );
+        return data;
+    },
+    // 投放热度按24h统计
+    throwSumByHour: ({ housingEstateId, beginTime, endTime }: Types.ThrowSumByHourProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.ThrowSumByGarbageTypeResp[]>(`${PREFIX}/popupCommon/throwSumByHour`, {
+                    housingEstateId,
+                    beginTime,
+                    endTime,
+                }),
+            {
+                refreshDeps: [housingEstateId, beginTime, endTime],
+            },
+        );
+        return data;
+    },
+    // 点位分布
+    throwSumByPointOneWeek: ({ housingEstateId }: Types.ThrowSumByDayAndPointProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.ThrowSumByDayAndPointResp[]>(
+                    `${PREFIX}/popupCommon/throwSumByPointOneWeek`,
+                    {
+                        housingEstateId,
+                    },
+                ),
+            {
+                refreshDeps: [housingEstateId],
+            },
+        );
+        return data;
+    },
+    // 一周趋势
+    throwSumByDayAndPoint: ({ housingEstateId }: Types.ThrowSumByDayAndPointProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.ThrowSumByDayAndPointResp[]>(
+                    `${PREFIX}/popupCommon/throwSumByDayAndPointOneWeek`,
+                    {
+                        housingEstateId,
+                    },
+                ),
+            {
+                refreshDeps: [housingEstateId],
+            },
+        );
+        return data;
+    },
+    // AI工单报事件类型分布
+    alarmSumByType: ({
+        housingEstateId,
+        businessPackage,
+        beginTime,
+        endTime,
+    }: Types.AlarmByTypeProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.AlarmByTypeResp[]>(`${PREFIX}/popupCommon/aiAlarmGroupByType`, {
+                    housingEstateId,
+                    businessPackage,
+                    beginTime,
+                    endTime,
+                }),
+            {
+                refreshDeps: [housingEstateId, businessPackage, beginTime, endTime],
+                // pollingInterval: 5000
+            },
+        );
+        return data;
+    },
+    // AI工单近一周趋势
+    alarmSumByDate: ({
+        housingEstateId,
+        businessPackage,
+        beginTime,
+        endTime,
+    }: Types.AlarmByDateProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.AlarmByDateResp[]>(
+                    `${PREFIX}/popupCommon/aiAlarmGroupByTypeAndDayOneWeek`,
+                    {
+                        housingEstateId,
+                        businessPackage,
+                        beginTime,
+                        endTime,
+                    },
+                ),
+            {
+                refreshDeps: [housingEstateId, businessPackage, beginTime, endTime],
+            },
+        );
+        return data;
+    },
+    // 运营管理
+    managementData: ({ housingEstateId }: Types.ManagementProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.ManagementResp>(`${PREFIX}/popupCommon/operationManagement`, {
+                    housingEstateId,
+                }),
+            {
+                refreshDeps: [housingEstateId],
+                // pollingInterval: 5 * 60 * 1000
+            },
+        );
+        return data;
+    },
+    // 工单处理效率
+    resolveEfficiency: ({
+        housingEstateId,
+        businessPackage,
+        beginTime,
+        endTime,
+    }: Types.ResolveEfficiencyProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.ResolveEfficiencyResp>(`${PREFIX}/popupCommon/resolveEfficiency`, {
+                    housingEstateId,
+                    businessPackage,
+                    beginTime,
+                    endTime,
+                }),
+            {
+                refreshDeps: [housingEstateId, businessPackage, beginTime, endTime],
+                //pollingInterval: 5000
+            },
+        );
+        return data;
+    },
+};
+
+// 违规人公示
+export const throwFailPersonService = {
+    list: ({
+        housingEstateId,
+        beginTime,
+        endTime,
+        throwPointId = '',
+    }: Types.ThrowFailPersonProps) => {
+        const { data } = useRequest(
+            () =>
+                query<{ rows: Types.ThrowFailPersonResp[]; total: number }>(
+                    `${PREFIX}/popupCommon/throwFailPersonPage`,
+                    {
+                        page: 0,
+                        size: 999999,
+                        housingEstateId,
+                        beginTime,
+                        endTime,
+                        throwPointId,
+                    },
+                ),
+            {
+                ready: !!housingEstateId,
+                refreshDeps: [housingEstateId, beginTime, endTime, throwPointId],
+            },
+        );
+        return data;
+    },
+    export: ({
+        housingEstateId,
+        beginTime,
+        endTime,
+        throwPointId = '',
+        throwFailIds = '',
+    }: Types.ThrowFailPersonExportProps) => {
+        downloadFile(
+            `${PREFIX}/popupCommon/throwFailPersonExport`,
+            {
+                data: {
+                    housingEstateId,
+                    beginTime,
+                    endTime,
+                    throwPointId,
+                    throwFailIds,
+                },
+            },
+            'blob',
+        );
+    },
+};
+
+// 投放热度
+export const throwRecordService = {
+    count: ({ housingEstateId, startDatetime, endDatetime }: Types.ThrowRecordCountProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.ThrowRecordCountResp>('/cloud/sdyd/throwRecord/count', {
+                    housingEstateId,
+                    startDatetime,
+                    endDatetime,
+                }),
+            {
+                ready: !!housingEstateId,
+                refreshDeps: [housingEstateId, startDatetime, endDatetime],
+            },
+        );
+        return data;
+    },
+};
+
+// 违规行为
+export const throwFailBehaviorService = {
+    list: ({
+        housingEstateId,
+        startDatetime,
+        endDatetime,
+        throwPointId = '',
+        throwAberrantCode = '',
+    }: Types.ViolationRecordProps) => {
+        const { data } = useRequest(
+            () =>
+                query<any[]>('/cloud/sdyd/throwFail/list', {
+                    housingEstateId,
+                    startDatetime,
+                    endDatetime,
+                    throwPointId,
+                    throwAberrantCode,
+                    auditStatusCode: 'PASSED',
+                    rectificationStatuses: 'TO_BE_RESOLVED,TO_BE_AUDITED,FAILED,PASSED',
+                    sourceCodes: ' VIDEO,AI',
+                }),
+            {
+                ready: !!housingEstateId,
+                refreshDeps: [
+                    housingEstateId,
+                    startDatetime,
+                    endDatetime,
+                    throwPointId,
+                    throwAberrantCode,
+                ],
+            },
+        );
+        return data;
+    },
+    export: ({
+        housingEstateId,
+        startDatetime,
+        endDatetime,
+        throwPointId = '',
+    }: Types.ViolationRecordProps) => {
+        downloadFile(
+            `${PREFIX}/popupCommon/throwFailPersonExport`,
+            {
+                data: {
+                    housingEstateId,
+                    startDatetime,
+                    endDatetime,
+                    throwPointId,
+                    auditStatusCode: 'PASSED',
+                    sourceCodes: ' VIDEO,AI',
+                },
+            },
+            'blob',
+        );
+    },
+};
+
+export const alarmService = {
+    tabs: ({ housingEstateId }: { housingEstateId: string }) => {
+        const { data } = useRequest(
+            () =>
+                query<any[]>(' /cloud/sdyd/user/divisionBusinessPackages', {
+                    housingEstateId,
+                }),
+            {
+                refreshDeps: [],
+            },
+        );
+        return data;
+    },
+    // 黑榜
+    blackRank: ({ thisAreaId, areaDimension, businessPackage }: Types.BlackRankProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.BlackRankResp>(`${PREFIX}/center/operationResultBlackRanking`, {
+                    thisAreaId,
+                    areaDimension,
+                    businessPackage,
+                }),
+            {
+                refreshDeps: [thisAreaId, areaDimension, businessPackage],
+                // pollingInterval: 5 * 50 * 1000
+            },
+        );
+        return data;
+    },
+    // 落地包-一周分布
+    aiAlarmGroupByTypeAndHourOneWeek: ({
+        housingEstateId,
+        beginTime,
+        endTime,
+        businessPackage,
+    }: Types.groupByTypeAndHourOneWeekProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.groupByTypeAndHourOneWeekResp[]>(
+                    `${PREFIX}/popupCommon/aiAlarmGroupByTypeAndHourOneWeek`,
+                    {
+                        beginTime,
+                        endTime,
+                        housingEstateId,
+                        businessPackage,
+                    },
+                ),
+            {
+                refreshDeps: [beginTime, endTime, housingEstateId],
+                // pollingInterval: 5000
+            },
+        );
+        const obj: { [key: string]: { throwCount: number; date: string } } = {};
+        if (data?.length) {
+            data.forEach(item => {
+                if (!obj[item.date]) {
+                    obj[item.date] = {
+                        throwCount: item.count,
+                        date: item.date,
+                    };
+                }
+                obj[item.date].throwCount += item.count;
+            });
+        }
+        return Object.values(obj);
+    },
+    // 分类质量-厨余未破袋，混合投放占比
+    chuyuFail: ({ housingEstateId, beginTime, endTime }: Types.ChuyuFailProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.ChuyuFailResp>(`${PREFIX}/popupCommon/chuyuFail`, {
+                    beginTime,
+                    endTime,
+                    housingEstateId,
+                }),
+            {
+                refreshDeps: [beginTime, endTime, housingEstateId],
+                // pollingInterval: 5000
+            },
+        );
+        return data;
+    },
+    // 分类质量-混投垃圾排行
+    mixSumRank: ({
+        housingEstateId,
+        beginTime,
+        endTime,
+    }: Types.MixedThrowSumByGarbageTypeProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.MixedThrowSumByGarbageTypeResp[]>(
+                    `${PREFIX}/popupCommon/mixedThrowSumByGarbageType`,
+                    {
+                        beginTime,
+                        endTime,
+                        housingEstateId,
+                    },
+                ),
+            {
+                refreshDeps: [beginTime, endTime, housingEstateId],
+            },
+        );
+        return data;
+    },
+    // 满溢-处理效率
+    myEfficiency: ({ housingEstateId, beginTime, endTime }: Types.MyEfficiencyProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.MyEfficiencyResp>(`${PREFIX}/popupCommon/overflowResolveEfficiency`, {
+                    beginTime,
+                    endTime,
+                    housingEstateId,
+                }),
+            {
+                refreshDeps: [beginTime, endTime, housingEstateId],
+            },
+        );
+        return data;
+    },
+    // 满溢-垃圾类型占比
+    mySumByGarbageType: ({
+        housingEstateId,
+        beginTime,
+        endTime,
+    }: Types.MySumByGarbageTypeProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.MySumByGarbageTypeResp[]>(
+                    `${PREFIX}/popupCommon/overflowSumByGarbageType`,
+                    {
+                        beginTime,
+                        endTime,
+                        housingEstateId,
+                    },
+                ),
+            {
+                refreshDeps: [beginTime, endTime, housingEstateId],
+            },
+        );
+        return data;
+    },
+    // 满溢-一周趋势变化
+    mySumByGarbageTypeAndDay: ({
+        housingEstateId,
+        beginTime,
+        endTime,
+    }: Types.MySumByGarbageTypeAndDayProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.MySumByGarbageTypeAndDayResp[]>(
+                    `${PREFIX}/popupCommon/overflowSumByGarbageTypeAndDay`,
+                    {
+                        beginTime,
+                        endTime,
+                        housingEstateId,
+                    },
+                ),
+            {
+                refreshDeps: [beginTime, endTime, housingEstateId],
+            },
+        );
+        return data;
+    },
+    // 满溢-时段分布
+    mySumByGarbageTypeAndPeriod: ({
+        housingEstateId,
+        beginTime,
+        endTime,
+    }: Types.MySumByGarbageTypeAndPeriodProps) => {
+        const { data } = useRequest(
+            () =>
+                query<Types.MySumByGarbageTypeAndPeriodResp[]>(
+                    `${PREFIX}/popupCommon/overflowSumByGarbageTypeAndPeriod`,
+                    {
+                        beginTime,
+                        endTime,
+                        housingEstateId,
+                    },
+                ),
+            {
+                refreshDeps: [beginTime, endTime, housingEstateId],
+            },
+        );
+        return data;
+    },
+};