cq_anquan
/
safety-eval-service-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat

dev_1.2
tangjie 2026-07-22 09:49:21 +08:00
parent 634e818ed9
commit d1ca41a530
7 changed files with 498 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/api/safetyEvalBusiness/index.js
View File

@ -62,4 +62,19 @@ export const evalProjectSave = declareRequest(
export const evalProjectDetail = declareRequest(
"evalProjectDetailLoading",
"Get > /safetyEval/institution/eval-project/get",
);
export const evalProjectDelete = declareRequest(
"evalProjectDeleteLoading",
"Post > @/safetyEval/institution/eval-project/delete",
);
export const evalProjectDocPage = declareRequest(
"evalProjectDocLoading",
"Get > /safetyEval/institution/eval-project-doc/page",
);
export const evalProjectDocSave = declareRequest(
"evalProjectDocSaveLoading",
"Post > @/safetyEval/institution/eval-project-doc/save",
);

3
src/components/AttachmentUpload/index.js
View File

@ -4,7 +4,7 @@ import { PlusOutlined } from "@ant-design/icons";
const isImage = (url) =>
/\.(png|jpe?g|gif|bmp|webp|svg)(\?.*)?$/i.test(url || "");
export default function AttachmentUpload({ name, label, disabled = false, maxCount, accept, extra }) {
export default function AttachmentUpload({ name, label, disabled = false, maxCount, accept, extra ,rules }) {
const [previewImage, setPreviewImage] = useState("");
return (
@ -14,6 +14,7 @@ export default function AttachmentUpload({ name, label, disabled = false, maxCou
label={label}
extra={extra}
valuePropName="fileList"
rules={rules}
getValueProps={(value) => {
if (Array.isArray(value)) {
return { fileList: value };

20
src/enumerate/constant/index.js
View File

@ -307,10 +307,28 @@ export const EVAL_TYPE_OPTIONS = [
{ label: "安全现状评价", value: "STATUS" },
];
export const EVAL_TYPE_MAP = EVAL_TYPE_OPTIONS.reduce((acc, cur) => {
acc[cur.value] = cur.label;
return acc;
}, {});
/** 登记半径选项 */
export const CHECKIN_RADIUS_OPTIONS = [
{ label: "100 米", value: 100 },
{ label: "200 米", value: 200 },
{ label: "300 米", value: 300 },
{ label: "500 米", value: 500 },
];
];
/** 项目规则 — 资料类别枚举 */
export const MATERIAL_TYPE_OPTIONS = [
{ label: "现场踏勘资料", value: "SITE_SURVEY" },
{ label: "报告资料", value: "REPORT" },
{ label: "整改资料", value: "RECTIFICATION" },
{ label: "其他项目资料", value: "OTHER" },
];
export const MATERIAL_TYPE_MAP = MATERIAL_TYPE_OPTIONS.reduce((acc, cur) => {
acc[cur.value] = cur.label;
return acc;
}, {});

5
src/pages/Container/Layout/menuConfig.js
View File

@ -211,6 +211,11 @@ const menuItems = [
label: "安评项目管理",
icon: <FileTextOutlined />,
},
{
key: "/safetyEval/container/SafetyEvalBusiness/EvalProject/ProjectDocLibrary",
label: "项目资料管理",
icon: <FileTextOutlined />,
},
{
key: "/safetyEval/container/SafetyEvalBusiness/CustomerManage",
label: "安评客户管理",

159
src/pages/Container/SafetyEvalBusiness/CustomerManage/index.js
View File

@ -13,10 +13,7 @@ import {
Flex,
Space,
} from "antd";
import {
PlusOutlined,
} from "@ant-design/icons";
import { PlusOutlined } from "@ant-design/icons";
import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
import SearchForm from "@cqsjjb/jjb-react-admin-component/SearchForm";
import ControlWrapper from "@cqsjjb/jjb-react-admin-component/ControlWrapper";
@ -29,6 +26,7 @@ import {
district,
ENTERPRISE_STATUS_OPTIONS,
ENTERPRISE_SCALE_OPTIONS,
EVAL_TYPE_MAP,
} from "~/enumerate/constant";
import { QUALIFICATION_INDUSTRY_OPTIONS } from "~/enumerate/enterpriseOptions";
import { phoneRule, creditCodeRule } from "~/utils/validators";
@ -45,25 +43,30 @@ const CustomerManage = (props) => {
const [detailOpen, setDetailOpen] = useState(false);
const [currentDetail, setCurrentDetail] = useState(null);
const [editingId, setEditingId] = useState(null);
const {customerLoading, customerModifyLoading, customerSaveLoading}= props.safetyEvalBusiness;
const { customerLoading, customerModifyLoading, customerSaveLoading } =
props.safetyEvalBusiness;
const getData = async (pagination) => {
const params = {
...router.query,
current: pagination?.current || router.query.current || 1,
size: pagination?.size || router.query.size || 10,
};
const res = await props.customerPage(params);
if (res?.success !== false) {
setDataSource(res?.data || []);
setTotal(res?.total || 0);
}
const params = {
...router.query,
current: pagination?.current || router.query.current || 1,
size: pagination?.size || router.query.size || 10,
};
const res = await props.customerPage(params);
if (res?.success !== false) {
setDataSource(res?.data || []);
setTotal(res?.total || 0);
}
};
const handleMapConfirm = (location) => {
const { lng, lat, address } = location;
modalForm.setFieldsValue({ longitude: lng, latitude: lat, businessAddress: address });
modalForm.setFieldsValue({
longitude: lng,
latitude: lat,
businessAddress: address,
});
setMapPickerVisible(false);
};
@ -100,21 +103,21 @@ const CustomerManage = (props) => {
};
const handleOpenEdit = async (record) => {
const res = await props.customerDetail({ id: record.id });
if (res?.success !== false) {
setEditingId(record.id);
setCurrentDetail(res?.data || {});
modalForm.setFieldsValue(res?.data || {});
setModalOpen(true);
}
const res = await props.customerDetail({ id: record.id });
if (res?.success !== false) {
setEditingId(record.id);
setCurrentDetail(res?.data || {});
modalForm.setFieldsValue(res?.data || {});
setModalOpen(true);
}
};
const handleViewDetail = async (record) => {
const res = await props.customerDetail({ id: record.id });
if (res?.success !== false) {
setCurrentDetail(res?.data || {});
setDetailOpen(true);
}
const res = await props.customerDetail({ id: record.id });
if (res?.success !== false) {
setCurrentDetail(res?.data || {});
setDetailOpen(true);
}
};
const handleDelete = async (record) => {
@ -122,29 +125,34 @@ const CustomerManage = (props) => {
title: "确认删除",
content: "确定要删除这个客户吗？",
onOk: async () => {
await props.customerDelete({ data: record.id });
message.success("删除成功");
getData();
await props.customerDelete({ data: record.id });
message.success("删除成功");
getData();
},
});
};
const handleCreateSubmit = () => {
modalForm.validateFields().then(async (values) => {
if (editingId) {
await props.customerModify({ ...values, id: editingId });
} else {
await props.customerSave(values);
}
message.success(editingId ? "修改成功" : "创建成功");
setModalOpen(false);
getData();
if (editingId) {
await props.customerModify({ ...values, id: editingId });
} else {
await props.customerSave(values);
}
message.success(editingId ? "修改成功" : "创建成功");
setModalOpen(false);
getData();
});
};
const columns = [
{ title: "序号", width: 60, render: (_, __, index) => index + 1 },
{ title: "客户名称", dataIndex: "customerName", ellipsis: true, width: 220 },
{
title: "客户名称",
dataIndex: "customerName",
ellipsis: true,
width: 220,
},
{ title: "统一社会信用代码", dataIndex: "creditCode", width: 220 },
{ title: "客户联系人", dataIndex: "principalName", width: 150 },
{ title: "联系人电话", dataIndex: "principalPhone", width: 160 },
@ -183,7 +191,7 @@ const CustomerManage = (props) => {
<Button
type="link"
size="small"
onClick={() => handleViewDetail(record)}
>
查看
@ -191,7 +199,7 @@ const CustomerManage = (props) => {
<Button
type="link"
size="small"
onClick={() => handleOpenEdit(record)}
>
编辑
@ -200,7 +208,7 @@ const CustomerManage = (props) => {
type="link"
size="small"
danger
onClick={() => handleDelete(record)}
>
删除
@ -304,7 +312,11 @@ const CustomerManage = (props) => {
</Form.Item>
</Col>
<Col span={12}>
<Form.Item name="creditCode" label="统一社会信用代码" rules={[creditCodeRule(false)]}>
<Form.Item
name="creditCode"
label="统一社会信用代码"
rules={[creditCodeRule(false)]}
>
<Input placeholder="请输入" maxLength={18} />
</Form.Item>
</Col>
@ -376,7 +388,11 @@ const CustomerManage = (props) => {
</Form.Item>
</Col>
<Col span={12}>
<Form.Item name="principalPhone" label="负责人电话" rules={[phoneRule("负责人电话", false)]}>
<Form.Item
name="principalPhone"
label="负责人电话"
rules={[phoneRule("负责人电话", false)]}
>
<Input placeholder="请输入" maxLength={20} />
</Form.Item>
</Col>
@ -389,7 +405,11 @@ const CustomerManage = (props) => {
</Form.Item>
</Col>
<Col span={12}>
<Form.Item name="legalRepresentativePhone" label="法人电话" rules={[phoneRule("法人电话", false)]}>
<Form.Item
name="legalRepresentativePhone"
label="法人电话"
rules={[phoneRule("法人电话", false)]}
>
<Input placeholder="请输入" maxLength={20} />
</Form.Item>
</Col>
@ -487,39 +507,30 @@ const CustomerManage = (props) => {
<h4 style={{ margin: "12px 0 8px" }}>安全评价项目列表</h4>
<Table
rowKey="id"
dataSource={[
{
id: 1,
name: `${currentDetail.customerName}安全现状评价`,
type: "安全现状评价",
date: "2026-06-15",
status: "已完成",
},
{
id: 2,
name: `${currentDetail.customerName}安全验收评价`,
type: "安全验收评价",
date: "2023-07-20",
status: "已归档",
},
{
id: 3,
name: `${currentDetail.customerName}安全预评价`,
type: "安全预评价",
date: "2020-08-12",
status: "已归档",
},
]}
dataSource={currentDetail.projects || []}
columns={[
{ title: "项目名称", dataIndex: "name" },
{ title: "评价类别", dataIndex: "type", width: 120 },
{ title: "报告完成日期", dataIndex: "date", width: 130 },
{ title: "项目名称", dataIndex: "projectName" },
{
title: "评价类型",
dataIndex: "evalTypeCode",
width: 120,
render: (s) => EVAL_TYPE_MAP[s] || s || "",
},
{ title: "报告完成日期", dataIndex: "planEndDate", width: 130 },
{
title: "项目状态",
dataIndex: "status",
width: 100,
fixed: "right",
render: (s) => <span style={{ color: "#52c41a" }}>{s}</span>,
render: (phase) => {
const color =
phase === "延期"
? "error"
: phase === "正常"
? "success"
: undefined;
return <Tag color={color}>{phase || "-"}</Tag>;
},
},
]}
pagination={false}

26
src/pages/Container/SafetyEvalBusiness/EvalProject/List/index.js
View File

@ -7,9 +7,12 @@ import {
Select,
Space,
Tag,
Modal,
message,
} from "antd";
import {
PlusOutlined,
DeleteOutlined,
} from "@ant-design/icons";
import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
import SearchForm from "@cqsjjb/jjb-react-admin-component/SearchForm";
@ -66,6 +69,18 @@ const EvalProject = (props) => {
getData(pagination);
};
const handleDelete = (record) => {
Modal.confirm({
title: "确认删除",
content: "确定要删除这个项目吗？",
onOk: async () => {
await props.evalProjectDelete({ data: [record.id] });
message.success("删除成功");
getData();
},
});
};
const columns = [
{ title: "序号", width: 60, render: (_, __, index) => index + 1 },
{
@ -97,7 +112,7 @@ const EvalProject = (props) => {
},
{
title: "操作",
width: 100,
width: 160,
fixed: "right",
render: (_, record) => (
<Space>
@ -108,6 +123,15 @@ const EvalProject = (props) => {
>
查看
</Button>
<Button
type="link"
size="small"
danger
onClick={() => handleDelete(record)}
>
删除
</Button>
</Space>
),
},

347
src/pages/Container/SafetyEvalBusiness/EvalProject/ProjectDocLibrary/index.js Normal file
View File

@ -0,0 +1,347 @@
import React, { useState, useEffect } from "react";
import {
Form,
Table,
Button,
Input,
Select,
Space,
Modal,
Upload,
message,
Flex,
} from "antd";
import { PlusOutlined, UploadOutlined } from "@ant-design/icons";
import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
import SearchForm from "@cqsjjb/jjb-react-admin-component/SearchForm";
import ControlWrapper from "@cqsjjb/jjb-react-admin-component/ControlWrapper";
import { AntdTableFuncControl } from "@cqsjjb/jjb-common-decorator/antd";
import { NS_SAFETY_EVAL_BUSINESS } from "~/enumerate/namespace";
import { MATERIAL_TYPE_OPTIONS, MATERIAL_TYPE_MAP } from "~/enumerate/constant";
import { Connect } from "@cqsjjb/jjb-dva-runtime";
import { tools } from "@cqsjjb/jjb-common-lib";
import AttachmentUpload from "~/components/AttachmentUpload";
const { router } = tools;
const ProjectDocLibrary = (props) => {
const [searchForm] = Form.useForm();
const [uploadForm] = Form.useForm();
const [dataSource, setDataSource] = useState([]);
const [total, setTotal] = useState(0);
const [uploadModalOpen, setUploadModalOpen] = useState(false);
const [projectList, setProjectList] = useState([]);
const [docViewerVisible, setDocViewerVisible] = useState(false);
const [currentDocs, setCurrentDocs] = useState([]);
const { evalProjectDocLoading, evalProjectDocSaveLoading } = props.safetyEvalBusiness;
const getData = async (pagination) => {
const params = {
...router.query,
current: pagination?.current || router.query.current || 1,
size: pagination?.size || router.query.size || 10,
};
const res = await props.evalProjectDocPage(params);
if (res?.success !== false) {
setDataSource(res?.data || []);
setTotal(res?.total || 0);
}
};
const getProjectList = async () => {
const res = await props.evalProjectPage({ current: 1, size: 999 });
if (res?.success !== false) {
setProjectList(res?.data || []);
}
};
useEffect(() => {
searchForm.setFieldsValue(router.query);
getData();
}, []);
const handleSearch = (values) => {
router.query = { ...router.query, ...values, current: 1, size: 10 };
getData();
};
const handleReset = (values) => {
searchForm.resetFields();
router.query = { ...values, current: 1, size: 10 };
getData();
};
const handlePageChange = (pagination) => {
router.query = {
...router.query,
current: pagination.current,
size: pagination.pageSize,
};
getData(pagination);
};
const handleOpenUpload = () => {
uploadForm.resetFields();
getProjectList();
setUploadModalOpen(true);
};
const handleUploadSubmit = async () => {
const values = await uploadForm.validateFields();
await props.evalProjectDocSave({
projectId: values.projectId,
projectDocUrl: values.file.map((item) => ({
project_doc_url: item.url,
materialName: item.name,
materialType: values.materialType,
})),
});
message.success("上传成功");
setUploadModalOpen(false);
getData();
};
const columns = [
{ title: "项目编号", dataIndex: "projectNo", width: 130 },
{
title: "项目名称",
dataIndex: "projectName",
ellipsis: true,
width: 200,
},
{ title: "企业名称", dataIndex: "customerName", ellipsis: true, width: 180 },
{ title: "评价类型", dataIndex: "evalTypeName", width: 120 },
{
title: "上传文档数量",
width: 110,
render: (_, record) => {
const map = record.projectDocUrlMap || {};
const count = Object.values(map).reduce((sum, arr) => sum + (arr?.length || 0), 0);
return <span>{count}</span>;
},
},
{
title: "操作",
width: 100,
fixed: "right",
render: (_, record) => (
<Button
type="link"
size="small"
onClick={() => {
const map = record.projectDocUrlMap || {};
setCurrentDocs(Object.entries(map));
setDocViewerVisible(true);
}}
>
查看文档
</Button>
),
},
];
return (
<PageLayout
title="项目资料管理"
extra={
<Button type="primary" icon={<PlusOutlined />} onClick={handleOpenUpload}>
上传资料
</Button>
}
>
<div style={{ fontSize: 13, color: "#666", marginBottom: 16 }}>
按项目归集企业和机构上传的资料，先选择项目，再查看项目文档。
</div>
<SearchForm
form={searchForm}
loading={false}
formLine={[
<Form.Item key="projectName" name="projectName">
<ControlWrapper.Input
label="项目名称"
placeholder="输入项目名称"
allowClear
/>
</Form.Item>,
<Form.Item key="customerName" name="customerName">
<ControlWrapper.Input
label="企业名称"
placeholder="输入企业名称"
allowClear
/>
</Form.Item>,
]}
onFinish={handleSearch}
onReset={handleReset}
style={{ marginBottom: 16 }}
/>
<Table
rowKey="id"
columns={columns}
dataSource={dataSource}
loading={evalProjectDocLoading}
scroll={{ y: props.scrollY, x: 1000 }}
pagination={{
total,
current: router.query.current || 1,
pageSize: router.query.size || 10,
showSizeChanger: true,
showQuickJumper: true,
showTotal: (total) => `共 ${total} 条`,
}}
onChange={handlePageChange}
/>
<Modal
title="上传资料"
open={uploadModalOpen}
onCancel={() => setUploadModalOpen(false)}
onOk={handleUploadSubmit}
confirmLoading={evalProjectDocSaveLoading}
width={700}
destroyOnHide={true}
>
<Form form={uploadForm} layout="vertical" preserve={false}>
<Form.Item
label="项目"
name="projectId"
rules={[{ required: true, message: "请选择项目" }]}
>
<Select
placeholder="请选择项目"
showSearch
optionFilterProp="label"
options={projectList.map((p) => ({
label: `${p.projectNo} - ${p.projectName}`,
value: p.id,
}))}
/>
</Form.Item>
<Form.Item label='资料类别' name='materialType' rules={[{ required: true, message: "请选择资料类别" }]}>
<Select
placeholder="请选择资料类别"
showSearch
optionFilterProp="label"
options={MATERIAL_TYPE_OPTIONS}
/>
</Form.Item>
<AttachmentUpload
label="选择文件"
name="file"
maxCount={10}
accept=".pdf,.doc,.docx,.png,.jpg,.jpeg,.bmp,.webp"
extra="最多上传10个文件"
rules={[{ required: true, message: "请上传文件" }]}
/>
</Form>
</Modal>
<Modal
title="项目文档"
open={docViewerVisible}
onCancel={() => setDocViewerVisible(false)}
footer={null}
width={700}
destroyOnHide={true}
>
{currentDocs.map(([type, docs]) => (
<div key={type} style={{ marginBottom: 24 }}>
<h4 style={{ marginBottom: 8, color: "#333" }}>{MATERIAL_TYPE_MAP[type] || type}</h4>
<Table
rowKey="project_doc_url"
dataSource={docs}
pagination={false}
size="small"
columns={[
{ title: "文件名称", dataIndex: "materialName", ellipsis: true },
{
title: "操作",
width: 100,
render: (_, record) => (
<Button
type="link"
size="small"
onClick={() => window.open(record.project_doc_url)}
>
预览
</Button>
),
},
]}
/>
</div>
))}
{currentDocs.length === 0 && (
<div style={{ textAlign: "center", color: "#999", padding: 40 }}>暂无文档</div>
)}
</Modal>
</PageLayout>
);
};
/** 上传按钮字段组件 - 上传后回填 url */
const UploadButtonField = ({ value, onChange }) => {
const [uploading, setUploading] = useState(false);
return (
<UploadButtonInner
value={value}
onChange={onChange}
uploading={uploading}
setUploading={setUploading}
/>
);
};
const UploadButtonInner = ({ value, onChange, uploading, setUploading }) => {
return (
<Flex gap={8} align="center">
{value && (
<span style={{ fontSize: 12, color: "#999", maxWidth: 120, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
{value.split("/").pop()}
</span>
)}
<Upload
showUploadList={false}
action={`${window.process.env.app.API_HOST}/safetyEval/file/upload`}
headers={{ token: sessionStorage.getItem("token") }}
beforeUpload={(file) => {
const ext = "." + file.name.split(".").pop().toLowerCase();
if (ext === ".gif") {
message.error("不支持 GIF 格式图片上传");
return Upload.LIST_IGNORE;
}
return true;
}}
onChange={(info) => {
if (info.file.status === "uploading") {
setUploading(true);
} else if (info.file.status === "done") {
setUploading(false);
const url = info.file.response?.data;
if (url) {
onChange?.(url);
}
} else if (info.file.status === "error") {
setUploading(false);
message.error("上传失败");
}
}}
>
<Button icon={<UploadOutlined />} loading={uploading} size="small">
选择文件
</Button>
</Upload>
</Flex>
);
};
export default Connect(
[NS_SAFETY_EVAL_BUSINESS],
true,
)(AntdTableFuncControl(ProjectDocLibrary));