# TargetManagement

**Repository Path**: cnzzzzz0930/TargetManagement

## Basic Information

- **Project Name**: TargetManagement
- **Description**: 基于ArkTS实现一个目标管理器，介绍页面级变量的状态管理。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 10
- **Created**: 2025-09-22
- **Last Updated**: 2025-09-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 实现页面级的状态管理

## 简介

本篇Codelab基于ArkTS实现一个目标管理器，介绍页面级变量的状态管理。效果图如下：

<img src='screenshots/device/TargetManagement.gif' width=320>

## 相关概念

- 自定义弹窗: 通过CustomDialogController类显示自定义弹窗。

- List列表: 列表包含一系列相同宽度的列表项。

## 工程目录

```
├──entry/src/main/ets/
│  ├──common
│  │  ├──constant                       
│  │  │  └──CommonConstant.ets          // 公共常量类
│  │  └──utils                          
│  │     ├──DateUtil.ets                // 时间处理工具
│  │     └──Logger.ets                  // 日志工具类
│  ├──entryability
│  │  └──EntryAbility.ets               // 程序入口类
│  ├──pages
│  │  └──MainPage.ets                   // 首页
│  ├──views                
│  │  ├──AddTargetDialog.ets            // 添加子目标弹窗 
│  │  ├──ProgressEditPanel.ets          // 进度条编辑面板 
│  │  ├──TargetInformation.ets          // 目标信息 
│  │  ├──TargetList.ets                 // 目标列表 
│  │  └──TargetListItem.ets             // 目标列表项
│  └──viewmodel           
│     ├──DataModel.ets                  // 时间模型                        
│     └──TaskItemModel.ets              // 任务项模型
└──entry/src/main/resources             // 应用资源目录
```

## 相关权限

不涉及

## 使用说明

1. 打开应用首页，点击主页添加子目标按钮，展示添加子目标弹窗，点击取消按钮关闭弹窗，或者确定按钮保存数据。
2. 打开应用首页，点击列表项展开卡片，调节进度，点击确定按钮，卡片收起，保存调节的进度值，进度值为100%时，卡片置灰。
3. 打开应用首页，点击编辑按钮，展示多选框，勾选需要删除的卡片，点击删除按钮，数据被删除。

## 约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。
2. HarmonyOS系统：HarmonyOS 5.1.1 Release及以上。
3. DevEco Studio版本：DevEco Studio 5.1.1 Release及以上。
4. HarmonyOS SDK版本：HarmonyOS 5.1.1 Release SDK及以上。