# jx-miniProgram

**Repository Path**: lelliar/jx-mini-program

## Basic Information

- **Project Name**: jx-miniProgram
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-15
- **Last Updated**: 2025-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 新能源新材料信息采集

基于 uni-app 开发的新能源新材料信息采集微信小程序，用于查询和展示新能源材料的价格信息。

## 功能特性

- **时间筛选**：支持当天、本月、本年及自定义时间范围查询
- **多级分类筛选**：支持类型、名称、规格三级筛选
- **数据报表**：以图片形式展示价格报表数据
- **走势图**：使用 ECharts 展示价格走势图
- **数据导出**：支持导出 Excel 文件
- **图片预览**：支持报表图片点击放大预览

## 技术栈

- **框架**：uni-app (Vue 2)
- **UI 组件库**：uView UI 2.x
- **图表库**：ECharts
- **样式预处理**：SASS

## 项目结构

```
├── api/                    # API 接口封装
├── components/             # 公共组件
│   ├── echart/            # ECharts 图表组件
│   ├── pdf-viewer/        # PDF 查看器
│   └── pdf-image-viewer/  # PDF 图片查看器
├── config/                 # 配置文件
├── pages/                  # 页面
│   └── index/             # 首页（主页面）
├── static/                 # 静态资源
├── uni_modules/            # uni-app 插件
├── utils/                  # 工具函数
├── App.vue                 # 应用入口
├── main.js                 # 主入口
├── manifest.json           # 应用配置
├── pages.json              # 页面配置
└── uni.scss                # 全局样式
```

## 开发环境

### 快捷开发：HBuilderX

推荐使用 [HBuilderX](https://www.dcloud.io/hbuilderx.html) 进行开发，提供更好的 uni-app 开发体验。

1. 下载并安装 HBuilderX
2. 打开项目目录
3. 点击菜单 **运行 → 运行到小程序模拟器 → 微信开发者工具**
4. 或点击 **运行 → 运行到浏览器** 进行 H5 调试

### 安装依赖

```bash
npm install
```

### 命令行运行

```bash
# 微信小程序开发模式
npm run dev:mp-weixin

# H5 开发模式
npm run dev:h5
```

### 构建项目

```bash
# 构建微信小程序
npm run build:mp-weixin

# 构建 H5
npm run build:h5
```

## 配置说明

### API 配置

在 `config/env.js` 中配置后端 API 地址。

### 微信小程序配置

在 `manifest.json` 中配置微信小程序 AppID：

```json
{
  "mp-weixin": {
    "appid": "your-appid"
  }
}
```

## 接口说明

| 接口 | 描述 |
|------|------|
| `getCategories` | 获取分类列表 |
| `getData` | 获取分页数据 |
| `getDataAll` | 获取全部数据 |
| `getDataPdf` | 获取 PDF 报表 |
| `getDataExcel` | 导出 Excel |

## 使用说明

1. 选择时间范围（当天/本月/本年/自定义）
2. 依次选择类型、名称、规格
3. 点击"查询"按钮获取数据
4. 切换"报表"/"走势图"查看不同展示形式
5. 点击"导出"可下载 Excel 文件

## License

ISC