# vue2-test

**Repository Path**: lmlx66/vue2-test

## Basic Information

- **Project Name**: vue2-test
- **Description**: vue2-test
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-22
- **Last Updated**: 2026-06-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 无感考勤统计日报

积木式卡片开发项目，展示考勤打卡统计数据，支持日期筛选、关键字筛选及分页查询。

---

## 快速预览（独立运行）

无需安装任何依赖，启动本地服务即可预览：

```bash
# 进入项目根目录
cd /Users/lixiang/Downloads/vue2

# 启动本地静态服务（任选一种）
python3 -m http.server 8080
```

浏览器访问：**http://localhost:8080/index.html**

> 首页（`/index.html`）会自动跳转到 `pages/index.html` 考勤统计页面。

---

## 目录结构

```
vue2/
├── index.html                  # 入口（自动跳转到 pages/index.html）
├── pages/
│   └── index.html              # 无感考勤统计日报（主页面）
├── widget/
│   ├── attendance-record.vue   # Vue SFC组件（集成到ok-wgt时使用）
│   ├── index.html              # widget模板
│   ├── index.js                # widget逻辑
│   ├── index.css               # widget样式
│   └── index.json              # widget配置
├── components/                 # 公共组件
├── api/                        # 接口配置
├── utils/                      # 工具函数
└── package.json
```

---

## 海拼开发环境（正式开发）

### 1、安装依赖

```bash
npm i
```

### 2、启动调试模式

```bash
npm run serve
```

浏览器打开 `http://localhost:8090/`

### 3、项目打包

```bash
npm run build
```

---

## 接口说明

- **地址**：`https://s.ctseelink.cn/gw/vcpsaas/card/widgetData/proxy/12580139`
- **方法**：POST
- **超时**：5秒（超时自动降级为本地Mock数据）
- **请求参数**：

| 参数 | 说明 | 必填 |
|------|------|------|
| current | 页号 | 是 |
| size | 每页行数 | 是 |
| path | 固定值 `/callback/ctseelink/hn/kaoqin/1400` | 是 |
| keyword | 关键字（底库名称/规则标题） | 否 |
| rule_day | 打卡日期（yyyy-MM-dd） | 否 |