-
许可证信息统计表
-
此页面用于展示和管理各类许可证的统计信息
- {/* 这里可以添加具体的许可证统计表格和图表 */}
+
+ {/* 第一块:操作按钮和筛选条件 */}
+
+
+ }
+ onClick={handleAdd}
+ className={styles.addButton}
+ >
+ 新增
+
+ }
+ onClick={handleImport}
+ className={styles.importButton}
+ >
+ 导入
+
+
+
+
+ 筛选条件
+
+
+
+
+
+
+
+ {/* 第二块:表格 */}
+
+ `共 ${total} 条`,
+ }
+ }}
+ />
+
+
+ {/* 图片弹窗 */}
+
setIsModalVisible(false)}
+ footer={null}
+ closeIcon={}
+ width="auto"
+ centered
+ styles={{
+ mask: { backgroundColor: '#10101080' },
+ content: { padding: 0, background: 'transparent', boxShadow: 'none' }
+ }}
+ >
+ {currentImage &&
}
+
);
};
diff --git a/src/pages/business_envInformation/module/secondary_menu/PermitStatistics.less b/src/pages/business_envInformation/module/secondary_menu/PermitStatistics.less
index f51b9bd..54aa30e 100644
--- a/src/pages/business_envInformation/module/secondary_menu/PermitStatistics.less
+++ b/src/pages/business_envInformation/module/secondary_menu/PermitStatistics.less
@@ -1,26 +1,187 @@
-.container {
+.permitContainer {
width: 100%;
height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
+ // padding: 20px;
background-color: #fff;
- padding: 20px;
-
- .content {
- text-align: center;
-
- h2 {
- font-size: 24px;
- color: #333;
- margin-bottom: 16px;
- font-weight: 500;
+ display: flex;
+ flex-direction: column;
+ margin: 0;
+ padding: 0;
+
+ .searchSection {
+ padding: 20px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 16px;
+
+ .leftButtons {
+ display: flex;
+ gap: 12px;
+
+ .addButton {
+ background-color: #52c41a;
+ border-color: #52c41a;
+ color: white;
+ height: 32px;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ gap: 4px;
+
+ &:hover {
+ background-color: #73d13d;
+ border-color: #73d13d;
+ }
+ }
+
+ .importButton {
+ background-color: white;
+ border-color: #d9d9d9;
+ color: #333;
+ height: 32px;
+ border-radius: 4px;
+
+ &:hover {
+ border-color: #40a9ff;
+ color: #40a9ff;
+ }
+ }
+ }
+
+ .rightControls {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+
+ .filterLabel {
+ color: #333;
+ font-size: 14px;
+ white-space: nowrap;
+ }
+
+ .queryButton {
+ background-color: #52c41a;
+ border-color: #52c41a;
+ color: white;
+ height: 28px;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ &:hover {
+ background-color: #73d13d;
+ border-color: #73d13d;
+ }
+ }
+
+ .selectInput {
+ :global {
+ .ant-select-selector {
+ display: flex;
+ align-items: center;
+ height: 28px !important;
+ }
+
+ .ant-select-selection-item {
+ display: flex;
+ align-items: center;
+ line-height: 1;
+ }
+
+ .ant-select-selection-placeholder {
+ display: flex;
+ align-items: center;
+ line-height: 1;
+ }
+ }
+ }
}
-
- p {
- font-size: 16px;
- color: #666;
- margin: 0;
+ }
+
+ .tableSection {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ padding: 0 20px 0;
+
+ :global {
+ .ant-spin-nested-loading {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+
+ .ant-spin-container {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+
+ .ant-table-wrapper {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+
+ .ant-table {
+ flex: 1;
+ overflow: auto;
+ margin: 0;
+ }
+
+ .ant-table-pagination {
+ flex-shrink: 0;
+
+ }
+ }
+ }
+ }
+
+ .ant-table {
+ font-size: 12px;
+
+ .ant-table-thead > tr > th {
+ background-color: #fafafa;
+ font-weight: 400;
+ color: #000000D9;
+ border-right: none;
+ text-align: center;
+ }
+
+ .ant-table-tbody > tr > td {
+ border-right: none;
+ color: #000000D9;
+ font-weight: 400;
+ text-align: center;
+ }
+
+ .ant-table-tbody > tr:hover > td {
+ background-color: #f5f5f5;
+ }
+
+ a {
+ color: #1890ff;
+ text-decoration: none;
+
+ &:hover {
+ color: #40a9ff;
+ }
+ }
+ }
+
+ .ant-pagination {
+ text-align: right;
+ margin-top: 70px !important;
+ }
}
}
}