# cmd-ui

**Repository Path**: rwzhu/cmd-ui

## Basic Information

- **Project Name**: cmd-ui
- **Description**: 1111111111111111111111111111
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-01
- **Last Updated**: 2025-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 开发

```bash
# 克隆项目
git clone https://gitee.com/y_project/RuoYi-Vue

# 进入项目目录
cd ruoyi-ui

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev
```

浏览器访问 http://localhost:80

## 发布

```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```

## 自动登录配置

系统支持自动登录功能，可以通过以下步骤配置：

1. 在界面右上角找到"自动登录"开关进行开启/关闭
2. 默认的自动登录账号密码可以在 `src/config/autoLogin.js` 文件中修改：
```javascript
credentials: {
  username: 'admin',  // 修改为你的用户名
  password: 'admin123'  // 修改为你的密码
}
```

## 常见功能模块修改指南

### 1. 分析模块 (analyse)
- 位置：`src/views/analyse/index.vue`
- 主要功能：
  - 域名管理和分析
  - 自动登录控制
- 常见修改点：
  1. 修改表格列显示：
     ```vue
     <el-table-column label="域名地址" prop="usbDevice">
     ```
  2. 修改添加域名表单：
     ```vue
     <el-form-item label="域名地址" prop="usbDevice">
     ```
  3. 修改域名点击行为（默认是在新标签页打开域名）：
     ```javascript
     handleNameClick(row) {
       let url = row.usbDevice;
       // 修改URL处理逻辑
     }
     ```

### 2. 全局扫描 (globalScan)
- 位置：`src/views/globalScan/index.vue`
- 主要功能：
  - 全局扫描任务管理
  - 扫描结果展示
- 常见修改点：
  1. 修改扫描参数：
     - 在添加任务表单中配置
     - 调整扫描范围和规则
  2. 自定义结果展示：
     - 修改表格列配置
     - 调整日志显示格式

### 3. 端口扫描 (portScan)
- 位置：`src/views/portScan/index.vue`
- 主要功能：
  - 端口扫描任务管理
  - 端口状态监控
- 常见修改点：
  1. 修改端口配置：
     ```vue
     <el-form-item label="端口" prop="port">
     ```
  2. 调整扫描规则：
     - 修改端口范围验证
     - 配置扫描频率

### 4. 安全检测 (safe)
- 位置：`src/views/safe/index.vue`
- 主要功能：
  - 安全漏洞扫描
  - 安全评估报告
- 常见修改点：
  1. 修改检测项：
     - 在表单中添加/移除检测选项
     - 调整检测规则
  2. 自定义报告格式：
     - 修改结果展示样式
     - 配置报告导出格式

### 5. 搜索功能 (search)
- 位置：`src/views/search/index.vue`
- 主要功能：
  - 全文搜索
  - IP地址搜索
- 常见修改点：
  1. 修改搜索表单：
     ```vue
     <el-form-item label="IP地址" prop="ip">
     <el-form-item label="全文搜索" prop="content">
     ```
  2. 调整搜索结果显示：
     ```vue
     <el-table-column label="全文搜索" prop="content">
     ```
  3. 修改节点选择：
     ```vue
     <el-form-item label="节点名称" prop="nodeId">
     ```

### 6. 定时扫描 (timingScan)
- 位置：`src/views/timingScan/index.vue`
- 主要功能：
  - 定时任务管理
  - 扫描任务调度
- 常见修改点：
  1. 修改任务配置：
     ```vue
     <el-form-item label="开始时间" prop="startTime">
     <el-form-item label="扫描次数" prop="num">
     ```
  2. 调整时间选择器：
     ```vue
     <el-date-picker
       v-model="form.startTime"
       type="datetime"
       format="yyyy-MM-dd HH:mm"
     />
     ```
  3. 修改执行规则：
     ```vue
     <el-form-item label="端口信息" prop="info">
     ```

## 通用修改技巧

### 1. 表格修改
- 添加新列：
  ```vue
  <el-table-column label="新列名" prop="字段名">
    <template slot-scope="scope">
      {{ scope.row.字段名 }}
    </template>
  </el-table-column>
  ```
- 修改列宽：
  ```vue
  <el-table-column width="120">
  ```
- 添加操作按钮：
  ```vue
  <el-button size="mini" type="text" @click="handleOperation(scope.row)">
    操作名称
  </el-button>
  ```

### 2. 表单修改
- 添加新字段：
  ```vue
  <el-form-item label="字段名称" prop="字段">
    <el-input v-model="form.字段" placeholder="请输入" />
  </el-form-item>
  ```
- 添加验证规则：
  ```javascript
  rules: {
    字段名: [
      { required: true, message: "不能为空", trigger: "blur" }
    ]
  }
  ```
- 修改下拉选择：
  ```vue
  <el-select v-model="form.选择字段">
    <el-option
      v-for="item in 选项列表"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
  ```

### 3. API修改
- API文件位置：`src/api/对应模块/index.js`
- 修改请求地址：
  ```javascript
  export function apiFunction(data) {
    return request({
      url: '/api/路径',
      method: 'post',
      data: data
    })
  }
  ```
- 添加新API：
  ```javascript
  export function newApi(query) {
    return request({
      url: '/api/新接口',
      method: 'get',
      params: query
    })
  }
  ```

### 4. 样式修改
- 组件样式：
  ```scss
  <style lang="scss" scoped>
  .组件类名 {
    margin: 10px;
    padding: 15px;
    
    .子元素类名 {
      color: #409EFF;
    }
  }
  </style>
  ```
- 表格样式：
  ```scss
  .el-table {
    th {
      background-color: #f5f7fa;
    }
    
    .cell {
      padding: 8px 0;
    }
  }
  ```

### 5. 功能修改
- 添加新方法：
  ```javascript
  methods: {
    newFunction() {
      // 实现新功能
    }
  }
  ```
- 修改现有方法：
  ```javascript
  handleOperation(row) {
    // 修改操作逻辑
  }
  ```
- 添加数据监听：
  ```javascript
  watch: {
    'form.字段': {
      handler(newVal) {
        // 处理变化
      },
      immediate: true
    }
  }
  ```

### 6. 提示和确认框
- 成功提示：
  ```javascript
  this.$modal.msgSuccess("操作成功");
  ```
- 错误提示：
  ```javascript
  this.$modal.msgError("操作失败");
  ```
- 确认对话框：
  ```javascript
  this.$modal.confirm('确认信息').then(() => {
    // 用户点击确认后的操作
  }).catch(() => {});
  ```
  - 添加/删除域名
  - 域名点击跳转行为

### 2. 全局扫描 (globalScan)
- 位置：`src/views/globalScan/index.vue`
- 可修改项：
  - 扫描参数配置
  - 扫描结果展示
  - 扫描任务管理

### 3. 端口扫描 (portScan)
- 位置：`src/views/portScan/index.vue`
- 可修改项：
  - 端口范围设置
  - 扫描目标配置
  - 扫描结果显示格式

### 4. 安全检测 (safe)
- 位置：`src/views/safe/index.vue`
- 可修改项：
  - 安全检测项配置
  - 检测结果展示方式
  - 安全评分规则

### 5. 搜索功能 (search)
- 位置：`src/views/search/index.vue`
- 可修改项：
  - 搜索条件配置
  - 结果展示样式
  - 搜索范围设置

### 6. 定时扫描 (timingScan)
- 位置：`src/views/timingScan/index.vue`
- 可修改项：
  - 定时规则设置
  - 扫描任务配置
  - 执行记录展示

## 常见修改说明

1. 修改表格列：
   - 在对应组件的 `<el-table-column>` 标签中修改
   - 可以调整 label（列标题）、prop（数据字段）、width（宽度）等属性

2. 修改按钮：
   - 在对应组件的 `<el-button>` 标签中修改
   - 可以调整 type（类型）、size（大小）、icon（图标）等属性

3. 修改弹窗：
   - 在对应组件的 `<el-dialog>` 部分修改
   - 可以调整 title（标题）、width（宽度）等属性

4. 修改表单：
   - 在对应组件的 `<el-form>` 部分修改
   - 可以调整表单项的 label（标签）、rules（验证规则）等

5. 修改API请求：
   - 在 `src/api` 目录下找到对应模块的 js 文件
   - 修改请求地址、参数等配置