# ore-blending-recommender

**Repository Path**: kma5871/ore-blending-recommender

## Basic Information

- **Project Name**: ore-blending-recommender
- **Description**: 基与大朗现场，配料推荐系统页面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-06
- **Last Updated**: 2026-01-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 大朗配料推荐系统 v3.1

基于 Vue 3 + TypeScript + Vite 构建的锰矿配料优化系统，用于计算最优配料方案以降低成本。

## 功能特点

- 🎯 **智能配料优化** - 基于连续优化与整数修复算法，自动计算最优配比方案
- 📊 **多数据源支持** - 支持最新一次检测、加权平均、自定义选择三种数据来源
- 🏭 **多配料系统** - 支持不同配料系统的物料管理
- 📈 **指标约束** - 支持设置 Mn、Fe、P、SiO₂ 等化学指标的范围约束
- 💰 **成本优化** - 自动计算最低成本配比方案
- 📥 **结果导出** - 支持导出 CSV 格式的配比结果

## 技术栈

- Vue 3 (Composition API)
- TypeScript
- Vite
- CSS Grid / Flexbox

## 项目结构

```
ore-blending-vue/
├── src/
│   ├── components/
│   │   ├── layout/          # 布局组件
│   │   │   ├── AppSidebar.vue
│   │   │   └── AppMain.vue
│   │   ├── sidebar/         # 侧边栏配置组件
│   │   │   ├── DataSourceSection.vue
│   │   │   ├── BatchingSystemSection.vue
│   │   │   ├── MetricRangeSection.vue
│   │   │   └── OptimizeParamsSection.vue
│   │   ├── main/            # 主内容区组件
│   │   │   ├── TabNavigation.vue
│   │   │   ├── RecommendTab.vue
│   │   │   ├── MetricsTab.vue
│   │   │   └── DetailsTab.vue
│   │   ├── materials/       # 物料相关组件
│   │   │   ├── MaterialTable.vue
│   │   │   └── MaterialCard.vue
│   │   └── shared/          # 通用组件
│   │       ├── Collapsible.vue
│   │       ├── LoadingOverlay.vue
│   │       ├── MetricInput.vue
│   │       ├── NumberInput.vue
│   │       └── SliderInput.vue
│   ├── composables/         # 组合式函数
│   │   ├── useMaterials.ts
│   │   ├── useMetrics.ts
│   │   └── useOptimization.ts
│   ├── data/                # 数据文件
│   │   └── materials.ts
│   ├── services/            # 请求文件
│   │   └── systemService.ts
│   ├── types/               # 类型定义
│   │   └── index.ts
│   ├── styles/              # 样式文件
│   │   └── main.css
│   ├── App.vue
│   └── main.ts
├── dist/                    # 构建输出
│   ├── index.html
│   ├── app.js
│   └── style.css
└── package.json
```

## 开发

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build
```

## 部署

构建后会在 `dist/` 目录生成三个文件：
- `index.html` - HTML 入口文件
- `app.js` - JavaScript 文件
- `style.css` - 样式文件

这三个文件可以直接上传到低代码平台的表单设计器中，通过 iframe 嵌入使用。

## 使用说明

1. **选择数据来源** - 在左侧面板选择质检数据来源（最新一次/加权平均/自定义选择）
2. **选择配料系统** - 选择配料系统后自动带出物料、单价和化验结果
3. **设置指标范围** - 根据需要调整各化学指标的目标范围
4. **开始优化计算** - 点击底部的「开始优化计算」按钮
5. **查看结果** - 在右侧查看推荐配比、指标核对和物料详情

## License

MIT