feat: 企业信息展示模块静态交互完成
parent
c86d2b7a9e
commit
6653b56737
@ -1,23 +0,0 @@
|
||||
// @ts-ignore
|
||||
import { Request, Response } from 'express';
|
||||
|
||||
export default {
|
||||
'POST /employee/createEmployee': (req: Request, res: Response) => {
|
||||
res.status(200).send({});
|
||||
},
|
||||
'DELETE /employee/deleteEmployee': (req: Request, res: Response) => {
|
||||
res.status(200).send({});
|
||||
},
|
||||
'DELETE /employee/deleteEmployeeByIds': (req: Request, res: Response) => {
|
||||
res.status(200).send({});
|
||||
},
|
||||
'POST /employee/getEmployeeById': (req: Request, res: Response) => {
|
||||
res.status(200).send({});
|
||||
},
|
||||
'POST /employee/getEmployeeList': (req: Request, res: Response) => {
|
||||
res.status(200).send({});
|
||||
},
|
||||
'PUT /employee/updateEmployee': (req: Request, res: Response) => {
|
||||
res.status(200).send({});
|
||||
},
|
||||
};
|
||||
@ -1,41 +0,0 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-02 14:08:47
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-02 17:27:11
|
||||
* @FilePath: \uighur-recognition-web2\mock\recognitionPeople.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
/**告警汇总模块 mock */
|
||||
import {
|
||||
mockGetRecognitionPeopleData,
|
||||
mockGetUploadRecognitionPeopleData,
|
||||
} from './pools/recognitionPeopleData';
|
||||
import { successMockApiProps } from './typing';
|
||||
import { fetchCurrPageByList } from './utils/apiMock';
|
||||
export default {
|
||||
// 实时分析告警汇总列表分页
|
||||
'GET /api/recognition_people/': async (req: Request, res: Response) => {
|
||||
// get 使用 query 读取参数
|
||||
const { page, pageSize } = req.query;
|
||||
const resData: successMockApiProps = {
|
||||
...fetchCurrPageByList({
|
||||
...mockGetRecognitionPeopleData,
|
||||
data: { ...mockGetRecognitionPeopleData.data, page, pageSize: pageSize || 10 },
|
||||
}),
|
||||
};
|
||||
res.json(resData);
|
||||
},
|
||||
// 离线分析告警汇总列表分页
|
||||
'GET /api/upload_recognition_people/': async (req: Request, res: Response) => {
|
||||
// get 使用 query 读取参数
|
||||
const { page, pageSize } = req.query;
|
||||
const resData: successMockApiProps = {
|
||||
...fetchCurrPageByList({
|
||||
...mockGetUploadRecognitionPeopleData,
|
||||
data: { ...mockGetUploadRecognitionPeopleData.data, page, pageSize: pageSize || 10 },
|
||||
}),
|
||||
};
|
||||
res.json(resData);
|
||||
},
|
||||
};
|
||||
@ -1,41 +0,0 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-02 15:48:44
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-02 17:07:30
|
||||
* @FilePath: \uighur-recognition-web2\mock\travelTrack.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
/**告警追踪模块 mock */
|
||||
|
||||
import { mockGetTravelTrackData, mockGetUploadTravelTrackData } from './pools/travelTrackData';
|
||||
import { successMockApiProps } from './typing';
|
||||
import { fetchCurrPageByList } from './utils/apiMock';
|
||||
export default {
|
||||
// 实时分析告警追踪分页
|
||||
'GET /api/travel_track/': async (req: Request, res: Response) => {
|
||||
// get 使用 query 读取参数
|
||||
const { page, pageSize } = req.query;
|
||||
const resData: successMockApiProps = {
|
||||
...fetchCurrPageByList({
|
||||
...mockGetTravelTrackData,
|
||||
data: { ...mockGetTravelTrackData.data, page, pageSize: pageSize || 10 },
|
||||
}),
|
||||
};
|
||||
res.json(resData);
|
||||
},
|
||||
// 离线分析告警追踪分页
|
||||
'GET /api/upload_travel_track/': async (req: Request, res: Response) => {
|
||||
// get 使用 query 读取参数
|
||||
const { page, pageSize } = req.query;
|
||||
const resData: successMockApiProps = {
|
||||
...fetchCurrPageByList({
|
||||
...mockGetUploadTravelTrackData,
|
||||
data: { ...mockGetUploadTravelTrackData.data, page, pageSize: pageSize || 10 },
|
||||
}),
|
||||
};
|
||||
res.json(resData);
|
||||
},
|
||||
};
|
||||
|
||||
// \upload_travel_track
|
||||
@ -1,31 +0,0 @@
|
||||
/**告警列表模块 mock */
|
||||
|
||||
import { mockGetUploadWarningInfoData, mockGetWarningInfoData } from './pools/warningInfoData';
|
||||
import { successMockApiProps } from './typing';
|
||||
import { fetchCurrPageByList } from './utils/apiMock';
|
||||
export default {
|
||||
// 实时分析告警列表分页
|
||||
'GET /api/warning_info/': async (req: Request, res: Response) => {
|
||||
// get 使用 query 读取参数
|
||||
const { page, pageSize } = req.query;
|
||||
const resData: successMockApiProps = {
|
||||
...fetchCurrPageByList({
|
||||
...mockGetWarningInfoData,
|
||||
data: { ...mockGetWarningInfoData.data, page, pageSize: pageSize || 10 },
|
||||
}),
|
||||
};
|
||||
res.json(resData);
|
||||
},
|
||||
// 离线分析告警列表分页
|
||||
'GET /api/upload_warning_info/': async (req: Request, res: Response) => {
|
||||
// get 使用 query 读取参数
|
||||
const { page, pageSize } = req.query;
|
||||
const resData: successMockApiProps = {
|
||||
...fetchCurrPageByList({
|
||||
...mockGetUploadWarningInfoData,
|
||||
data: { ...mockGetUploadWarningInfoData.data, page, pageSize: pageSize || 10 },
|
||||
}),
|
||||
};
|
||||
res.json(resData);
|
||||
},
|
||||
};
|
||||
@ -1,30 +0,0 @@
|
||||
/**告警规则模块 mock */
|
||||
import { mockGetUploadWarningRuleData, mockGetWarningRuleData } from './pools/warningRuleData';
|
||||
import { successMockApiProps } from './typing';
|
||||
import { fetchCurrPageByList } from './utils/apiMock';
|
||||
export default {
|
||||
// 实时分析告警规则分页
|
||||
'GET /api/warning_rule/': async (req: Request, res: Response) => {
|
||||
// get 使用 query 读取参数
|
||||
const { page, pageSize } = req.query;
|
||||
const resData: successMockApiProps = {
|
||||
...fetchCurrPageByList({
|
||||
...mockGetWarningRuleData,
|
||||
data: { ...mockGetWarningRuleData.data, page, pageSize: pageSize || 10 },
|
||||
}),
|
||||
};
|
||||
res.json(resData);
|
||||
},
|
||||
// 离线分析告警规则分页
|
||||
'GET /api/upload_warning_rule/': async (req: Request, res: Response) => {
|
||||
// get 使用 query 读取参数
|
||||
const { page, pageSize } = req.query;
|
||||
const resData: successMockApiProps = {
|
||||
...fetchCurrPageByList({
|
||||
...mockGetUploadWarningRuleData,
|
||||
data: { ...mockGetUploadWarningRuleData.data, page, pageSize: pageSize || 10 },
|
||||
}),
|
||||
};
|
||||
res.json(resData);
|
||||
},
|
||||
};
|
||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 413 B |
Binary file not shown.
|
After Width: | Height: | Size: 658 B |
Binary file not shown.
|
After Width: | Height: | Size: 379 B |
Binary file not shown.
|
After Width: | Height: | Size: 542 B |
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
@ -1,84 +0,0 @@
|
||||
.alarmImgBox {
|
||||
// display: flex;
|
||||
// justify-content: flex-start;
|
||||
.alarmImgLeft {
|
||||
position: relative;
|
||||
width: 120px;
|
||||
margin-right: 32px;
|
||||
// height: 600px;
|
||||
.alarmImgLeftBox {
|
||||
width: 112px;
|
||||
height: 112px;
|
||||
border-radius: 4px;
|
||||
// background: skyblue;
|
||||
}
|
||||
.alarmImgLeftBoxActive {
|
||||
width: 112px;
|
||||
height: 112px;
|
||||
border: 1.5px solid #081fa8;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.shadowBox {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
width: 112px;
|
||||
height: 20px;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
.alarmImgRight {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
.alarmImgRightTopBox {
|
||||
width: 640px;
|
||||
height: 640px;
|
||||
background: skyblue;
|
||||
}
|
||||
.alarmDetails {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
margin-bottom: 16px;
|
||||
padding-left: 24px;
|
||||
color: #ffffff;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC;
|
||||
line-height: 38px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
.alarmSpan {
|
||||
// color: #333;
|
||||
margin-right: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.alarmImgDescribe {
|
||||
margin-bottom: 12px;
|
||||
color: #666;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC;
|
||||
span {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
.alarmImgContent {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
width: 784px;
|
||||
margin-bottom: 24px;
|
||||
padding: 16px;
|
||||
// height: 172px;
|
||||
background: #f7f7f7;
|
||||
border: 1px dashed #dcdcdc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.myButtonDisabled {
|
||||
visibility: hidden;
|
||||
}
|
||||
@ -1,293 +0,0 @@
|
||||
import { postIgnoringvents } from '@/services/realTime/alarmlist';
|
||||
import { postRecognition } from '@/services/realTime/involved';
|
||||
import { ModalForm } from '@ant-design/pro-components';
|
||||
import { useIntl } from '@umijs/max';
|
||||
import { Button, Form, message } from 'antd';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
// Import Swiper React components
|
||||
// import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
// import { Navigation, Pagination, Mousewheel } from 'swiper/modules';
|
||||
// Import Swiper styles
|
||||
// import 'swiper/css';
|
||||
// import 'swiper/css/navigation';
|
||||
// import 'swiper/css/pagination';
|
||||
import moment from 'moment';
|
||||
import styles from './AlarmDetails.less';
|
||||
import ImageSinglePopover from './ImageSinglePopover';
|
||||
import ImageWithPopover from './ImageWithPopover';
|
||||
export type FormValueType = {
|
||||
target?: string;
|
||||
template?: string;
|
||||
type?: string;
|
||||
time?: string;
|
||||
frequency?: string;
|
||||
} & Partial<API.AlarmDetailsParams>;
|
||||
|
||||
export type UpdateFormProps = {
|
||||
updateModalOpen: boolean;
|
||||
handleModal: () => void;
|
||||
values: Partial<API.AlarmDetailsParams>;
|
||||
reload: any;
|
||||
};
|
||||
const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
||||
const intl = useIntl();
|
||||
const [form] = Form.useForm<API.AlarmDetailsParams>();
|
||||
// const [isActive, setIsActive] = useState(0);
|
||||
// const [imageSrc, setImageSrc] = useState('');
|
||||
// const [visible, setVisible] = useState(false);
|
||||
const [involved, setInvolved] = useState(0);
|
||||
// const [involvedInfo, setInvolvedInfo] = useState([...(props?.values?.person_list || [])]);
|
||||
const [involvedInfo, setInvolvedInfo] = useState<any[]>([]);
|
||||
useEffect(() => {
|
||||
if (props.values?.person_list) {
|
||||
setInvolvedInfo([...props.values.person_list]);
|
||||
}
|
||||
}, [props.values?.person_list]);
|
||||
useEffect(() => {
|
||||
if (props.values?.person_classify) {
|
||||
setInvolved(props.values.person_classify);
|
||||
console.log(involved);
|
||||
}
|
||||
}, [props.values?.person_classify]);
|
||||
const handlePostRecognition = (person_id: any, classify: any) => {
|
||||
postRecognition({
|
||||
person_id: person_id,
|
||||
classify: classify,
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res.data.classify, 'res.data.classify');
|
||||
if (res.data.classify === 1) {
|
||||
message.success('此人已被设为重点关注');
|
||||
} else {
|
||||
message.success('此人已被移除重点关注');
|
||||
}
|
||||
props.reload();
|
||||
})
|
||||
.catch(() => {
|
||||
message.error(intl.formatMessage({ id: 'common.failure', defaultMessage: '失败' }));
|
||||
});
|
||||
};
|
||||
/** 多人告警组件 */
|
||||
const handleInvolved = (value: any, index: any) => {
|
||||
const updatedInvolvedInfo = [...involvedInfo];
|
||||
console.log(updatedInvolvedInfo);
|
||||
updatedInvolvedInfo[index][2] = value;
|
||||
setInvolvedInfo(updatedInvolvedInfo);
|
||||
handlePostRecognition(updatedInvolvedInfo[index][0], value);
|
||||
};
|
||||
/** 单人告警组件 */
|
||||
// const handleSingleInvolved = () => {
|
||||
// if (involved === 1) {
|
||||
// setInvolved(0);
|
||||
// handlePostRecognition(props.values?.person_id, 0)
|
||||
// } else {
|
||||
// setInvolved(1);
|
||||
// handlePostRecognition(props.values?.person_id, 1)
|
||||
// }
|
||||
// }
|
||||
|
||||
// const [open, setOpen] = useState(false);
|
||||
// useEffect(() => {
|
||||
// // console.log(Array.isArray(props.values?.person_id),'Array.isArray(props.values?.person_id)');
|
||||
// setImageSrc(props?.values?.picture_path?.[0]);
|
||||
// }, [props.updateModalOpen]);
|
||||
return (
|
||||
<ModalForm<any>
|
||||
width={832}
|
||||
title={`${props.values.warning_name}告警`}
|
||||
open={props.updateModalOpen}
|
||||
form={form}
|
||||
autoFocusFirstInput
|
||||
modalProps={{
|
||||
destroyOnClose: true,
|
||||
onCancel: () => {
|
||||
setInvolved(0);
|
||||
props.handleModal();
|
||||
},
|
||||
okText: intl.formatMessage({ id: 'common.yes', defaultMessage: '确认' }),
|
||||
cancelText: intl.formatMessage({ id: 'common.no', defaultMessage: '取消' }),
|
||||
}}
|
||||
submitter={{
|
||||
// resetButtonProps: {
|
||||
// style: {
|
||||
// display: 'none',
|
||||
// },
|
||||
// },
|
||||
// searchConfig: {
|
||||
// submitText: '忽略此事件',
|
||||
// },
|
||||
render: (prop) => {
|
||||
return [
|
||||
<Button
|
||||
key="ok"
|
||||
style={{ backgroundColor: '#E80D0D', color: '#FFF', borderBlockColor: '#E80D0D' }}
|
||||
onClick={() => {
|
||||
prop.submit();
|
||||
}}
|
||||
>
|
||||
忽略此事件
|
||||
</Button>,
|
||||
props.values?.person_list ? null : (
|
||||
<Button
|
||||
key="involved"
|
||||
style={{ backgroundColor: '#FAAD14', color: '#FFF', borderBlockColor: '#FAAD14' }}
|
||||
onClick={() => {
|
||||
// console.log(props.updateModalOpen);
|
||||
setInvolved(1);
|
||||
handlePostRecognition(props.values?.person_id, 1);
|
||||
}}
|
||||
>
|
||||
加入重点关注
|
||||
</Button>
|
||||
),
|
||||
props.values?.person_list ? null : (
|
||||
<Button
|
||||
key="noInvolved"
|
||||
style={{ background: '#FFF', color: '#E80D0D', borderColor: '#E80D0D' }}
|
||||
onClick={() => {
|
||||
// console.log(props.updateModalOpen);
|
||||
setInvolved(0);
|
||||
handlePostRecognition(props.values?.person_id, 0);
|
||||
}}
|
||||
>
|
||||
移除重点关注
|
||||
</Button>
|
||||
),
|
||||
];
|
||||
},
|
||||
}}
|
||||
submitTimeout={2000}
|
||||
onFinish={async (values) => {
|
||||
values.is_ignore = true;
|
||||
values.person_id = props.values.person_id;
|
||||
// console.log(values);
|
||||
postIgnoringvents(values)
|
||||
.then(() => {
|
||||
message.success(intl.formatMessage({ id: 'common.success', defaultMessage: '成功' }));
|
||||
props.reload();
|
||||
})
|
||||
.catch(() => {
|
||||
message.error(intl.formatMessage({ id: 'common.failure', defaultMessage: '失败' }));
|
||||
});
|
||||
|
||||
props.handleModal();
|
||||
return true;
|
||||
}}
|
||||
>
|
||||
{/* <ProForm.Group> */}
|
||||
<div className={styles.alarmImgBox}>
|
||||
<div className={styles.alarmImgDescribe}>
|
||||
来源: <span>{props.values.device_name}</span>
|
||||
</div>
|
||||
<div className={styles.alarmImgDescribe}>
|
||||
触发时间:{' '}
|
||||
<span className={styles.alarmSpan}>
|
||||
{moment(props.values.trigger_time).format('YYYY-MM-DD hh:mm:ss')}
|
||||
</span>
|
||||
</div>
|
||||
<div className={styles.alarmImgContent}>
|
||||
{Array.isArray(props.values?.person_id)
|
||||
? Array.isArray(involvedInfo) && involvedInfo.length
|
||||
? involvedInfo.map((item: any, index: any) => {
|
||||
return (
|
||||
<ImageWithPopover
|
||||
src={item?.[1]}
|
||||
involved={involvedInfo[index][2]}
|
||||
key={index}
|
||||
indexId={index}
|
||||
handleInvolved={handleInvolved}
|
||||
time={props.values.trigger_time}
|
||||
></ImageWithPopover>
|
||||
);
|
||||
})
|
||||
: Array.isArray(props?.values?.picture_path) && props?.values?.picture_path.length
|
||||
? props.values.picture_path.map((item: any, index: any) => {
|
||||
return (
|
||||
<ImageSinglePopover
|
||||
src={item}
|
||||
involved={involved}
|
||||
key={index}
|
||||
// handleInvolved={handleSingleInvolved}
|
||||
reload={props.reload} // 将reload方法作为prop传递给ImageSinglePopover组件
|
||||
time={props.values.trigger_time}
|
||||
></ImageSinglePopover>
|
||||
);
|
||||
})
|
||||
: null
|
||||
: Array.isArray(props?.values?.picture_path) && props?.values?.picture_path.length
|
||||
? props.values.picture_path.map((item: any, index: any) => {
|
||||
return (
|
||||
<ImageSinglePopover
|
||||
src={item}
|
||||
involved={involved}
|
||||
key={index}
|
||||
// handleInvolved={handleSingleInvolved}
|
||||
reload={props.reload} // 将reload方法作为prop传递给ImageSinglePopover组件
|
||||
time={props.values.trigger_time}
|
||||
></ImageSinglePopover>
|
||||
);
|
||||
})
|
||||
: null}
|
||||
{/* { Array.isArray(involvedInfo) && involvedInfo.length && involvedInfo.map((item: any, index: any) => {
|
||||
console.log(involvedInfo,'item');
|
||||
return(<ImageWithPopover src={item?.[1]} involved={involvedInfo[index][2]} key={index} indexId={index} handleInvolved={handleInvolved}></ImageWithPopover>)
|
||||
})} */}
|
||||
</div>
|
||||
{/* <div className={styles.alarmImgLeft}>
|
||||
<Swiper
|
||||
style={{height:660}}
|
||||
slidesPerView={5}
|
||||
spaceBetween={20}
|
||||
direction='vertical'
|
||||
mousewheel={true}
|
||||
modules={[Mousewheel]}
|
||||
onSlideChange={() => {
|
||||
console.log(111);
|
||||
}}
|
||||
// pagination={{
|
||||
// clickable: true,
|
||||
// }}
|
||||
// modules={[Pagination]}
|
||||
>
|
||||
{ Array.isArray(props?.values?.picture_path) && props?.values?.picture_path.length && props?.values?.picture_path.map((item: any, index: any) => {
|
||||
return (<SwiperSlide key={index} virtualIndex={index} onClick={() => {
|
||||
console.log(index);
|
||||
setIsActive(index)
|
||||
setImageSrc(item)
|
||||
}}>
|
||||
<div className={ styles.alarmImgLeftBox }>
|
||||
<Image
|
||||
style={{
|
||||
width: 112,
|
||||
height: 112,
|
||||
borderRadius: 4
|
||||
}}
|
||||
className={ index === isActive ? styles.alarmImgLeftBoxActive : '' }
|
||||
preview={false}
|
||||
src={item}
|
||||
/>
|
||||
</div>
|
||||
</SwiperSlide>)
|
||||
})}
|
||||
</Swiper>
|
||||
<div className={styles.shadowBox}></div>
|
||||
</div>
|
||||
<div className={styles.alarmImgRight}>
|
||||
<div className={styles.alarmImgRightTopBox}>
|
||||
<Image
|
||||
width={640}
|
||||
height={640}
|
||||
preview={false}
|
||||
src={imageSrc}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.alarmDetails}>
|
||||
来源: <span className={styles.alarmSpan}>{props.values.device_name}</span>触发时间: <span className={styles.alarmSpan}>{moment(props.values.trigger_time).format('YYYY-MM-DD hh:mm:ss')}</span>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
{/* </ProForm.Group> */}
|
||||
</ModalForm>
|
||||
);
|
||||
};
|
||||
export default UpdateForm;
|
||||
@ -1,147 +0,0 @@
|
||||
import { EyeOutlined } from '@ant-design/icons';
|
||||
import { Image } from 'antd';
|
||||
import moment from 'moment';
|
||||
import React, { useState } from 'react';
|
||||
|
||||
interface ImageSinglePopoverProps {
|
||||
src: string;
|
||||
involved: any;
|
||||
// handleInvolved: () => void;
|
||||
reload: any;
|
||||
time: any;
|
||||
}
|
||||
|
||||
const ImageSinglePopover: React.FC<ImageSinglePopoverProps> = ({ src, involved, time }) => {
|
||||
const [visible, setVisible] = useState(false);
|
||||
// const [open, setOpen] = useState(false);
|
||||
|
||||
// 定义一个方法，用于生成自定义的遮罩层
|
||||
const generateMask = (text: any) => (
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
color: '#fff',
|
||||
}}
|
||||
>
|
||||
<div style={{ display: 'flex', alignItems: 'center', fontSize: 12 }}>
|
||||
<EyeOutlined style={{ marginRight: 8, fontSize: 12 }} />
|
||||
<div>{text}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
// const content = (
|
||||
// <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center',alignItems: 'center', height: 56}}>
|
||||
// {/* <div>选项1</div>
|
||||
// <div>选项2</div> */}
|
||||
// <Button
|
||||
// type="text"
|
||||
// style={{ height:22, padding: 0,fontSize: 12,color: '#FFF' }}
|
||||
// icon={<InfoCircleOutlined style={{ color: '#FAAD14',fontSize: 12}} />}
|
||||
// onClick={()=>{
|
||||
// // setInvolved(true)
|
||||
// // handleInvolved();
|
||||
// // reload()
|
||||
// setOpen(false)
|
||||
// }}
|
||||
// >加入重点关注</Button>
|
||||
// <Button
|
||||
// type="text"
|
||||
// style={{ height:22, padding: 0,fontSize: 12,color: '#FFF' }}
|
||||
// icon={<CloseCircleOutlined style={{ color: '#E80D0D',fontSize: 12}} />}
|
||||
// onClick={()=>{
|
||||
// // setInvolved(false)
|
||||
// // handleInvolved();
|
||||
// // reload()
|
||||
// setOpen(false)
|
||||
// }}
|
||||
// >移除重点关注</Button>
|
||||
// </div>
|
||||
// );
|
||||
const handleVisibleChange = (value: boolean) => {
|
||||
setVisible(value);
|
||||
};
|
||||
|
||||
// const handleOpenChange = (value: boolean) => {
|
||||
// setOpen(value);
|
||||
// };
|
||||
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
position: 'relative',
|
||||
boxSizing: 'border-box',
|
||||
width: 140,
|
||||
height: 160,
|
||||
marginRight: 12,
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
style={{ borderRadius: 4 }}
|
||||
width={140}
|
||||
height={140}
|
||||
preview={{
|
||||
visible,
|
||||
src,
|
||||
onVisibleChange: handleVisibleChange,
|
||||
mask: generateMask('点击可预览大图'),
|
||||
}}
|
||||
src={src}
|
||||
/>
|
||||
<div
|
||||
style={{
|
||||
height: 30,
|
||||
textAlign: 'center',
|
||||
lineHeight: '30px',
|
||||
fontWeight: 500,
|
||||
color: '#333',
|
||||
}}
|
||||
>
|
||||
{moment(time).format('YYYY-MM-DD hh:mm:ss')}
|
||||
</div>
|
||||
{/* <Popover
|
||||
placement="right"
|
||||
content={content}
|
||||
trigger="click"
|
||||
style={{ width: 104, height: 64 }}
|
||||
color="rgba(0, 0, 0, 0.6)"
|
||||
overlayInnerStyle={{ width: 104, height: 64, padding: 4, borderRadius: 2 }}
|
||||
open={open}
|
||||
onOpenChange={handleOpenChange}
|
||||
>
|
||||
<Button
|
||||
style={{ position: 'absolute', bottom: 8, right: 0 }}
|
||||
type="text"
|
||||
icon={<EllipsisOutlined style={{ color: '#fff', fontSize: 24, transform: 'rotate(90deg)' }} />}
|
||||
/>
|
||||
</Popover> */}
|
||||
{involved === 1 && (
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
right: 0,
|
||||
width: 64,
|
||||
height: 24,
|
||||
background: '#FAAD14',
|
||||
borderRadius: '0px 4px 0px 4px',
|
||||
color: '#FFF',
|
||||
fontSize: 12,
|
||||
textAlign: 'center',
|
||||
lineHeight: '24px',
|
||||
}}
|
||||
>
|
||||
重点关注
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ImageSinglePopover;
|
||||
@ -1,170 +0,0 @@
|
||||
import {
|
||||
CloseCircleOutlined,
|
||||
EllipsisOutlined,
|
||||
EyeOutlined,
|
||||
InfoCircleOutlined,
|
||||
} from '@ant-design/icons';
|
||||
import { Button, Image, Popover } from 'antd';
|
||||
import moment from 'moment';
|
||||
import React, { useState } from 'react';
|
||||
|
||||
interface ImageWithPopoverProps {
|
||||
src: string;
|
||||
involved: any;
|
||||
indexId: any;
|
||||
handleInvolved: (value: any, index: any) => void;
|
||||
time: any;
|
||||
}
|
||||
|
||||
const ImageWithPopover: React.FC<ImageWithPopoverProps> = ({
|
||||
src,
|
||||
involved,
|
||||
indexId,
|
||||
handleInvolved,
|
||||
time,
|
||||
}) => {
|
||||
const [visible, setVisible] = useState(false);
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
// 定义一个方法，用于生成自定义的遮罩层
|
||||
const generateMask = (text: any) => (
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
color: '#fff',
|
||||
}}
|
||||
>
|
||||
<div style={{ display: 'flex', alignItems: 'center', fontSize: 12 }}>
|
||||
<EyeOutlined style={{ marginRight: 8, fontSize: 12 }} />
|
||||
<div>{text}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
const content = (
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
height: 56,
|
||||
}}
|
||||
>
|
||||
{/* <div>选项1</div>
|
||||
<div>选项2</div> */}
|
||||
<Button
|
||||
type="text"
|
||||
style={{ height: 22, padding: 0, fontSize: 12, color: '#FFF', marginBottom: 4 }}
|
||||
icon={<InfoCircleOutlined style={{ color: '#FAAD14', fontSize: 12 }} />}
|
||||
onClick={() => {
|
||||
// setInvolved(true)
|
||||
handleInvolved(1, indexId);
|
||||
setOpen(false);
|
||||
}}
|
||||
>
|
||||
加入重点关注
|
||||
</Button>
|
||||
<Button
|
||||
type="text"
|
||||
style={{ height: 22, padding: 0, fontSize: 12, color: '#FFF' }}
|
||||
icon={<CloseCircleOutlined style={{ color: '#E80D0D', fontSize: 12 }} />}
|
||||
onClick={() => {
|
||||
// setInvolved(false)
|
||||
handleInvolved(0, indexId);
|
||||
setOpen(false);
|
||||
}}
|
||||
>
|
||||
移除重点关注
|
||||
</Button>
|
||||
</div>
|
||||
);
|
||||
const handleVisibleChange = (value: boolean) => {
|
||||
setVisible(value);
|
||||
};
|
||||
|
||||
const handleOpenChange = (value: boolean) => {
|
||||
setOpen(value);
|
||||
};
|
||||
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
position: 'relative',
|
||||
boxSizing: 'border-box',
|
||||
width: 140,
|
||||
height: 160,
|
||||
marginRight: 12,
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
style={{ borderRadius: 4 }}
|
||||
width={140}
|
||||
height={140}
|
||||
preview={{
|
||||
visible,
|
||||
src,
|
||||
onVisibleChange: handleVisibleChange,
|
||||
mask: generateMask('点击可预览大图'),
|
||||
}}
|
||||
src={src}
|
||||
/>
|
||||
<Popover
|
||||
placement="right"
|
||||
content={content}
|
||||
trigger="click"
|
||||
style={{ width: 104, height: 64 }}
|
||||
color="rgba(0, 0, 0, 0.6)"
|
||||
overlayInnerStyle={{ width: 104, height: 68, padding: 4, borderRadius: 2 }}
|
||||
open={open}
|
||||
onOpenChange={handleOpenChange}
|
||||
>
|
||||
<Button
|
||||
style={{ position: 'absolute', bottom: 20, right: 0 }}
|
||||
type="text"
|
||||
icon={
|
||||
<EllipsisOutlined style={{ color: '#fff', fontSize: 24, transform: 'rotate(90deg)' }} />
|
||||
}
|
||||
/>
|
||||
</Popover>
|
||||
<div
|
||||
style={{
|
||||
height: 30,
|
||||
textAlign: 'center',
|
||||
lineHeight: '30px',
|
||||
fontWeight: 500,
|
||||
color: '#333',
|
||||
}}
|
||||
>
|
||||
{moment(time).format('YYYY-MM-DD hh:mm:ss')}
|
||||
</div>
|
||||
{involved === 1 && (
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
right: 0,
|
||||
width: 64,
|
||||
height: 24,
|
||||
background: '#FAAD14',
|
||||
borderRadius: '0px 4px 0px 4px',
|
||||
color: '#FFF',
|
||||
fontSize: 12,
|
||||
textAlign: 'center',
|
||||
lineHeight: '24px',
|
||||
}}
|
||||
>
|
||||
重点关注
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ImageWithPopover;
|
||||
@ -0,0 +1,64 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-23 17:46:47
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-24 16:46:44
|
||||
* @FilePath: \general-ai-platform-web\src\pages\Project\BusinessInfo\components\accountPsw.tsx
|
||||
* @Description: 账号密码
|
||||
*/
|
||||
import { ProForm, ProFormText } from '@ant-design/pro-components';
|
||||
import { FormattedMessage, useIntl } from '@umijs/max';
|
||||
import React from 'react';
|
||||
|
||||
type AccountPswProps = {
|
||||
info: Record<string, any>;
|
||||
};
|
||||
|
||||
const AccountPsw: React.FC<AccountPswProps> = () => {
|
||||
const [form] = ProForm.useForm(); // form 对象
|
||||
const intl = useIntl();
|
||||
|
||||
return (
|
||||
<ProForm
|
||||
className="gn_form"
|
||||
form={form}
|
||||
submitter={{
|
||||
submitButtonProps: {
|
||||
style: {
|
||||
display: 'none', // 设置为隐藏状态
|
||||
},
|
||||
},
|
||||
resetButtonProps: {
|
||||
style: {
|
||||
display: 'none', // 设置为隐藏状态
|
||||
},
|
||||
},
|
||||
}}
|
||||
>
|
||||
<ProForm.Group>
|
||||
<ProFormText
|
||||
width="34.45vw"
|
||||
name="name"
|
||||
label={
|
||||
<FormattedMessage id="business_info.list.table.form.name" defaultMessage="企业账号" />
|
||||
}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_input',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.name',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
required={true}
|
||||
/>
|
||||
<ProFormText.Password
|
||||
width="34.45vw"
|
||||
label={<FormattedMessage id="business_info.list.table.form.pwd" defaultMessage="密码" />}
|
||||
name="pwd"
|
||||
placeholder={'输入新密码'}
|
||||
/>
|
||||
</ProForm.Group>
|
||||
</ProForm>
|
||||
);
|
||||
};
|
||||
export default AccountPsw;
|
||||
@ -0,0 +1,54 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-23 17:00:00
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-24 17:14:48
|
||||
* @FilePath: \general-ai-platform-web\src\pages\Project\BusinessInfo\components\baseInfo.tsx
|
||||
* @Description: 基本信息展示
|
||||
*
|
||||
*/
|
||||
|
||||
import { ProDescriptions } from '@ant-design/pro-components';
|
||||
import { FormattedMessage } from '@umijs/max';
|
||||
|
||||
type BaseInfoProps = {
|
||||
info: Record<string, any>;
|
||||
};
|
||||
|
||||
const BaseInfo: React.FC<BaseInfoProps> = ({ info }) => {
|
||||
// 模型基本信息
|
||||
const ModelDetailColumns = [
|
||||
{
|
||||
title: <FormattedMessage id="business.list.table.form.address" defaultMessage="公司地址" />,
|
||||
dataIndex: 'address',
|
||||
render: (_, record) => {
|
||||
return record?.province + record?.city + record.address;
|
||||
},
|
||||
},
|
||||
{
|
||||
title: <FormattedMessage id="business.list.table.form.industry" defaultMessage="所属行业" />,
|
||||
dataIndex: 'industryName',
|
||||
},
|
||||
{
|
||||
title: <FormattedMessage id="business.list.table.form.contacts" defaultMessage="联系人" />,
|
||||
dataIndex: 'contacts',
|
||||
},
|
||||
{
|
||||
title: (
|
||||
<FormattedMessage id="business.list.table.form.contactWay" defaultMessage="联系方式" />
|
||||
),
|
||||
dataIndex: 'contactWay',
|
||||
},
|
||||
{
|
||||
title: <FormattedMessage id="business.list.table.form.remark" defaultMessage="公司简介" />,
|
||||
dataIndex: 'remark',
|
||||
},
|
||||
];
|
||||
return (
|
||||
<div className="gn_table_descriptions bg_active_1">
|
||||
<ProDescriptions column={4} columns={ModelDetailColumns} dataSource={info}></ProDescriptions>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BaseInfo;
|
||||
@ -0,0 +1,350 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-23 17:46:28
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-24 15:00:31
|
||||
* @FilePath: \general-ai-platform-web\src\pages\Project\BusinessInfo\components\updateForm.tsx
|
||||
* @Description: 修改企业信息
|
||||
*/
|
||||
import { useCity } from '@/hooks/useCity';
|
||||
import { beforeUploadImage } from '@/utils/common';
|
||||
import {
|
||||
ModalForm,
|
||||
ProForm,
|
||||
ProFormSelect,
|
||||
ProFormText,
|
||||
ProFormTextArea,
|
||||
// ProFormDependency,
|
||||
ProFormUploadButton,
|
||||
} from '@ant-design/pro-components';
|
||||
import { FormattedMessage, useIntl } from '@umijs/max';
|
||||
import { Form } from 'antd';
|
||||
import React, { useState } from 'react';
|
||||
import {
|
||||
proFormSmallItemStyleProps,
|
||||
proFormSmallModelWidth,
|
||||
} from '../../../../../config/defaultForm';
|
||||
// @ts-ignore
|
||||
import cookie from 'react-cookies';
|
||||
export type FormValueType = {
|
||||
target?: string;
|
||||
template?: string;
|
||||
type?: string;
|
||||
time?: string;
|
||||
frequency?: string;
|
||||
} & Partial<API.ModelCategory>;
|
||||
export type UpdateFormProps = {
|
||||
updateModalOpen: boolean;
|
||||
handleModal: () => void;
|
||||
values: Partial<API.ModelCategory>;
|
||||
reload: any;
|
||||
};
|
||||
|
||||
const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
||||
const intl = useIntl();
|
||||
// const [isAuto, setIsAuto] = useState(true);
|
||||
const [form] = Form.useForm<API.ModelCategory>();
|
||||
const [cityOptions, setCityOptions] = useState<Record<string, any>[]>([]);
|
||||
const { formatProvinceByData, formatCityByProvinceData } = useCity();
|
||||
function changeCity(record1, record2) {
|
||||
// 汇总城市数据到表单
|
||||
console.log(record1, record2, 'changeProvince_record');
|
||||
}
|
||||
|
||||
return (
|
||||
<ModalForm<API.ModelCategory>
|
||||
className="gn_form"
|
||||
width={proFormSmallModelWidth}
|
||||
title={intl.formatMessage({
|
||||
id: 'business.list.table.createForm.add',
|
||||
defaultMessage: '新建',
|
||||
})}
|
||||
open={props.updateModalOpen}
|
||||
form={form}
|
||||
autoFocusFirstInput
|
||||
modalProps={{
|
||||
destroyOnClose: true,
|
||||
onCancel: () => props.handleModal(),
|
||||
}}
|
||||
submitTimeout={2000}
|
||||
onFinish={async (values) => {
|
||||
console.log(values, 'add_finish_values');
|
||||
// TODO 对接更新接口
|
||||
// postModelCategoryCreateModelCategory(values)
|
||||
// .then(() => {
|
||||
// message.success(intl.formatMessage({ id: 'common.success', defaultMessage: '$$$' }));
|
||||
// props.reload();
|
||||
// })
|
||||
// .catch(() => {
|
||||
// message.error(intl.formatMessage({ id: 'common.failure', defaultMessage: '$$$' }));
|
||||
// });
|
||||
props.handleModal();
|
||||
return true;
|
||||
}}
|
||||
>
|
||||
<ProForm.Group>
|
||||
<ProFormText
|
||||
width={proFormSmallItemStyleProps.width}
|
||||
name="name"
|
||||
label={<FormattedMessage id="business.list.table.form.name" defaultMessage="名称" />}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_input',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.name',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
initialValue={props.values.name}
|
||||
required={true}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.name"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<ProFormSelect
|
||||
width={proFormSmallItemStyleProps.column2Width / 2 - 8}
|
||||
name="province"
|
||||
label={<FormattedMessage id="business.list.table.form.province" defaultMessage="省份" />}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_select',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.province',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
initialValue={props.values.province}
|
||||
required={true}
|
||||
showSearch
|
||||
debounceTime={500}
|
||||
request={() => {
|
||||
const respDataList = formatProvinceByData();
|
||||
// 初始化有省份数据，默认加载当前省份的城市数据
|
||||
if (props.values.province) {
|
||||
respDataList.forEach((item) => {
|
||||
if (props.values.province === item.value) {
|
||||
setCityOptions(() => formatCityByProvinceData(item));
|
||||
}
|
||||
});
|
||||
}
|
||||
return respDataList;
|
||||
}}
|
||||
onChange={(_, record2) => {
|
||||
form.setFieldValue('city', null); // 先清空城市
|
||||
setCityOptions(() => formatCityByProvinceData(record2));
|
||||
}}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.province"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ProFormSelect
|
||||
width={proFormSmallItemStyleProps.column2Width / 2 - 8}
|
||||
name="city"
|
||||
label={<FormattedMessage id="business.list.table.form.city" defaultMessage="城市" />}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_select',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.city',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
initialValue={props.values.city}
|
||||
required={true}
|
||||
showSearch
|
||||
debounceTime={500}
|
||||
options={cityOptions}
|
||||
onChange={changeCity}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.city"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ProFormText
|
||||
width={proFormSmallItemStyleProps.column2Width}
|
||||
name="address"
|
||||
label={<FormattedMessage id="business.list.table.form.address" defaultMessage="地址" />}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_input',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.address',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
initialValue={props.values.address}
|
||||
required={true}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.address"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ProFormText
|
||||
width={proFormSmallItemStyleProps.width}
|
||||
name="industry"
|
||||
label={<FormattedMessage id="business.list.table.form.industry" defaultMessage="行业" />}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_input',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.industry',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
initialValue={props.values.industry}
|
||||
required={true}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.industry"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ProFormText
|
||||
width={proFormSmallItemStyleProps.width}
|
||||
name="contacts"
|
||||
label={
|
||||
<FormattedMessage id="business.list.table.form.contacts" defaultMessage="联系人" />
|
||||
}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_input',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.contacts',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
initialValue={props.values.contacts}
|
||||
required={true}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.contacts"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ProFormText
|
||||
width={proFormSmallItemStyleProps.width}
|
||||
name="contactWay"
|
||||
label={
|
||||
<FormattedMessage id="business.list.table.form.contactWay" defaultMessage="联系方式" />
|
||||
}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_input',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.contactWay',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
initialValue={props.values.contactWay}
|
||||
required={true}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.contactWay"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ProFormTextArea
|
||||
width={proFormSmallItemStyleProps.width}
|
||||
name="remark"
|
||||
label={<FormattedMessage id="business.list.table.form.remark" defaultMessage="简介" />}
|
||||
placeholder={`${intl.formatMessage({
|
||||
id: 'common.please_input',
|
||||
defaultMessage: '$$$',
|
||||
})}${intl.formatMessage({
|
||||
id: 'business.list.table.form.remark',
|
||||
defaultMessage: '$$$',
|
||||
})}`}
|
||||
initialValue={props.values.remark}
|
||||
required={true}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.remark"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
disabled={false}
|
||||
/>
|
||||
{/* // TODO level3 按UI实际效果调整上传logo & 改用上传base64格式编码 换手动上传 */}
|
||||
<ProFormUploadButton
|
||||
width={proFormSmallItemStyleProps.width}
|
||||
max={1}
|
||||
action="/api/v1/file/uploadImage"
|
||||
name="logo"
|
||||
label={<FormattedMessage id="business.list.table.form.logo" defaultMessage="logo" />}
|
||||
fieldProps={{
|
||||
name: 'file',
|
||||
listType: 'picture-card',
|
||||
beforeUpload: beforeUploadImage,
|
||||
data: { path: 'user/avatar' },
|
||||
headers: {
|
||||
'X-CSRFToken': cookie.load('csrftoken'),
|
||||
'X-Token': `${localStorage.getItem('access') || ''}`,
|
||||
},
|
||||
}}
|
||||
initialValue={props.values.logo}
|
||||
required={true}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: (
|
||||
<FormattedMessage
|
||||
id="business.list.table.form.rule.required.logo"
|
||||
defaultMessage="name is required"
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ProForm.Group>
|
||||
</ModalForm>
|
||||
);
|
||||
};
|
||||
|
||||
export default UpdateForm;
|
||||
@ -0,0 +1,11 @@
|
||||
.businessInfo_page {
|
||||
/* 企业算法列表 */
|
||||
}
|
||||
.businessInfo_page .algorithmCard_box .tag_type {
|
||||
padding: 2px 4px;
|
||||
color: white;
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
background: linear-gradient(180deg, #21c7ff 0%, #428cff 100%);
|
||||
border-radius: 2px;
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
.businessInfo_page {
|
||||
/* 企业算法列表 */
|
||||
// 算法卡片
|
||||
|
||||
.algorithmCard_box {
|
||||
.tag_type {
|
||||
padding: 2px 4px;
|
||||
color: white;
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
background: linear-gradient(180deg, #21c7ff 0%, #428cff 100%);
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,81 +0,0 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-01 19:20:30
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-02 17:19:56
|
||||
* @FilePath: \uighur-recognition-web2\src\services\realTime\alarmRules.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
// @ts-ignore
|
||||
/* eslint-disable */
|
||||
import { request } from '@umijs/max';
|
||||
|
||||
/** 告警列表 */
|
||||
export async function getAlarmRules(
|
||||
params: API.SearchAlarmRulesParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/warning_rule/`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
|
||||
/** 更新告警列表 */
|
||||
export async function postAlarmRules(
|
||||
body: API.UpdateAlarmRulesParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/warning_rule/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
|
||||
/** 离线告警规则 */
|
||||
export async function getOfflineAlarmRules(
|
||||
params: API.SearchAlarmRulesParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/upload_warning_rule/`,
|
||||
{
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 离线更新告警规则 */
|
||||
export async function postOfflineAlarmRules(
|
||||
body: API.UpdateAlarmRulesParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/upload_warning_rule/`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
@ -1,72 +0,0 @@
|
||||
// @ts-ignore
|
||||
/* eslint-disable */
|
||||
import { request } from '@umijs/max';
|
||||
|
||||
/** 告警列表 */
|
||||
export async function postAlarmList(
|
||||
body: API.SearchAlarmListParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/warning_info/`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...body,
|
||||
},
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
/** 忽略事件 */
|
||||
export async function postIgnoringvents(
|
||||
body: API.IgnoringventsParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/detect_result/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
|
||||
/** 上传告警列表 */
|
||||
export async function postUploadAlarmList(
|
||||
params: API.SearchAlarmListParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/upload_warning_info/`,
|
||||
{
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 上传忽略事件 */
|
||||
export async function postUploadIgnoringvents(
|
||||
body: API.UploadIgnoringventsParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/ignore_warning_info/`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
@ -1,20 +0,0 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-01 19:20:30
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-01 19:22:27
|
||||
* @FilePath: \uighur-recognition-web2\src\services\realTime\index.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
// @ts-ignore
|
||||
/* eslint-disable */
|
||||
// API 更新时间：
|
||||
// API 唯一标识：
|
||||
import * as alarmlist from './alarmlist';
|
||||
import * as alarmRules from './alarmRules';
|
||||
import * as interfaces from './interfaces';
|
||||
export default {
|
||||
alarmlist,
|
||||
alarmRules,
|
||||
interfaces,
|
||||
};
|
||||
@ -1,89 +0,0 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-01 19:20:30
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-02 17:44:55
|
||||
* @FilePath: \uighur-recognition-web2\src\services\realTime\interfaces.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
// @ts-ignore
|
||||
/* eslint-disable */
|
||||
import { request } from '@umijs/max';
|
||||
|
||||
/** 接口列表 */
|
||||
export async function getInterfaces(
|
||||
params: API.SearchAlarmRulesParams | any,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/device/`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
|
||||
/** 更新接口列表 */
|
||||
export async function postInterfaces(
|
||||
body: API.UpdateInterfacesParams | any,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/device/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
/** 测试接口 */
|
||||
export async function postTestDevice(
|
||||
body: API.UpdateInterfacesParams | any,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/test_device/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
|
||||
/** 离线设备列表 */
|
||||
export async function getInterfacesUpload(
|
||||
params: API.SearchAlarmRulesParams | any,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/upload_device/`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
|
||||
/** 更新接口列表 */
|
||||
export async function postInterfacesUpload(
|
||||
body: API.UpdateInterfacesParams | any,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/upload_device/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
@ -1,116 +0,0 @@
|
||||
// @ts-ignore
|
||||
/* eslint-disable */
|
||||
import { request } from '@umijs/max';
|
||||
|
||||
/** 重点关注列表 */
|
||||
export async function getInvolvedList(
|
||||
params: API.SearchInvolvedParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/recognition_people/`,
|
||||
{
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 任务轨迹列表 */
|
||||
export async function getInvolvedTravelList(
|
||||
params: API.SearchInvolvedTravelParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(`/api/travel_track/`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
|
||||
/** 关注与取消关注 */
|
||||
export async function postRecognition(
|
||||
body: API.RecognitionParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/recognition_people/`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 上传重点关注列表 */
|
||||
export async function getUploadInvolvedList(
|
||||
params: API.SearchInvolvedParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/upload_recognition_people/`,
|
||||
{
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 上传任务轨迹列表 */
|
||||
export async function getUploadInvolvedTravelList(
|
||||
params: API.SearchInvolvedTravelParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/upload_travel_track/`,
|
||||
{
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 上传关注与取消关注 */
|
||||
export async function postUploadRecognition(
|
||||
body: API.RecognitionParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.Response & { data?: API.PageResult; msg?: string }>(
|
||||
`/api/upload_recognition_people/`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-24 10:11:48
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-04-24 10:17:21
|
||||
* @FilePath: \general-ai-platform-web\src\utils\forApi.ts
|
||||
* @Description: 这是接口层和业务层的转换工具方法集
|
||||
*/
|
||||
|
||||
/**
|
||||
* @判断接口数据是否成功返回
|
||||
* @param result 接口返回数据
|
||||
* @returns boolean
|
||||
*/
|
||||
export function isSuccessApi(result: API.API_COMMON_DATA): boolean {
|
||||
const { meta } = result;
|
||||
if (meta.code < 300 && meta.code >= 200) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
Loading…
Reference in New Issue