@vtx/modals2 2.6.19 → 2.6.21

package/src/vtx-housing-estate-modal/components/WGXW/Content.tsx

@@ -1,74 +0,0 @@
-import React from 'react';
-import { VtxImage } from '@vtx/components';
-import NoData from '../../../vm-nodata';
-import { throwFailBehaviorService } from '../../api';
-import './index.less';
-
-interface WGGSContentProps {
-    classPrefix?: string;
-    id?: string;
-    throwAberrantCode?: string;
-    startTime: string;
-    endTime: string;
-    throwPointId?: string;
-}
-
-const WGGSContent = ({
-    classPrefix = '',
-    id,
-    throwAberrantCode,
-    startTime,
-    endTime,
-    throwPointId,
-}: WGGSContentProps) => {
-    const data = throwFailBehaviorService.list({
-        housingEstateId: id,
-        startDatetime: startTime,
-        endDatetime: endTime,
-        throwPointId,
-        throwAberrantCode: throwAberrantCode === 'all' ? '' : throwAberrantCode,
-    });
-    return !data?.length ? (
-        <div
-            style={{ height: 500, display: 'flex', justifyContent: 'center', alignItems: 'center' }}
-        >
-            <NoData />
-        </div>
-    ) : (
-        <div className={`${classPrefix}-content`}>
-            {data?.map?.(item => {
-                const photoId = JSON.parse(item.photoAfter || '[]')[0]?.id;
-                const tempDetectObjects = JSON.parse(item.detectObjects || '[]');
-                const photoAfterArr = tempDetectObjects.find((item: any) => item.pic === 'dropPic2')
-                    ?.info;
-                const str = `/cloud/sdyd/markBox?fileId=${photoId}&detectObjects=${
-                    photoAfterArr ? JSON.stringify(photoAfterArr) : ''
-                }`;
-                return (
-                    <div key={item.id} className={`${classPrefix}-content-item`}>
-                        <div className={`${classPrefix}-content-item-img`}>
-                            <VtxImage src={str} />
-                        </div>
-                        <div className={`${classPrefix}-content-item-info1`}>
-                            <span>{item.throwPointName}</span>
-                            <span
-                                className={`${classPrefix}-content-item-${item.rectificationStatus}`}
-                            >
-                                {item.rectificationStatusDesc}
-                            </span>
-                        </div>
-                        <div className={`${classPrefix}-content-item-info2`}>
-                            <span>{item.datetime}</span>
-                            <div>{item.aberrantName}</div>
-                        </div>
-                        <div className={`${classPrefix}-content-item-info3`}>
-                            <img src={require('../../imgs/avatar_empty.png')} />
-                            {item.personName || '暂无关联用户'}
-                        </div>
-                    </div>
-                );
-            })}
-        </div>
-    );
-};
-export default WGGSContent;

package/src/vtx-housing-estate-modal/components/WGXW/index.less

@@ -1,76 +0,0 @@
-@import '../../style/index';
-
-.@{prefix-cls}-wgxw {
-    &-content {
-        max-height: 580px;
-        padding: 10px 20px;
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr;
-        gap: 32px;
-        overflow: auto;
-        &-item {
-            padding: 10px;
-            display: flex;
-            flex-direction: column;
-            height: 263px;
-            background: rgba(255, 255, 255, 0.05);
-            border: 1px solid #364e60;
-            border-radius: 6px;
-            &--active {
-                border: 1px solid #55fff5;
-            }
-            &-img {
-                height: 155px;
-                margin-bottom: 8px;
-                img {
-                    width: 100%;
-                    height: 100%;
-                }
-            }
-            &-info1 {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                margin-bottom: 4px;
-                & > span:nth-child(1) {
-                    color: var(--info-color);
-                    font-size: 16px;
-                }
-            }
-            &-info2 {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                margin-bottom: 4px;
-                & > span {
-                    color: var(--info-color);
-                }
-                & > div {
-                    color: var(--info-color);
-                }
-            }
-            &-info3 {
-                display: flex;
-                gap: 8px;
-                align-items: center;
-                color: var(--info-color);
-            }
-            &-TO_BE_RESOLVED,
-            &-PENDING {
-                color: #faad14;
-            }
-            &-TO_BE_AUDITED {
-                color: #faad14;
-            }
-            &-FAILED {
-                color: #ff4d4f;
-            }
-            &-PASSED {
-                color: #52c41a;
-            }
-            &-IGNORED {
-                color: #999999;
-            }
-        }
-    }
-}

package/src/vtx-housing-estate-modal/components/WGXW/index.tsx

@@ -1,112 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Select } from 'antd';
-import moment, { Moment } from 'moment';
-import { SubTabsLine, SubTabPane } from '../../../vm-sub-tabs';
-import { VMRangePicker } from '../../../vm-filter';
-import WGXWContent from './Content';
-import { getViolateBehavior } from '../../api';
-import './index.less';
-import { filterCode } from '../../config';
-
-const { Option } = Select;
-
-interface WGXWProps {
-    classPrefix?: string;
-    id: string;
-    throwPoints?: any[];
-    serviceList: any;
-}
-
-const WGXW = ({ classPrefix = '', id, throwPoints = [], serviceList }: WGXWProps) => {
-    const prefix = `${classPrefix}-wgxw`;
-    const [tab, setTab] = useState('all');
-    const [times, setTimes] = useState([moment(), moment()]);
-    // 违规行为
-    const [throwAberrantCode, setThrowAberrantCode] = useState('all');
-    // 违规行为
-    const [throwAberrantList, setThrowAberrantList] = useState<{ text: string; value: string }[]>(
-        [],
-    );
-
-    useEffect(() => {
-        getViolateBehavior().then(data => {
-            setThrowAberrantList([{ text: '全部', value: 'all' }, ...(data || [])]);
-        });
-    }, []);
-
-    const onTabChange = (tab: string) => {
-        setTab(tab);
-    };
-    // 导出
-    // const onExport = () => {
-    //     throwFailBehaviorService.export({
-    //         housingEstateId: id,
-    //         startDatetime: times[0].format('YYYY-MM-DD 00:00:00'),
-    //         endDatetime: times[1].format('YYYY-MM-DD 23:59:59'),
-    //         throwPointId: tab === 'all' ? '' : tab,
-    //         throwAberrantCode: throwAberrantCode === 'all' ? '' : throwAberrantCode,
-    //     });
-    // };
-
-    const searchContent = (
-        <div style={{ textAlign: 'right', paddingRight: 10 }}>
-            <span style={{ color: '#B3C4CE' }}> 违规行为：</span>
-
-            <Select
-                value={throwAberrantCode}
-                onChange={value => setThrowAberrantCode(value)}
-                style={{ width: 120 }}
-            >
-                {throwAberrantList.map(item => (
-                    <Option key={item.value}>{item.text}</Option>
-                ))}
-            </Select>
-            <VMRangePicker
-                value={times}
-                onChange={(date: [Moment, Moment]) => setTimes(date)}
-                style={{ margin: '0 10px' }}
-            />
-            {/*<ExportBtn*/}
-            {/*    onClick={onExport}*/}
-            {/*    items={[*/}
-            {/*        {*/}
-            {/*            label: '导出全部',*/}
-            {/*            key: 'all',*/}
-            {/*        },*/}
-            {/*    ]}*/}
-            {/*/>*/}
-        </div>
-    );
-
-    return (
-        <div className={prefix}>
-            <SubTabsLine activeKey={tab} onChange={onTabChange} tabBarExtraContent={searchContent}>
-                <SubTabPane subKey="all" key="all" tab="所有投放点">
-                    <WGXWContent
-                        classPrefix={prefix}
-                        id={id}
-                        throwAberrantCode={throwAberrantCode}
-                        startTime={times[0].format('YYYY-MM-DD 00:00:00')}
-                        endTime={times[1].format('YYYY-MM-DD 23:59:59')}
-                        throwPointId=""
-                    />
-                </SubTabPane>
-                {filterCode(serviceList, ['CHUYU_QUALITY', 'LANDING', 'ON_LID', 'QITA_QUALITY']) && throwPoints?.map(item => {
-                    return (
-                        <SubTabPane subKey={item.id} key={item.id} tab={item.pointName}>
-                            <WGXWContent
-                                classPrefix={prefix}
-                                id={id}
-                                throwAberrantCode={throwAberrantCode}
-                                startTime={times[0].format('YYYY-MM-DD 00:00:00')}
-                                endTime={times[1].format('YYYY-MM-DD 23:59:59')}
-                                throwPointId={item.id}
-                            />
-                        </SubTabPane>
-                    );
-                })}
-            </SubTabsLine>
-        </div>
-    );
-};
-export default WGXW;

package/src/vtx-housing-estate-modal/components/index.tsx

@@ -1,6 +0,0 @@
-export { default as OverView } from './OverView';
-export { default as WGGS } from './WGGS';
-export { default as TFRD } from './TFRD';
-export { default as WGXW } from './WGXW';
-export { default as Alarm } from './Alarm';
-export { default as SPJK } from './SPJK';

package/src/vtx-housing-estate-modal/config.tsx

@@ -1,79 +0,0 @@
-export const OverViewLeftFields = [
-    {
-        key: 'divisionName',
-        label: '行政区划',
-    },
-    {
-        key: 'householdNum',
-        label: '居民户数(户)',
-    },
-    {
-        key: 'personNum',
-        label: '居民人数(人)',
-    },
-    {
-        key: 'baseTypeName',
-        label: '小区类型',
-    },
-    {
-        key: 'address',
-        label: '地址',
-    },
-    {
-        key: 'manageOrgName',
-        label: '管理单位',
-    },
-    {
-        key: 'responsibleOrgName',
-        label: '运营公司',
-    },
-    {
-        key: 'throwPointNum',
-        label: '投放点数量',
-    },
-    {
-        key: 'supervisorNum',
-        label: '督导员数量',
-    },
-    // {
-    //     key: '142',
-    //     label: '联系人',
-    // },
-    // {
-    //     key: '152',
-    //     label: '联系方式',
-    // },
-];
-
-// 过滤echarts数据
-export const getFilterEcharts = (data: any, filterList: any[]) => {
-    let _data: any[] = [];
-    if (!data?.length) return;
-    filterList.forEach((item: any) => {
-        switch (item) {
-            case 'CHUYU_QUALITY':
-                _data = _data.concat(
-                    data?.filter((ele: any) => ele.alarmTypeName === '厨余混投' || ele.alarmTypeName === '厨余未破袋'),
-                );
-                break;
-            case 'LANDING':
-                _data = _data.concat(
-                    data?.filter((ele:any) => ele.alarmTypeName === '误时落地' || ele.alarmTypeName === '正时落地'),
-                );
-                break;
-            case 'OVERFLOW':
-                _data = _data.concat(data?.filter((ele: any) => ele.alarmTypeName === '满溢'));
-                break;
-            default:
-                break;
-        }
-    });
-    return _data;
-} 
-
-// 取两个数组的交集
-export const filterCode = (arr: any, codes: any) => {
-    let newArr = new Set(arr);
-    let newCodes = new Set(codes);
-    return new Set([...newArr].filter(x => newCodes.has(x)));
-};

package/src/vtx-housing-estate-modal/demo/demo1.tsx

@@ -1,28 +0,0 @@
-import { Button } from 'antd';
-import React, { useState } from 'react';
-import { VtxHousingEstateModal } from '@vtx/modals';
-
-export default function Demo() {
-    const [visible, setVisible] = useState(false);
-    return (
-        <div style={{ height: '200px' }}>
-            <Button
-                type="primary"
-                onClick={() => {
-                    setVisible(true);
-                }}
-            >
-                暗色
-            </Button>
-            <VtxHousingEstateModal
-                visible={visible}
-                theme="dark"
-                title="金色家园"
-                id="1561591087133179905"
-                onCancel={() => {
-                    setVisible(false);
-                }}
-            />
-        </div>
-    );
-}

package/src/vtx-housing-estate-modal/index.md

@@ -1,15 +0,0 @@
----
-nav:
-    title: 组件
-    path: /modal
-group:
-    title: 弹窗
-    path: /modal
-    order: 1
----
-
-# 小区弹窗
-
-Demo:
-
-<code src="./demo/demo1.tsx">demo</code>

package/src/vtx-housing-estate-modal/index.tsx

@@ -1,88 +0,0 @@
-import React from 'react';
-import VtxBaseModal from '../vtx-base-modal';
-import { OverView, WGGS, TFRD, WGXW, Alarm } from './components';
-import { overViewService, getLoadEnumValue } from './api';
-
-export interface HousingEstateModalProps {
-    title: string | React.ReactElement;
-    visible?: boolean;
-    onCancel?: () => void;
-    theme?: 'dark' | 'light';
-    id: string;
-}
-
-const VtxHousingEstateModal = (props: HousingEstateModalProps) => {
-    const { visible = false, onCancel, theme = 'dark', id, title = '小区' } = props;
-    const PREFIX = 'estate';
-    // 小区基本信息
-    const basicInfo = overViewService.estateStatistics({
-        housingEstateId: id,
-    });
-    // 小区关联投放点
-    const throwPoints = overViewService.throwPoints({
-        housingEstateId: id,
-    });
-
-    // 小区业务包code
-    const serviceList = getLoadEnumValue(id) || [];
-
-
-    const tabContents = {
-        overview: (
-            <OverView
-                classPrefix={PREFIX}
-                id={id}
-                basicInfo={basicInfo}
-                throwPoints={throwPoints}
-                serviceList={serviceList}
-            />
-        ),
-        wggs: <WGGS classPrefix={PREFIX} id={id} throwPoints={throwPoints} serviceList={serviceList} />,
-        tfrd: <TFRD classPrefix={PREFIX} id={id} />,
-        alarm: <Alarm classPrefix={PREFIX} id={id} />,
-        wgxw: <WGXW classPrefix={PREFIX} id={id} throwPoints={throwPoints} serviceList={serviceList} />,
-        // video: <SPJK classPrefix={PREFIX} videoPlaceCode={basicInfo?.name} />,
-    };
-
-    return (
-        <VtxBaseModal
-            title={title}
-            theme={theme}
-            tabs={[
-                {
-                    key: 'overview',
-                    title: '综合总览',
-                },
-                {
-                    key: 'wggs',
-                    title: '违规人公示',
-                },
-                ...(serviceList.includes('THROW')
-                    ? [
-                        {
-                            key: 'tfrd',
-                            title: '居民投放热度',
-                        },
-                    ]
-                    : []),
-                {
-                    key: 'wgxw',
-                    title: '居民违规行为',
-                },
-                {
-                    key: 'alarm',
-                    title: '报警事件分析',
-                },
-                // {
-                //     key: 'video',
-                //     title: '视频监控',
-                // },
-            ]}
-            contents={tabContents}
-            visible={visible}
-            onCancel={onCancel}
-        />
-    );
-};
-
-export default VtxHousingEstateModal;

package/src/vtx-housing-estate-modal/style/index.less

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

package/src/vtx-housing-estate-modal/style/index.tsx

@@ -1,4 +0,0 @@
-import '../components/OverView/index.less';
-import '../components/WGGS/index.less';
-import '../components/Alarm/index.less';
-import './index.less';