jiangxucong
/
dq-ems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

法规

Browse Source
main
wangyunfei 3 weeks ago
parent 5785b227f3
commit f6c8f8abd9
4 changed files with 497 additions and 15 deletions
Show Stats Download Patch File Download Diff File

4
src/assets/business_envinformation/stipulation1.svg
Unescape Escape View File

@ -0,0 +1,4 @@
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.7597 6.39648H7.90511C7.66159 6.39648 7.45703 6.63026 7.45703 6.91275C7.45703 7.19523 7.66159 7.42901 7.90511 7.42901H19.7597C20.0032 7.42901 20.2078 7.19523 20.2078 6.91275C20.2078 6.62052 20.0032 6.39648 19.7597 6.39648Z" fill="#3AD327"/>
<path d="M5.66539 6.94149C5.66539 6.1817 6.36673 5.66544 7.22392 5.66544H20.8319C21.1143 5.66544 21.3384 5.37321 21.3384 5.11995C21.3384 4.87643 21.1143 4.67188 20.8319 4.67188H7.23366C5.8115 4.67188 4.65234 5.68492 4.65234 6.94149V19.0591C4.65234 20.3059 5.8115 21.3287 7.23366 21.3287H21.3481V8.30521H7.23366C6.36673 8.30521 5.66539 7.69153 5.66539 6.94149ZM10.3897 10.7989H18.0362C18.309 10.7989 18.533 11.0326 18.533 11.3151C18.533 11.5976 18.309 11.8314 18.0362 11.8314H10.3897C10.1169 11.8314 9.89291 11.5976 9.89291 11.3151C9.89291 11.0229 10.1169 10.7989 10.3897 10.7989ZM10.3897 14.0133H18.0362C18.309 14.0133 18.533 14.2276 18.533 14.5004C18.533 14.7731 18.309 14.9874 18.0362 14.9874H10.3897C10.1169 14.9874 9.89291 14.7731 9.89291 14.5004C9.89291 14.2276 10.1169 14.0133 10.3897 14.0133ZM10.3897 17.1791H18.0362C18.309 17.1791 18.533 17.4129 18.533 17.6954C18.533 17.9778 18.309 18.2116 18.0362 18.2116H10.3897C10.1169 18.2116 9.89291 17.9778 9.89291 17.6954C9.89291 17.4129 10.1169 17.1791 10.3897 17.1791ZM8.35386 18.2019C8.07138 18.2019 7.8376 17.9681 7.8376 17.6856C7.8376 17.4031 8.07138 17.1694 8.35386 17.1694C8.63634 17.1694 8.87012 17.4031 8.87012 17.6856C8.87012 17.9681 8.63634 18.2019 8.35386 18.2019ZM8.3149 10.7989C8.59738 10.7989 8.83116 11.0326 8.83116 11.3151C8.83116 11.5976 8.59738 11.8314 8.3149 11.8314C8.03241 11.8314 7.79863 11.5976 7.79863 11.3151C7.80837 11.0229 8.03241 10.7989 8.3149 10.7989ZM8.3149 13.9354C8.59738 13.9354 8.83116 14.1692 8.83116 14.4517C8.83116 14.7342 8.59738 14.9679 8.3149 14.9679C8.03241 14.9679 7.79863 14.7342 7.79863 14.4517C7.80837 14.1692 8.03241 13.9354 8.3149 13.9354Z" fill="#3AD327"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

2
src/pages/business_envInformation/module/ComplianceManagement.less
Unescape Escape View File

@ -66,7 +66,7 @@
// 右侧内容区
.rightContent {
flex: 1;
background-color: #FFFFFF;
// background-color: #FFFFFF;
border-radius: 4px;
// padding: 20px;
overflow: auto;

406
src/pages/business_envInformation/module/secondary_menu/RegulationCompliance.js
Unescape Escape View File

@ -1,6 +1,7 @@
import React, { useState } from 'react';
import { Form, Input, Button, DatePicker } from 'antd';
import React from 'react';
import { Form, Input, Button, DatePicker, Select } from 'antd';
import styles from './RegulationCompliance.less';
import stipulation1 from '@/assets/business_envinformation/stipulation1.svg';
const RegulationCompliance = () => {
const [form] = Form.useForm();
@ -15,6 +16,7 @@ const RegulationCompliance = () => {
// TODO: 重置搜索
};
return (
<div className={styles.regulationContainer}>
{/* 第一块：搜索表单 */}
@ -46,9 +48,405 @@ const RegulationCompliance = () => {
</Form>
</div>
{/* 第二块：表格区域（待开发） */}
{/* 第二块：表格区域 */}
<div className={styles.tableSection}>
<div className={styles.developingTip}>待开发</div>
<div className={styles.blocksContainer}>
{/* 法规合规管理块1 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-08-24
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块2 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-08-25
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块3 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-08-26
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块4 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-08-27
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块5 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-08-28
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块6 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-08-29
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块7 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-08-30
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块8 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-08-31
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块9 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-09-01
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称9
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块10 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-09-02
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块11 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-09-03
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
{/* 法规合规管理块12 */}
<div className={styles.regulationBlock}>
{/* 第一行：法规名称 */}
<div className={styles.regulationTitle}>
<img src={stipulation1} alt="法规图标" style={{ width: '20px', height: '20px', marginRight: '4px' }} />
2025排污许可条例
</div>
{/* 第二行：发布时间和发布部门 */}
<div className={styles.regulationInfo}>
<div className={styles.publishDate}>
发布时间&nbsp;&nbsp;&nbsp;&nbsp;2025-09-04
</div>
<div className={styles.publishDepartment}>
发布部门&nbsp;&nbsp;&nbsp;&nbsp;环保部门名称
</div>
</div>
{/* 第三行：操作按钮 */}
<div className={styles.actionButtons}>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#D8D8D8"/>
</svg>
</div>
<div className={styles.actionButton}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" fill="#D8D8D8"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
);

94
src/pages/business_envInformation/module/secondary_menu/RegulationCompliance.less
Unescape Escape View File

@ -1,12 +1,13 @@
.regulationContainer {
width: 100%;
height: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
.searchSection {
padding: 20px;
background-color: #fff;
:global {
.ant-form-inline {
@ -48,14 +49,93 @@
display: flex;
flex-direction: column;
overflow: hidden;
padding: 0 20px 20px;
align-items: center;
justify-content: center;
padding: 20px;
.blocksContainer {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 20px;
margin-bottom: 20px;
}
.regulationBlock {
background-color: #fff;
// border: 1px solid #EEEEEE;
border-radius: 2px;
// padding: 8px 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 120px;
}
.developingTip {
font-size: 24px;
color: #999999;
.regulationTitle {
font-size: 14px;
font-weight: 500;
color: #333333;
padding: 8px 16px;
border: 1px solid #EEEEEE;
border-bottom: none;
margin-bottom: 0;
display: flex;
align-items: center;
}
.regulationInfo {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 15px;
border: 1px solid #EEEEEE;
border-bottom: none;
margin-bottom: 0;
}
.publishDate {
font-size: 12px;
color: #666666;
font-weight: 400;
margin-bottom: 6px;
}
.publishDepartment {
font-size: 12px;
color: #666666;
font-weight: 400;
}
.actionButtons {
display: flex;
justify-content: center;
gap: 8px;
width: 100%;
// margin-bottom: 0;
border: 1px solid #EEEEEE;
border-bottom: none;
// padding-top: 4px;
}
.actionButton {
width: calc(50% - 4px);
height: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 2px;
transition: background-color 0.2s;
&:hover {
background-color: #f5f5f5;
}
}
}
}
Write Preview
Loading…
Cancel
Save