# lc-sm

**Repository Path**: lichunwork/lc-sm

## Basic Information

- **Project Name**: lc-sm
- **Description**: 扫码枪程序
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-15
- **Last Updated**: 2026-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 扫码枪程序

基于Vue 3和Element Plus开发的扫码枪应用，支持用户管理、商品管理和链接二维码功能。

效果图：
![扫码枪程序效果图](./doc/效果图.jpeg)

## 功能特性

1. **用户管理**
   - 用户增删改查
   - 自动生成16位随机码作为用户ID
   - 为每个用户生成包含用户ID的二维码

2. **用户登录**
   - 扫描用户二维码切换活动用户
   - 输入用户ID并点击登录按钮登录
   - 登录成功后显示用户名称

3. **商品管理**
   - 随机生成多个商品及其随机码
   - 为每个商品生成包含商品ID的二维码
   - 扫描商品二维码加入用户商品清单
   - 输入商品ID并点击加入购物车按钮添加商品
   - 商品加入成功后自动刷新商品清单

4. **链接二维码**
   - 生成多个以https://admin.qiacaiba.com/开头的链接二维码
   - 扫描链接二维码在新窗口打开链接
   - 自动附带当前用户ID作为参数

5. **输入监听**
   - 页面全局监听键盘输入，支持扫码枪直接输入
   - 支持URL特殊字符的完整捕获

## 技术栈

- Vue 3
- Element Plus
- QRCode.js
- Vite
- pnpm

## 安装步骤

1. 克隆项目到本地

2. 安装依赖
   ```bash
   pnpm install
   ```

3. 启动开发服务器
   ```bash
   pnpm run dev
   ```

4. 构建生产版本
   ```bash
   pnpm run build
   ```

## 使用说明

1. **添加用户**：在用户管理区域输入用户名，点击"添加用户"按钮

2. **登录用户**：
   - 扫描用户二维码
   - 或在输入框中输入用户ID，点击"登录"按钮

3. **添加商品**：
   - 扫描商品二维码
   - 或在输入框中输入商品ID，点击"加入购物车"按钮

4. **打开链接**：扫描链接二维码，系统会在新窗口打开链接并附带用户ID

5. **管理商品清单**：在用户商品清单区域可以查看和移除已添加的商品

## 数据存储

- 使用localStorage存储用户、商品和用户商品清单数据
- 刷新页面后数据不会丢失

## 注意事项

- 确保扫码枪正确配置，能够输出完整的二维码内容
- 浏览器需要支持localStorage功能
- 链接二维码扫描后会在新窗口打开，请确保浏览器允许弹出窗口