# frontend

**Repository Path**: wangpanA/frontend

## Basic Information

- **Project Name**: frontend
- **Description**: tcm-frontend
- **Primary Language**: 其他
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-02-15
- **Last Updated**: 2025-10-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# TCM System - 前端界面

本项目是 TCM System 的前端部分，基于 Vue.js 和 Element Plus 实现。

## 项目描述

提供 TCM System 的用户交互界面，包括：

*   用户登录与管理
*   质检任务的查询、创建、分配、查看
*   药材信息展示
*   订单管理界面
*   数据可视化等

## 技术栈

*   **框架**: Vue 3 (使用了 Composition API)
*   **UI 库**: Element Plus
*   **构建工具**: Vite / Vue CLI (需要根据实际 `package.json` 确认)
*   **状态管理**: (如果使用了 Vuex 或 Pinia，请在此处添加)
*   **路由**: Vue Router
*   **HTTP 请求**: Axios (封装在 `@/utils/api`)

## 环境要求

*   **Node.js**: 16.x 或更高版本 (推荐 LTS 版本)
*   **npm**: 8.x 或更高版本 / **yarn**: 1.x

## 项目设置

1.  **克隆仓库**:
    ```bash
    git clone <your-repository-url>
    cd tcm-system/frontend
    ```

2.  **安装依赖**: (根据你使用的包管理器选择)
    使用 npm:
    ```bash
    npm install
    ```
    或者使用 yarn:
    ```bash
    yarn install
    ```

3.  **配置后端 API 地址 (如果需要)**:
    *   检查项目配置文件 (通常是 `.env`, `.env.development`, 或类似文件，或者在 `src/utils/api.js` 或 `vite.config.js` / `vue.config.js` 中)。
    *   确保 API 请求的基础 URL 指向你正在运行的后端服务地址 (例如 `VUE_APP_API_BASE_URL=http://localhost:8080/api` 或类似的配置)。如果配置文件不存在或无需修改，则此步骤可跳过。

## 开发模式运行

(根据你使用的构建工具选择)

*   **如果使用 Vite**: (通常 `package.json` 的 `scripts` 中会有 `dev`)
    ```bash
    npm run dev
    ```
    或者
    ```bash
    yarn dev
    ```

*   **如果使用 Vue CLI**: (通常 `package.json` 的 `scripts` 中会有 `serve`)
    ```bash
    npm run serve
    ```
    或者
    ```bash
    yarn serve
    ```

这将启动一个本地开发服务器，通常可以在 `http://localhost:3000` 或 `http://localhost:8081` (具体端口会在控制台输出) 访问。开发服务器支持热模块替换 (HMR)。

## 构建生产版本

(根据你使用的构建工具选择)

*   **如果使用 Vite**: (通常 `package.json` 的 `scripts` 中会有 `build`)
    ```bash
    npm run build
    ```
    或者
    ```bash
    yarn build
    ```

*   **如果使用 Vue CLI**: (通常 `package.json` 的 `scripts` 中会有 `build`)
    ```bash
    npm run build
    ```
    或者
    ```bash
    yarn build
    ```

该命令会将项目打包成静态文件，通常输出到 `dist` 目录下。这些静态文件可以部署到任何静态文件服务器 (如 Nginx, Apache, GitHub Pages 等)。

## 注意事项

*   确保 Node.js 和 npm/yarn 已正确安装并配置。
*   在运行前端开发服务器之前，请确保后端服务正在运行，并且前端配置的 API 地址正确。