whistle.mock-plugins 1.1.3-dev.4 → 1.1.3-dev.6

package/app/public/js/index.js.LICENSE.txt

@@ -125,8 +125,6 @@
 
 /**![holder](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwMCAyNzYuNWE1NiA1NiAwIDEwNTYtOTcgNTYgNTYgMCAwMC01NiA5N3ptMCAyODRhNTYgNTYgMCAxMDU2LTk3IDU2IDU2IDAgMDAtNTYgOTd6TTY0MCAyMjhhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMDAtMTEyIDB6bTAgMjg0YTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDAwLTExMiAwek0zMDAgODQ0LjVhNTYgNTYgMCAxMDU2LTk3IDU2IDU2IDAgMDAtNTYgOTd6TTY0MCA3OTZhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMDAtMTEyIDB6IiAvPjwvc3ZnPg==) */
 
-/**![import](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODgwIDkxMkgxNDRjLTE3LjcgMC0zMi0xNC4zLTMyLTMyVjE0NGMwLTE3LjcgMTQuMy0zMiAzMi0zMmgzNjBjNC40IDAgOCAzLjYgOCA4djU2YzAgNC40LTMuNiA4LTggOEgxODR2NjU2aDY1NlY1MjBjMC00LjQgMy42LTggOC04aDU2YzQuNCAwIDggMy42IDggOHYzNjBjMCAxNy43LTE0LjMgMzItMzIgMzJ6TTY1My4zIDQyNC42bDUyLjIgNTIuMmE4LjAxIDguMDEgMCAwMS00LjcgMTMuNmwtMTc5LjQgMjFjLTUuMS42LTkuNS0zLjctOC45LTguOWwyMS0xNzkuNGMuOC02LjYgOC45LTkuNCAxMy42LTQuN2w1Mi40IDUyLjQgMjU2LjItMjU2LjJjMy4xLTMuMSA4LjItMy4xIDExLjMgMGw0Mi40IDQyLjRjMy4xIDMuMSAzLjEgOC4yIDAgMTEuM0w2NTMuMyA0MjQuNnoiIC8+PC9zdmc+) */
-
 /**![info-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0wIDgyMGMtMjA1LjQgMC0zNzItMTY2LjYtMzcyLTM3MnMxNjYuNi0zNzIgMzcyLTM3MiAzNzIgMTY2LjYgMzcyIDM3Mi0xNjYuNiAzNzItMzcyIDM3MnoiIC8+PHBhdGggZD0iTTQ2NCAzMzZhNDggNDggMCAxMDk2IDAgNDggNDggMCAxMC05NiAwem03MiAxMTJoLTQ4Yy00LjQgMC04IDMuNi04IDh2MjcyYzAgNC40IDMuNiA4IDggOGg0OGM0LjQgMCA4LTMuNiA4LThWNDU2YzAtNC40LTMuNi04LTgtOHoiIC8+PC9zdmc+) */
 
 /**![info-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0zMiA2NjRjMCA0LjQtMy42IDgtOCA4aC00OGMtNC40IDAtOC0zLjYtOC04VjQ1NmMwLTQuNCAzLjYtOCA4LThoNDhjNC40IDAgOCAzLjYgOCA4djI3MnptLTMyLTM0NGE0OC4wMSA0OC4wMSAwIDAxMC05NiA0OC4wMSA0OC4wMSAwIDAxMCA5NnoiIC8+PC9zdmc+) */
@@ -158,5 +156,3 @@
 /**![setting](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkyNC44IDYyNS43bC02NS41LTU2YzMuMS0xOSA0LjctMzguNCA0LjctNTcuOHMtMS42LTM4LjgtNC43LTU3LjhsNjUuNS01NmEzMi4wMyAzMi4wMyAwIDAwOS4zLTM1LjJsLS45LTIuNmE0NDMuNzQgNDQzLjc0IDAgMDAtNzkuNy0xMzcuOWwtMS44LTIuMWEzMi4xMiAzMi4xMiAwIDAwLTM1LjEtOS41bC04MS4zIDI4LjljLTMwLTI0LjYtNjMuNS00NC05OS43LTU3LjZsLTE1LjctODVhMzIuMDUgMzIuMDUgMCAwMC0yNS44LTI1LjdsLTIuNy0uNWMtNTIuMS05LjQtMTA2LjktOS40LTE1OSAwbC0yLjcuNWEzMi4wNSAzMi4wNSAwIDAwLTI1LjggMjUuN2wtMTUuOCA4NS40YTM1MS44NiAzNTEuODYgMCAwMC05OSA1Ny40bC04MS45LTI5LjFhMzIgMzIgMCAwMC0zNS4xIDkuNWwtMS44IDIuMWE0NDYuMDIgNDQ2LjAyIDAgMDAtNzkuNyAxMzcuOWwtLjkgMi42Yy00LjUgMTIuNS0uOCAyNi41IDkuMyAzNS4ybDY2LjMgNTYuNmMtMy4xIDE4LjgtNC42IDM4LTQuNiA1Ny4xIDAgMTkuMiAxLjUgMzguNCA0LjYgNTcuMUw5OSA2MjUuNWEzMi4wMyAzMi4wMyAwIDAwLTkuMyAzNS4ybC45IDIuNmMxOC4xIDUwLjQgNDQuOSA5Ni45IDc5LjcgMTM3LjlsMS44IDIuMWEzMi4xMiAzMi4xMiAwIDAwMzUuMSA5LjVsODEuOS0yOS4xYzI5LjggMjQuNSA2My4xIDQzLjkgOTkgNTcuNGwxNS44IDg1LjRhMzIuMDUgMzIuMDUgMCAwMDI1LjggMjUuN2wyLjcuNWE0NDkuNCA0NDkuNCAwIDAwMTU5IDBsMi43LS41YTMyLjA1IDMyLjA1IDAgMDAyNS44LTI1LjdsMTUuNy04NWEzNTAgMzUwIDAgMDA5OS43LTU3LjZsODEuMyAyOC45YTMyIDMyIDAgMDAzNS4xLTkuNWwxLjgtMi4xYzM0LjgtNDEuMSA2MS42LTg3LjUgNzkuNy0xMzcuOWwuOS0yLjZjNC41LTEyLjMuOC0yNi4zLTkuMy0zNXpNNzg4LjMgNDY1LjljMi41IDE1LjEgMy44IDMwLjYgMy44IDQ2LjFzLTEuMyAzMS0zLjggNDYuMWwtNi42IDQwLjEgNzQuNyA2My45YTM3MC4wMyAzNzAuMDMgMCAwMS00Mi42IDczLjZMNzIxIDcwMi44bC0zMS40IDI1LjhjLTIzLjkgMTkuNi01MC41IDM1LTc5LjMgNDUuOGwtMzguMSAxNC4zLTE3LjkgOTdhMzc3LjUgMzc3LjUgMCAwMS04NSAwbC0xNy45LTk3LjItMzcuOC0xNC41Yy0yOC41LTEwLjgtNTUtMjYuMi03OC43LTQ1LjdsLTMxLjQtMjUuOS05My40IDMzLjJjLTE3LTIyLjktMzEuMi00Ny42LTQyLjYtNzMuNmw3NS41LTY0LjUtNi41LTQwYy0yLjQtMTQuOS0zLjctMzAuMy0zLjctNDUuNSAwLTE1LjMgMS4yLTMwLjYgMy43LTQ1LjVsNi41LTQwLTc1LjUtNjQuNWMxMS4zLTI2LjEgMjUuNi01MC43IDQyLjYtNzMuNmw5My40IDMzLjIgMzEuNC0yNS45YzIzLjctMTkuNSA1MC4yLTM0LjkgNzguNy00NS43bDM3LjktMTQuMyAxNy45LTk3LjJjMjguMS0zLjIgNTYuOC0zLjIgODUgMGwxNy45IDk3IDM4LjEgMTQuM2MyOC43IDEwLjggNTUuNCAyNi4yIDc5LjMgNDUuOGwzMS40IDI1LjggOTIuOC0zMi45YzE3IDIyLjkgMzEuMiA0Ny42IDQyLjYgNzMuNkw3ODEuOCA0MjZsNi41IDM5Ljl6TTUxMiAzMjZjLTk3LjIgMC0xNzYgNzguOC0xNzYgMTc2czc4LjggMTc2IDE3NiAxNzYgMTc2LTc4LjggMTc2LTE3Ni03OC44LTE3Ni0xNzYtMTc2em03OS4yIDI1NS4yQTExMS42IDExMS42IDAgMDE1MTIgNjE0Yy0yOS45IDAtNTgtMTEuNy03OS4yLTMyLjhBMTExLjYgMTExLjYgMCAwMTQwMCA1MDJjMC0yOS45IDExLjctNTggMzIuOC03OS4yQzQ1NCA0MDEuNiA0ODIuMSAzOTAgNTEyIDM5MGMyOS45IDAgNTggMTEuNiA3OS4yIDMyLjhBMTExLjYgMTExLjYgMCAwMTYyNCA1MDJjMCAyOS45LTExLjcgNTgtMzIuOCA3OS4yeiIgLz48L3N2Zz4=) */
 
 /**![sort-ascending](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgzOS42IDQzMy44TDc0OSAxNTAuNWE5LjI0IDkuMjQgMCAwMC04LjktNi41aC03Ny40Yy00LjEgMC03LjYgMi42LTguOSA2LjVsLTkxLjMgMjgzLjNjLS4zLjktLjUgMS45LS41IDIuOSAwIDUuMSA0LjIgOS4zIDkuMyA5LjNoNTYuNGM0LjIgMCA3LjgtMi44IDktNi44bDE3LjUtNjEuNmg4OWwxNy4zIDYxLjVjMS4xIDQgNC44IDYuOCA5IDYuOGg2MS4yYzEgMCAxLjktLjEgMi44LS40IDIuNC0uOCA0LjMtMi40IDUuNS00LjYgMS4xLTIuMiAxLjMtNC43LjYtNy4xek02NjMuMyAzMjUuNWwzMi44LTExNi45aDYuM2wzMi4xIDExNi45aC03MS4yem0xNDMuNSA0OTIuOUg2NzcuMnYtLjRsMTMyLjYtMTg4LjljMS4xLTEuNiAxLjctMy40IDEuNy01LjR2LTM2LjRjMC01LjEtNC4yLTkuMy05LjMtOS4zaC0yMDRjLTUuMSAwLTkuMyA0LjItOS4zIDkuM3Y0M2MwIDUuMSA0LjIgOS4zIDkuMyA5LjNoMTIyLjZ2LjRMNTg3LjcgODI4LjlhOS4zNSA5LjM1IDAgMDAtMS43IDUuNHYzNi40YzAgNS4xIDQuMiA5LjMgOS4zIDkuM2gyMTEuNGM1LjEgMCA5LjMtNC4yIDkuMy05LjN2LTQzYTkuMiA5LjIgMCAwMC05LjItOS4zek00MTYgNzAyaC03NlYxNzJjMC00LjQtMy42LTgtOC04aC01NmMtNC40IDAtOCAzLjYtOCA4djUzMGgtNzZjLTYuNyAwLTEwLjUgNy44LTYuMyAxM2wxMTIgMTQxLjlhOCA4IDAgMDAxMi42IDBsMTEyLTE0MS45YzQuMS01LjIuNC0xMy02LjMtMTN6IiAvPjwvc3ZnPg==) */
-
-/**![unordered-list](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkxMiAxOTJIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHptMCAyODRIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHptMCAyODRIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHpNMTA0IDIyOGE1NiA1NiAwIDEwMTEyIDAgNTYgNTYgMCAxMC0xMTIgMHptMCAyODRhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMTAtMTEyIDB6bTAgMjg0YTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDEwLTExMiAweiIgLz48L3N2Zz4=) */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whistle.mock-plugins",
-  "version": "1.1.3-dev.4",
+  "version": "1.1.3-dev.6",
   "description": "Whistle 插件，用于快速创建 API 模拟数据",
   "main": "lib/index.js",
   "scripts": {

package/ui/src/pages/InterfaceManagement.js

@@ -9,8 +9,7 @@ import {
 import { 
   PlusOutlined, EditOutlined, DeleteOutlined, 
   FileTextOutlined, PlusCircleOutlined, SettingOutlined,
-  SearchOutlined, FilterOutlined, AppstoreOutlined,
-  UnorderedListOutlined, ReloadOutlined
+  SearchOutlined, FilterOutlined, ReloadOutlined
 } from '@ant-design/icons';
 import '../styles/interface-management.css';
 import axios from 'axios';
@@ -78,9 +77,8 @@ const InterfaceManagement = () => {
   const [previewContent, setPreviewContent] = useState(null);
   const [currentResponseId, setCurrentResponseId] = useState(null);
   
-  // 搜索和视图状态
+  // 搜索状态
   const [searchValue, setSearchValue] = useState('');
-  const [viewMode, setViewMode] = useState('table'); // 'table' or 'card'
   const [selectedRowKeys, setSelectedRowKeys] = useState([]);
   const [drawerVisible, setDrawerVisible] = useState(false);
   
@@ -605,10 +603,7 @@ const InterfaceManagement = () => {
     setSelectedRowKeys(selectedKeys);
   };
   
-  // 切换视图模式
-  const toggleViewMode = () => {
-    setViewMode(viewMode === 'table' ? 'card' : 'table');
-  };
+
 
   // 刷新数据
   const refreshData = () => {
@@ -1004,12 +999,7 @@ const InterfaceManagement = () => {
                     loading={interfacesLoading}
                   />
                 </Tooltip>
-                <Tooltip title={viewMode === 'table' ? '切换到卡片视图' : '切换到表格视图'}>
-                  <Button 
-                    icon={viewMode === 'table' ? <AppstoreOutlined /> : <UnorderedListOutlined />} 
-                    onClick={toggleViewMode}
-                  />
-                </Tooltip>
+
                 <Button
                   type="primary"
                   icon={<PlusOutlined />}
@@ -1232,154 +1222,32 @@ const InterfaceManagement = () => {
         </div>
 
         <Card className="list-container-card" bordered={false} bodyStyle={{ padding: 0 }}>
-          {/* 表格视图 */}
-          {viewMode === 'table' && (
-            <div className="interface-list-container">
-              <Table
-                columns={columns}
-                dataSource={filteredInterfaces}
-                rowKey="id"
-                loading={interfacesLoading}
-                onChange={handleTableChange}
-                rowSelection={{
-                  selectedRowKeys,
-                  onChange: onSelectChange,
-                }}
-                size="middle"
-                pagination={{
-                  current: tableConfig.current,
-                  pageSize: tableConfig.pageSize,
-                  showSizeChanger: true,
-                  showQuickJumper: true,
-                  showTotal: (total, range) => `共 ${total} 个接口，显示第 ${range[0]}-${range[1]} 个`,
-                  pageSizeOptions: ['10', '20', '50', '100'],
-                  size: 'default'
-                }}
-                locale={{ emptyText: '暂无接口配置' }}
-                sortDirections={['ascend', 'descend']}
-                className="interface-table"
-              />
-            </div>
-          )}
-          
-          {/* 卡片视图 */}
-          {viewMode === 'card' && (
-            <div className="interface-card-view">
-              <Row gutter={[16, 16]} style={{ padding: 16 }}>
-                {interfacesLoading ? (
-                  [1,2,3,4,5,6].map(i => (
-                    <Col xs={24} sm={12} md={8} lg={8} xl={6} key={`loading-${i}`}>
-                      <Card loading style={{ height: 180 }} />
-                    </Col>
-                  ))
-                ) : filteredInterfaces.length === 0 ? (
-                  <Col span={24}>
-                    <div className="empty-data">暂无接口配置</div>
-                  </Col>
-                ) : (
-                  filteredInterfaces.map(item => (
-                    <Col xs={24} sm={12} md={8} lg={8} xl={6} key={item.id}>
-                      <Card 
-                        className={`interface-card ${item.active === false ? 'inactive' : ''}`}
-                        hoverable
-                      >
-                        <div className="interface-card-header">
-                          <Switch
-                            checked={item.active !== false}
-                            onChange={(checked) => handleToggleActive(item.id, item.active !== false)}
-                            size="small"
-                            className="interface-card-switch"
-                          />
-                          <div className="interface-card-title">{item.name}</div>
-                          {item.group && (
-                            <Tag 
-                              color="blue" 
-                              className="interface-card-group"
-                              onClick={() => setSelectedGroup(item.group)}
-                            >
-                              {item.group}
-                            </Tag>
-                          )}
-                        </div>
-                        
-                        <div className="interface-card-content">
-                          <div className="url-pattern-container">
-                            <Tooltip title={item.urlPattern}>
-                              <div className="url-pattern">{item.urlPattern}</div>
-                            </Tooltip>
-                          </div>
-                          
-                          <div className="interface-card-info">
-                            <div className="info-item">
-                              <span className="info-label">处理方式:</span>
-                              <Badge 
-                                color={proxyTypes.find(t => t.value === item.proxyType)?.color || '#999'} 
-                                text={proxyTypes.find(t => t.value === item.proxyType)?.label || item.proxyType} 
-                                className="info-value"
-                              />
-                            </div>
-                            <div className="info-item">
-                              <span className="info-label">状态码:</span>
-                              <span className={`status-badge status-${item.httpStatus >= 400 ? 'error' : item.httpStatus >= 300 ? 'warning' : 'success'}`}>
-                                {item.httpStatus || 200}
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                        
-                        <div className="interface-card-actions">
-                          <Button 
-                            type="primary" 
-                            size="small" 
-                            icon={<EditOutlined />}
-                            onClick={() => handleEditInterface(item)}
-                          >
-                            编辑
-                          </Button>
-                          <Popconfirm
-                            title="确定要删除此接口吗？"
-                            onConfirm={() => handleDeleteInterface(item.id)}
-                            okText="确定"
-                            cancelText="取消"
-                          >
-                            <Button 
-                              danger 
-                              size="small"
-                              icon={<DeleteOutlined />}
-                            >
-                              删除
-                            </Button>
-                          </Popconfirm>
-                        </div>
-                      </Card>
-                    </Col>
-                  ))
-                )}
-              </Row>
-              
-              {/* 卡片视图分页 */}
-              {filteredInterfaces.length > 0 && (
-                <div className="card-pagination">
-                  <Pagination
-                    current={tableConfig.current}
-                    pageSize={tableConfig.pageSize}
-                    total={filteredInterfaces.length}
-                    showSizeChanger
-                    showQuickJumper
-                    showTotal={(total, range) => `共 ${total} 个接口，显示第 ${range[0]}-${range[1]} 个`}
-                    pageSizeOptions={['10', '20', '50', '100']}
-                    size="default"
-                    onChange={(page, pageSize) => {
-                      saveTableConfig({
-                        current: page,
-                        pageSize: pageSize
-                      });
-                    }}
-                  />
-                </div>
-              )}
-            </div>
-          )}
+          <div className="interface-list-container">
+            <Table
+              columns={columns}
+              dataSource={filteredInterfaces}
+              rowKey="id"
+              loading={interfacesLoading}
+              onChange={handleTableChange}
+              rowSelection={{
+                selectedRowKeys,
+                onChange: onSelectChange,
+              }}
+              size="middle"
+              pagination={{
+                current: tableConfig.current,
+                pageSize: tableConfig.pageSize,
+                showSizeChanger: true,
+                showQuickJumper: true,
+                showTotal: (total, range) => `共 ${total} 个接口，显示第 ${range[0]}-${range[1]} 个`,
+                pageSizeOptions: ['10', '20', '50', '100'],
+                size: 'default'
+              }}
+              locale={{ emptyText: '暂无接口配置' }}
+              sortDirections={['ascend', 'descend']}
+              className="interface-table"
+            />
+          </div>
         </Card>
 
         {/* 接口编辑/创建模态框 */}

package/ui/src/pages/InterfaceManagementV2.js

@@ -15,8 +15,7 @@ import {
 import { 
   PlusOutlined, EditOutlined, DeleteOutlined, 
   FileTextOutlined, PlusCircleOutlined, SettingOutlined,
-  SearchOutlined, FilterOutlined, AppstoreOutlined,
-  UnorderedListOutlined, ReloadOutlined
+  SearchOutlined, FilterOutlined, ReloadOutlined
 } from '@ant-design/icons';
 import '../styles/interface-management.css';
 import axios from 'axios';
@@ -84,9 +83,8 @@ const InterfaceManagement = () => {
   const [previewContent, setPreviewContent] = useState(null);
   const [currentResponseId, setCurrentResponseId] = useState(null);
   
-  // 搜索和视图状态
+  // 搜索状态
   const [searchValue, setSearchValue] = useState('');
-  const [viewMode, setViewMode] = useState('table'); // 'table' or 'card'
   const [selectedRowKeys, setSelectedRowKeys] = useState([]);
   const [drawerVisible, setDrawerVisible] = useState(false);
   
@@ -611,10 +609,7 @@ const InterfaceManagement = () => {
     setSelectedRowKeys(selectedKeys);
   };
   
-  // 切换视图模式
-  const toggleViewMode = () => {
-    setViewMode(viewMode === 'table' ? 'card' : 'table');
-  };
+
 
   // 刷新数据
   const refreshData = () => {
@@ -1025,12 +1020,7 @@ const InterfaceManagement = () => {
                     loading={interfacesLoading}
                   />
                 </Tooltip>
-                <Tooltip title={viewMode === 'table' ? '切换到卡片视图' : '切换到表格视图'}>
-                  <Button 
-                    icon={viewMode === 'table' ? <AppstoreOutlined /> : <UnorderedListOutlined />} 
-                    onClick={toggleViewMode}
-                  />
-                </Tooltip>
+
                 <Button
                   type="primary"
                   icon={<PlusOutlined />}
@@ -1252,155 +1242,33 @@ const InterfaceManagement = () => {
           </Popover>
         </div>
 
-        <Card className="list-container-card" bordered={false} bodyStyle={{ padding: 0 }}>
-          {/* 表格视图 */}
-          {viewMode === 'table' && (
-            <div className="interface-list-container">
-              <Table
-                columns={columns}
-                dataSource={filteredInterfaces}
-                rowKey="id"
-                loading={interfacesLoading}
-                onChange={handleTableChange}
-                rowSelection={{
-                  selectedRowKeys,
-                  onChange: onSelectChange,
-                }}
-                size="middle"
-                pagination={{
-                  current: tableConfig.current,
-                  pageSize: tableConfig.pageSize,
-                  showSizeChanger: true,
-                  showQuickJumper: true,
-                  showTotal: (total, range) => `共 ${total} 个接口，显示第 ${range[0]}-${range[1]} 个`,
-                  pageSizeOptions: ['10', '20', '50', '100'],
-                  size: 'default'
-                }}
-                locale={{ emptyText: '暂无接口配置' }}
-                sortDirections={['ascend', 'descend']}
-                className="interface-table"
-              />
-            </div>
-          )}
-          
-          {/* 卡片视图 */}
-          {viewMode === 'card' && (
-            <div className="interface-card-view">
-              <Row gutter={[16, 16]} style={{ padding: 16 }}>
-                {interfacesLoading ? (
-                  [1,2,3,4,5,6].map(i => (
-                    <Col xs={24} sm={12} md={8} lg={8} xl={6} key={`loading-${i}`}>
-                      <Card loading style={{ height: 180 }} />
-                    </Col>
-                  ))
-                ) : filteredInterfaces.length === 0 ? (
-                  <Col span={24}>
-                    <div className="empty-data">暂无接口配置</div>
-                  </Col>
-                ) : (
-                  filteredInterfaces.map(item => (
-                    <Col xs={24} sm={12} md={8} lg={8} xl={6} key={item.id}>
-                      <Card 
-                        className={`interface-card ${item.active === false ? 'inactive' : ''}`}
-                        hoverable
-                      >
-                        <div className="interface-card-header">
-                          <Switch
-                            checked={item.active !== false}
-                            onChange={(checked) => handleToggleActive(item.id, item.active !== false)}
-                            size="small"
-                            className="interface-card-switch"
-                          />
-                          <div className="interface-card-title">{item.name}</div>
-                          {item.group && (
-                            <Tag 
-                              color="blue" 
-                              className="interface-card-group"
-                              onClick={() => setSelectedGroup(item.group)}
-                            >
-                              {item.group}
-                            </Tag>
-                          )}
-                        </div>
-                        
-                        <div className="interface-card-content">
-                          <div className="url-pattern-container">
-                            <Tooltip title={item.urlPattern}>
-                              <div className="url-pattern">{item.urlPattern}</div>
-                            </Tooltip>
-                          </div>
-                          
-                          <div className="interface-card-info">
-                            <div className="info-item">
-                              <span className="info-label">处理方式:</span>
-                              <Badge 
-                                color={proxyTypes.find(t => t.value === item.proxyType)?.color || '#999'} 
-                                text={proxyTypes.find(t => t.value === item.proxyType)?.label || item.proxyType} 
-                                className="info-value"
-                              />
-                            </div>
-                            <div className="info-item">
-                              <span className="info-label">状态码:</span>
-                              <span className={`status-badge status-${item.httpStatus >= 400 ? 'error' : item.httpStatus >= 300 ? 'warning' : 'success'}`}>
-                                {item.httpStatus || 200}
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                        
-                        <div className="interface-card-actions">
-                          <Button 
-                            type="primary" 
-                            size="small" 
-                            icon={<EditOutlined />}
-                            onClick={() => handleEditInterface(item)}
-                          >
-                            编辑
-                          </Button>
-                          <Popconfirm
-                            title="确定要删除此接口吗？"
-                            onConfirm={() => handleDeleteInterface(item.id)}
-                            okText="确定"
-                            cancelText="取消"
-                          >
-                            <Button 
-                              danger 
-                              size="small"
-                              icon={<DeleteOutlined />}
-                            >
-                              删除
-                            </Button>
-                          </Popconfirm>
-                        </div>
-                      </Card>
-                    </Col>
-                  ))
-                )}
-              </Row>
-              
-              {/* 卡片视图分页 */}
-              {filteredInterfaces.length > 0 && (
-                <div className="card-pagination">
-                  <Pagination
-                    current={tableConfig.current}
-                    pageSize={tableConfig.pageSize}
-                    total={filteredInterfaces.length}
-                    showSizeChanger
-                    showQuickJumper
-                    showTotal={(total, range) => `共 ${total} 个接口，显示第 ${range[0]}-${range[1]} 个`}
-                    pageSizeOptions={['10', '20', '50', '100']}
-                    size="default"
-                    onChange={(page, pageSize) => {
-                      saveTableConfig({
-                        current: page,
-                        pageSize: pageSize
-                      });
-                    }}
-                  />
-                </div>
-              )}
-            </div>
-          )}
+                <Card className="list-container-card" bordered={false} bodyStyle={{ padding: 0 }}>
+          <div className="interface-list-container">
+            <Table
+              columns={columns}
+              dataSource={filteredInterfaces}
+              rowKey="id"
+              loading={interfacesLoading}
+              onChange={handleTableChange}
+              rowSelection={{
+                selectedRowKeys,
+                onChange: onSelectChange,
+              }}
+              size="middle"
+              pagination={{
+                current: tableConfig.current,
+                pageSize: tableConfig.pageSize,
+                showSizeChanger: true,
+                showQuickJumper: true,
+                showTotal: (total, range) => `共 ${total} 个接口，显示第 ${range[0]}-${range[1]} 个`,
+                pageSizeOptions: ['10', '20', '50', '100'],
+                size: 'default'
+              }}
+              locale={{ emptyText: '暂无接口配置' }}
+              sortDirections={['ascend', 'descend']}
+              className="interface-table"
+            />
+          </div>
         </Card>
 
         {/* 接口编辑/创建模态框 */}