# hr

**Repository Path**: YueMengYouRan/hr

## Basic Information

- **Project Name**: hr
- **Description**: 小型商城 后台管理系统办面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-23
- **Last Updated**: 2025-07-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HR Management System (Frontend)

A modern HR management system built with Vue 3 and Vite.

## Features

- Employee management
- Department management
- Role-based access control
- Responsive layout

## Technology Stack

- Vue 3 (Composition API)
- Vite (Build Tool)
- Pinia (State Management)
- Vue Router
- Element Plus (UI Components)
- Axios (HTTP Client)

## Project Structure

```
├── public/            # Static assets
├── src/
│   ├── api/           # API services
│   ├── assets/        # Static assets
│   ├── components/    # Reusable components
│   ├── composables/   # Composition functions (useAside.js)
│   ├── router/        # Vue Router configuration
│   ├── store/         # Pinia stores (UserStore.js)
│   ├── style/         # Global styles
│   ├── util/          # Utility functions
│   ├── views/         # Page components
│   ├── App.vue        # Root component
│   └── main.js        # Application entry
```

## State Management

The application uses Pinia for state management:

- `UserStore.js`: Manages user authentication and profile data

## Composition Functions

- `useAside.js`: Handles sidebar state and behavior

## Installation

1. Clone the repository
2. Install dependencies:
   ```bash
   yarn install
   ```
3. Start development server:
   ```bash
   yarn dev
   ```

## Build for Production

```bash
yarn build
```

## Development Guidelines

- API calls should be placed in `/src/api`
- Reusable UI components should be placed in `/src/components`
- Page-specific components should be placed in `/src/views`
- Global state should be managed through Pinia stores