@vtx/modals2 2.6.19 → 2.6.21

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

@@ -1,92 +0,0 @@
-/**
- * 考核弹窗
- */
-import React from 'react';
-import VtxBaseModal from '../vtx-base-modal';
-import { BaseInfo } from './components';
-import { BaseService } from './api';
-import '../style';
-
-const TABS_BASE = 'kh-base';
-
-export interface VtxKhModalProps {
-    id: string;
-    visible: boolean;
-    onCancel: () => void;
-    title: string;
-    subTitle?: string;
-    theme?: 'light' | 'dark';
-    mapCenter?: Array<number | string>;
-}
-
-const VtxKhModal = (props: VtxKhModalProps) => {
-    const { id, title, mapCenter, theme, visible, onCancel } = props;
-
-    const { baseInfo, summaryInfo, pointList, baseInfoRes } = BaseService.useBaseInfo(id);
-    let statusName = <span></span>;
-    if (baseInfoRes) {
-        const status = baseInfoRes?.statusCode;
-        let color = '',
-            bg = '';
-        switch (status) {
-            case 'PASS':
-                color = '#52C41A';
-                bg = 'rgba(82, 196, 26, 0.2)';
-                break;
-            case 'NOPASS':
-                color = '#FF4D4F';
-                bg = 'rgba(255, 77, 79, 0.2)';
-                break;
-            case 'APPEAL':
-                color = '#1890FF';
-                bg = 'rgba(24, 144, 255, 0.2)';
-                break;
-            case 'REVOKE':
-                color = '#999999';
-                bg = 'rgba(153, 153, 153, 0.2)';
-                break;
-            default:
-                color = '#FAAD14';
-                bg = 'rgba(250, 173, 20, 0.2)';
-                break;
-        }
-        if (color) {
-            statusName = (
-                <div
-                    className="kh-status-subtitle"
-                    style={{ color: color, borderColor: color, background: bg }}
-                >{`${baseInfoRes.statusName}`}</div>
-            );
-        }
-    }
-    return (
-        <>
-            {visible && (
-                <VtxBaseModal
-                    id={id}
-                    type="facility"
-                    title={title}
-                    subTitle={statusName}
-                    width={1278}
-                    theme={theme}
-                    visible={visible}
-                    onCancel={onCancel}
-                    tabs={[{ key: TABS_BASE, title: '总览信息' }]}
-                    contents={{
-                        [TABS_BASE]: (
-                            <BaseInfo
-                                id={id}
-                                mapCenter={mapCenter}
-                                baseInfo={baseInfo}
-                                summaryInfo={summaryInfo}
-                                pointList={pointList}
-                            />
-                        ),
-                    }}
-                />
-            )}
-        </>
-    );
-};
-
-export default VtxKhModal;

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

@@ -1 +0,0 @@
-@import '../../style/index';

package/src/vtx-kh-modal/style/index.ts

@@ -1,4 +0,0 @@
-// import 'antd/es/modal/style/css';
-import './index.less';
-// import './baseInfo.less';
-import '../components/BaseInfo/index.less';

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

@@ -1,135 +0,0 @@
-import { request } from '@vtx/utils';
-import { useRequest } from 'ahooks';
-const BaseService = {
-    useBaseInfo: (id: string, date: string) => {
-        const { data: baseInfoRes } = useRequest(
-            () => request.get(`/cloud/zyqs-reborn/api/v1.5/road/${id}`),
-            { refreshDeps: [id] },
-        );
-        const info = baseInfoRes?.data;
-        const baseInfo = [
-            {
-                label: '管理单位',
-                key: 'manageUnitName',
-                value: info?.manageUnitName,
-            },
-
-            {
-                label: '路段长度',
-                key: 'roadSpace',
-                value: `${info?.roadSpace || '0'}m`,
-            },
-            {
-                label: '行政区划',
-                key: 'divisionName',
-                value: info?.divisionName,
-            },
-            {
-                label: '路段宽度(m)',
-                key: 'roadWidth',
-                value: `${info?.roadWidth || '0'}m`,
-            },
-            {
-                label: '路段类型',
-                key: 'roadTypeName',
-                value: info?.roadTypeName,
-            },
-            {
-                label: '所属标段',
-                key: 'bidSectionName',
-                value: info?.bidSectionName,
-            },
-            {
-                label: '作业单位',
-                key: 'companyName',
-                value: info?.companyName,
-            },
-        ];
-        // 今日作业
-        const { data: todayWorkRes } = useRequest(
-            () =>
-                request.get('/cloud/zyqs-reborn/api/kanban/workOverview', {
-                    data: {
-                        roadId: id,
-                        date,
-                    },
-                }),
-            { refreshDeps: [id] },
-        );
-
-        return {
-            baseInfo,
-            rules: info?.rules || [],
-            todayWorkRes: todayWorkRes?.data || [],
-        };
-    },
-    useRecordService: (id: string, date: string) => {
-        // 车辆作业信息
-        const { data: carWorkRecordRes } = useRequest(
-            () =>
-                request.get('/cloud/zyqs-reborn/api/kanban/getCarWorkInfoByRoadId', {
-                    data: {
-                        roadId: id,
-                        date,
-                    },
-                }),
-            { refreshDeps: [id, date] },
-        );
-        return {
-            carWorkRecord: carWorkRecordRes?.data || [],
-        };
-    },
-};
-
-const StaticService = {
-    useSummaryInfo: (id: string, startDate: string, endDate: string) => {
-        const { data: summaryInfoRes } = useRequest(
-            () =>
-                request.get(`/cloud/zyqs-reborn/api/kanban/summaryStatistics`, {
-                    data: {
-                        roadId: id,
-                        startDate,
-                        endDate,
-                    },
-                }),
-            { refreshDeps: [id, startDate, endDate] },
-        );
-        const summaryInfo = summaryInfoRes?.data;
-
-        //完成率统计
-        const { data: completionRateRes } = useRequest(
-            () =>
-                request.get(`/cloud/zyqs-reborn/api/kanban/completionRateStatistics`, {
-                    data: {
-                        roadId: id,
-                        startDate,
-                        endDate,
-                    },
-                }),
-            { refreshDeps: [id, startDate, endDate] },
-        );
-        const completionRate = completionRateRes?.data;
-
-        // 作业里程分析
-        const { data: mileAnalysisRes } = useRequest(
-            () =>
-                request.get(`/cloud/zyqs-reborn/api/kanban/workMileageAnalysis`, {
-                    data: {
-                        roadId: id,
-                        startDate,
-                        endDate,
-                    },
-                }),
-            { refreshDeps: [id, startDate, endDate] },
-        );
-        const mileAnalysis = mileAnalysisRes?.data || [];
-
-        return {
-            summaryInfo,
-            completionRate,
-            mileAnalysis,
-        };
-    },
-};
-
-export { BaseService, StaticService };

package/src/vtx-road-modal/components/BaseInfo/Rules.tsx

@@ -1,61 +0,0 @@
-/**
- * 收集点-总览信息-收运规则
- */
-import React from 'react';
-import NoData from '../../../vm-nodata';
-import SubTitle from '../../../vm-sub-title';
-
-export default function Rules(props: any) {
-    const { rules } = props;
-    const getImgCode = (name: string) => {
-        let code = 'ss';
-        switch (name) {
-            case '洒水':
-                code = 'ss';
-                break;
-            case '机扫':
-                code = 'js';
-                break;
-            case '洗扫':
-                code = 'xs';
-                break;
-            case '雾炮':
-                code = 'wp';
-                break;
-            default:
-                code = 'ss';
-                break;
-        }
-        return code;
-    };
-    return (
-        <div className="workRules">
-            <SubTitle title="作业规则" />
-            {Array.isArray(rules) ? (
-                rules.map((ele, index) => {
-                    return (
-                        <div className="workRules-item" key={index}>
-                            <div
-                                className={`workRules-item--name  ${getImgCode(
-                                    ele?.workTypeName || '',
-                                )}`}
-                            >
-                                {ele?.workTypeName || '--'}
-                            </div>
-                            <div className="workRules-item--content">
-                                <span>作业趟数：</span>
-                                {ele?.workCount || '--'}
-                            </div>
-                            <div className="workRules-item--content">
-                                <span>作业时段：</span>
-                                {`${ele?.workStartTime}-${ele?.workEndTime}`}
-                            </div>
-                        </div>
-                    );
-                })
-            ) : (
-                <NoData />
-            )}
-        </div>
-    );
-}

package/src/vtx-road-modal/components/BaseInfo/TodayWork.tsx

@@ -1,147 +0,0 @@
-/**
- * 收集点-总览信息-收运规则
- */
-import React from 'react';
-import Progress from 'antd/es/progress';
-import NoData from '../../../vm-nodata';
-import SubTitle from '../../../vm-sub-title';
-import TodayWorkTable from './TodayWorkTable';
-import useSettings from '../../../vm-hooks/useSettings';
-import './index.less';
-
-import allRateLight from '../../imgs/all_rate_light.png';
-import cxRateLight from '../../imgs/cx_rate_light.png';
-import xsRateLight from '../../imgs/xs_rate_light.png';
-import ssRateLight from '../../imgs/ss_rate_light.png';
-
-import allRate from '../../imgs/all_rate.png';
-import cxRate from '../../imgs/cx_rate.png';
-import xsRate from '../../imgs/xs_rate.png';
-import ssRate from '../../imgs/ss_rate.png';
-
-export default function TodayWork(props: any) {
-    const { data, id } = props;
-
-    const { theme } = useSettings();
-    const srcs = (name: string) => {
-        const obj: any = {
-            light: {
-                全部: allRateLight,
-                冲洗: cxRateLight,
-                洗扫: xsRateLight,
-                洒水: ssRateLight,
-            },
-            dark: {
-                全部: allRate,
-                冲洗: cxRate,
-                洗扫: xsRate,
-                洒水: ssRate,
-            },
-        };
-        return obj[theme][name];
-    };
-    const getValue = (name: string) => {
-        let strokeColor = {
-            '0%': '#BFFFE8',
-            '100%': '#37D3B0',
-        };
-        let src = srcs(name);
-        switch (name) {
-            case '全部':
-                strokeColor = {
-                    '0%': '#BFFFE8',
-                    '100%': '#37D3B0',
-                };
-                break;
-            case '冲洗':
-                strokeColor = {
-                    '0%': '#EC982B',
-                    '100%': '#FFE49A',
-                };
-                break;
-            case '洗扫':
-                strokeColor = {
-                    '0%': '#62C1FD',
-                    '100%': '#3E9DF9',
-                };
-                break;
-            case '洒水':
-                strokeColor = {
-                    '0%': '#FFA793',
-                    '100%': '#FF6770',
-                };
-                break;
-            default:
-                strokeColor = {
-                    '0%': '#EC982B',
-                    '100%': '#FFE49A',
-                };
-                src = srcs('全部');
-                break;
-        }
-        return { strokeColor, src };
-    };
-
-    return (
-        <div className="base-right-twork">
-            <div className="twork">
-                <SubTitle title="今日作业" />
-                <div className="twork--head">
-                    <div className="twork--head-img"></div>
-                    <div className="twork--head-carType">作业类型</div>
-                    <div className="twork--head-block">计划里程</div>
-                    <div className="twork--head-block">有效里程</div>
-                    <div className="twork--head-block">计划趟数</div>
-                    <div className="twork--head-block">有效趟数</div>
-                </div>
-                <div className="twork--item-wrap">
-                    {Array.isArray(data) ? (
-                        data.map((item, index) => {
-                            const { strokeColor, src } = getValue(item?.workTypeStr);
-                            return (
-                                <div className="twork--item" key={index}>
-                                    <div>
-                                        <img src={src} />
-                                    </div>
-                                    <div className="twork--item-progress">
-                                        <div>
-                                            {item?.workTypeStr}完成率：
-                                            {item?.rate || 0}%
-                                        </div>
-                                        <div className="twork--item-progress-bg">
-                                            <Progress
-                                                strokeLinecap="butt"
-                                                percent={item?.rate || 0}
-                                                strokeColor={strokeColor}
-                                                trailColor="#444B59"
-                                                strokeWidth={6}
-                                                showInfo={false}
-                                            />
-                                        </div>
-                                    </div>
-                                    <div className="twork--item-block">
-                                        <span>{item?.planMileage || 0}</span>公里
-                                    </div>
-                                    <div className="twork--item-block">
-                                        <span>{item?.workMileage || 0}</span>公里
-                                    </div>
-                                    <div className="twork--item-block">
-                                        <span>{item?.planCount || 0}</span>趟
-                                    </div>
-                                    <div className="twork--item-block">
-                                        <span>{item?.workCount || 0}</span>趟
-                                    </div>
-                                </div>
-                            );
-                        })
-                    ) : (
-                        <NoData />
-                    )}
-                </div>
-            </div>
-            <div className="twork-table">
-                <TodayWorkTable id={id} />
-            </div>
-        </div>
-    );
-}

package/src/vtx-road-modal/components/BaseInfo/TodayWorkTable.tsx

@@ -1,93 +0,0 @@
-/**
- * 路段-总览信息-今日作业
- */
-import React from 'react';
-import moment from 'moment';
-import VMTable from '../../../vm-table';
-import { BaseService } from '../../api';
-import track from '../../imgs/track.png';
-
-export default function TodayWorkTable(props: any) {
-    const { id } = props;
-
-    const { carWorkRecord: dataSource } = BaseService.useRecordService(
-        id,
-        moment().format('YYYY-MM-DD'),
-    );
-
-    const columns = [
-        {
-            title: '车牌号',
-            dataIndex: 'carCode',
-            key: 'carCode',
-            ellipsis: true,
-        },
-        {
-            title: '作业类型',
-            dataIndex: 'workTypeName',
-            key: 'workTypeName',
-            width: 80,
-            ellipsis: true,
-        },
-        {
-            title: '作业趟数',
-            dataIndex: 'workCount',
-            key: 'workCount',
-            width: 80,
-        },
-        {
-            title: '作业公里(km)',
-            dataIndex: 'workMileage',
-            key: 'workMileage',
-            width: 100,
-        },
-        {
-            title: '完成率(%)',
-            dataIndex: 'completePercent',
-            key: 'completePercent',
-            width: 70,
-            sorter: (a: any, b: any) => a.completePercent - b.completePercent,
-        },
-        {
-            title: '轨迹',
-            dataIndex: 'track',
-            key: 'track',
-            width: 40,
-            render: (_text: string, record: any) => {
-                return (
-                    <a
-                        onClick={() => {
-                            window.open(
-                                `${location.protocol}//${location.host}/carHistory/#/index?carId=${
-                                    record.carId
-                                }&${location.href.split('?')[1]}`,
-                            );
-                        }}
-                    >
-                        <img src={track} />
-                    </a>
-                );
-            },
-        },
-    ];
-
-    const tableProps = {
-        height: 260,
-        pagination: {
-            current: 1,
-            pageSize: 10,
-        },
-        columns,
-        isIndex: false,
-        rowKey: 'index',
-        dataSource:
-            dataSource?.length > 0
-                ? dataSource.map((ele: any, index: number) => ({
-                      ...ele,
-                      index,
-                  }))
-                : [],
-    };
-
-    return <VMTable {...tableProps} />;
-}

package/src/vtx-road-modal/components/BaseInfo/index.less

@@ -1,134 +0,0 @@
-.flex-start {
-    display: flex;
-    justify-content: start;
-    align-items: start;
-}
-
-.road-baseContent {
-    padding: 10px;
-    height: 100%;
-    .flex-start();
-    .base-left {
-        margin-right: 10px;
-        width: 441px;
-        &-top {
-            padding: 20px 22px 0 22px;
-            height: 280px;
-            overflow-y: auto;
-            margin-bottom: 10px;
-            background-color: var(--bg-color2);
-        }
-        &-bottom {
-            height: 400px;
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-        }
-    }
-
-    .workRules {
-        height: 1005;
-        overflow-y: auto;
-
-        &-item {
-            height: 29px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            color: var(--info-color);
-            margin: 12px 0 32px 0;
-            &--name {
-                width: 70px;
-                height: 100%;
-                font-size: 14px;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                text-align: center;
-                line-height: 30px;
-                background-repeat: no-repeat;
-                background-size: 100% 100%;
-
-                &.ss {
-                    background-image: url('../../imgs/ss.png');
-                }
-                &.js {
-                    background-image: url('../../imgs/js.png');
-                }
-                &.xs {
-                    background-image: url('../../imgs/xs.png');
-                }
-                &.wp {
-                    background-image: url('../../imgs/wp.png');
-                }
-            }
-            &--content {
-                color: var(--info-color);
-                span {
-                    color: var(--label-color);
-                }
-            }
-        }
-    }
-    .base-right-twork {
-        width: calc(100% - 441px - 10px);
-        height: 100%;
-        .twork {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            height: 280px;
-            &--head {
-                height: 40px;
-                line-height: 40px;
-                .flex-start();
-                font-size: 14px;
-                color: var(--info-color);
-                background: var(--table-head-bg);
-                margin-bottom: 11px;
-                &-img {
-                    width: 40px;
-                    margin-right: 14px;
-                }
-                &-carType {
-                    width: 159px;
-                    margin-right: 20px;
-                }
-                &-block {
-                    width: 90px;
-                }
-            }
-            &--item-wrap {
-                height: 160px;
-                overflow-y: auto;
-            }
-            &--item {
-                .flex-start();
-                color: var(--info-color);
-                margin-bottom: 16px;
-                img {
-                    width: 40px;
-                    height: 40px;
-                    margin-right: 14px;
-                }
-                &-progress {
-                    width: 159px;
-                    margin-right: 20px;
-                    font-size: 14px;
-                    line-height: 18px;
-                }
-                &-block {
-                    width: 90px;
-                    font-size: 12px;
-                    color: var(--info-active);
-                    span {
-                        font-size: 20px;
-                    }
-                }
-            }
-        }
-        .twork-table {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            margin-top: 10px;
-            height: 400px;
-        }
-    }
-}