@vtx/modals2 2.6.19 → 2.6.21

package/src/vtx-staff-modal/components/Equipment/index.tsx

@@ -1,77 +0,0 @@
-/**
- * 设备信息
- */
-import React from 'react';
-import SubTitle from '../../../vm-sub-title';
-import { EquipmentService } from '../../api';
-import './index.less';
-
-interface EquipmentTypeProps {
-    id: string;
-}
-
-interface ItemType {
-    label: string;
-    value: string | number;
-}
-
-const MainItem: React.FC<ItemType> = props => {
-    const { label, value } = props;
-    return (
-        <div className="staff-equip-main-item">
-            <div className="staff-equip-main-item-label">{label}:</div>
-            <div className="staff-equip-main-item-value">{value || '-'}</div>
-        </div>
-    );
-};
-
-const Equipment: React.FC<EquipmentTypeProps> = props => {
-    const { id } = props;
-    const { deviceRes, monitorRes } = EquipmentService.useDevice(id);
-    const { deviceStatusRes } = EquipmentService.useDeviceStatus(monitorRes?.id);
-    const equipTypes = [
-        { label: '设备类型', value: deviceRes?.deviceTypeName },
-        { label: '设备编号', value: deviceRes?.code },
-        { label: '手机号码', value: deviceRes?.phone },
-        { label: '所属机构', value: deviceRes?.deptName },
-        { label: 'SOS短信接收人', value: deviceRes?.receiverNames },
-    ];
-    const monitorTypes = [
-        { label: '设备状态', value: deviceStatusRes },
-        // { label: '心率', value: '40' },
-        { label: '定位时间', value: monitorRes?.gpsTime },
-        { label: '定位模式', value: monitorRes?.locationMode === 1 ? 'GPS定位' : 'LBS/WIFI定位' },
-        { label: '经度', value: monitorRes?.lngDone },
-        { label: '维度', value: monitorRes?.latDone },
-        { label: '电量时间', value: monitorRes?.batteryTime },
-        { label: '电量', value: `${monitorRes?.battery}%` },
-        { label: '信号时间', value: monitorRes?.signalLevelTime },
-        { label: '信号', value: monitorRes?.signalLevel },
-        { label: '步数时间', value: monitorRes?.stepsTime },
-        { label: '步数', value: monitorRes?.steps },
-        { label: '佩戴监测时间', value: monitorRes?.wearDetectionTime },
-        { label: '是否佩戴', value: monitorRes?.wearDetection ? '是' : '否' },
-    ];
-    return (
-        <div className="staff-equip">
-            <div className="staff-equip-main">
-                <SubTitle title="设备信息" />
-                <div className="staff-equip-main-item-wrap">
-                    {equipTypes.map((item: ItemType, index: number) => (
-                        <MainItem key={index} {...item} />
-                    ))}
-                </div>
-            </div>
-            <div className="staff-equip-main">
-                <SubTitle title="监测信息" />
-                <div className="staff-equip-main-item-wrap">
-                    {monitorTypes.map((item: ItemType, index: number) => (
-                        <MainItem key={index} {...item} />
-                    ))}
-                </div>
-            </div>
-        </div>
-    );
-};
-
-export default Equipment;

package/src/vtx-staff-modal/components/index.ts

@@ -1,6 +0,0 @@
-import BaseInfo from './BaseInfo';
-import AlarmInfo from './AlarmInfo';
-import Attendance from './Attendance';
-import Equipment from './Equipment';
-
-export { BaseInfo, AlarmInfo, Attendance, Equipment };

package/src/vtx-staff-modal/demo/demo1.tsx

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

package/src/vtx-staff-modal/demo/demo2.tsx

@@ -1,27 +0,0 @@
-import React, { useState } from 'react';
-import { Button } from 'antd';
-import { VtxStaffModal } from '@vtx/modals';
-export default function Demo() {
-    const [visible, setVisible] = useState(false);
-    return (
-        <div style={{ height: '150px' }}>
-            <Button
-                type="primary"
-                onClick={() => {
-                    setVisible(true);
-                }}
-            >
-                浅色
-            </Button>
-            <VtxStaffModal
-                visible={visible}
-                theme="light"
-                title="DLK_056"
-                id="366e1ef72aca4cb4b3cead41ba2f848e"
-                onCancel={() => {
-                    setVisible(false);
-                }}
-            />
-        </div>
-    );
-}

package/src/vtx-staff-modal/index.md

@@ -1,19 +0,0 @@
----
-nav:
-    title: 组件
-    path: /modal
-group:
-    title: 弹窗
-    path: /modal
-    order: 1
----
-
-# 人员弹窗
-
-深色:
-
-<code src="./demo/demo1.tsx"></code>
-
-浅色:
-
-<code src="./demo/demo2.tsx"></code>

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

@@ -1,69 +0,0 @@
-import React from 'react';
-import VtxBaseModal from '../vtx-base-modal';
-import { BaseInfo, AlarmInfo, Attendance, Equipment } from './components';
-import useSettings from '../vm-hooks/useSettings';
-import '../style';
-
-const TABS_BASE = 'staff-base';
-const TABS_ALARM = 'staff-alarm';
-const TABS_ATTENDANCE = 'staff-attendance';
-const TABS_EUQIPMENT = 'staff-equipment';
-interface StaffProps {
-    id: string;
-    visible: boolean;
-    onCancel: () => void;
-    title: string;
-    subTitle?: string;
-    theme?: 'light' | 'dark';
-}
-
-const VtxStaffModal = (props: StaffProps) => {
-    const { id, title, subTitle, theme, visible, onCancel } = props;
-
-    return (
-        <>
-            {visible && (
-                <VtxBaseModal
-                    id={id}
-                    type="staff"
-                    title={title}
-                    subTitle={subTitle}
-                    visible={visible}
-                    theme={theme}
-                    onCancel={onCancel}
-                    tabs={[
-                        { key: TABS_BASE, title: '总览信息' },
-                        { key: TABS_ALARM, title: '报警信息' },
-                        { key: TABS_ATTENDANCE, title: '考勤信息' },
-                        { key: TABS_EUQIPMENT, title: '设备信息' },
-                    ]}
-                    contents={{
-                        [TABS_BASE]: <BaseInfo id={id} />,
-                        [TABS_ALARM]: <AlarmInfo id={id} />,
-                        [TABS_ATTENDANCE]: <Attendance id={id} />,
-                        [TABS_EUQIPMENT]: <Equipment id={id} />,
-                    }}
-                />
-            )}
-        </>
-    );
-};
-
-interface ExtButtonProps {
-    text: string;
-    img: string;
-    onClick: () => void;
-}
-
-export const VehicleExtButton = (props: ExtButtonProps) => {
-    const { img, text, onClick } = props;
-    const { theme } = useSettings();
-    return (
-        <div className={`vtx-vehicle-ext-btn ${theme}`} onClick={onClick}>
-            <img src={img} alt="" />
-            <span>{text}</span>
-        </div>
-    );
-};
-
-export default VtxStaffModal;

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

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

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

@@ -1,5 +0,0 @@
-import './index.less';
-import '../components/BaseInfo/index.less';
-import '../components/AlarmInfo/index.less';
-import '../components/Attendance/index.less';
-import '../components/Equipment/index.less';

package/src/vtx-theme-provider/index.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-const VtxThemeContext = React.createContext({
-    theme: 'light',
-    chartFontColor: '#fff',
-    chartColor: [''],
-});
-const VtxThemeProvider = VtxThemeContext.Provider;
-export { VtxThemeContext };
-export default VtxThemeProvider;