重新构建路由和配置样式文件

public/rules_index.css

@@ -0,0 +1,80 @@
+/* 评查点列表页面样式 */
+
+/* 筛选区域 */
+.filter-card {
+  margin-bottom: 1rem;
+}
+
+/* 搜索框样式 */
+.search-box {
+  display: flex;
+  align-items: center;
+}
+
+.search-box .form-input {
+  flex: 1;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.search-box .ant-btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+/* 表格样式 */
+.rules-table {
+  width: 100%;
+  margin-top: 1rem;
+}
+
+/* 表格操作列样式 */
+.operations-cell {
+  white-space: nowrap;
+}
+
+/* 状态点样式 */
+.status-dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 5px;
+}
+
+.status-dot-success {
+  background-color: #52c41a;
+}
+
+.status-dot-default {
+  background-color: #d9d9d9;
+}
+
+/* 标签自定义样式 */
+.rule-tag {
+  padding: 2px 8px;
+  font-size: 12px;
+  border-radius: 4px;
+}
+
+/* 表格行悬停效果 */
+.ant-table tbody tr:hover {
+  background-color: rgba(0, 0, 0, 0.02);
+}
+
+/* 页面标题区域 */
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+
+/* 卡片内容间距 */
+.content-card {
+  padding: 0;
+}
+
+.content-card .ant-card-body {
+  padding: 0;
+}