【时间盒子】-【11.任务名称弹窗】设置/修改任务名称 原创

import reminderAgentManager from '@ohos.reminderAgentManager';
/**
 * 后台提醒代理对象
 */
export default class ReminderObj {
  /**
   * 提醒ID
   */
  id: number = 0;
  /**
   * 提醒名称
   */
  name: string = '';
  /**
   * 提醒时间，小时
   */
  hour: number = 0;
  /**
   * 提醒时间，分钟
   */
  minute: number = 0;
  /**
   * 任务时长
   */
  duration: number = 0;
  /**
   * 提醒类型
   */
  remindType: reminderAgentManager.ReminderType = reminderAgentManager.ReminderType.REMINDER_TYPE_ALARM;
  /**
   * 通知ID
   */
  notificationId:number = 0;
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.

import ReminderObj from './ReminderObj';
/**
 * 任务实体对象
 */
@Observed export default class TaskModel extends ReminderObj {
  name = '';
  isOpen: boolean = true;
  duration: number = 15; // 任务时长默认为15分钟
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

import SizeUtil from '../../utils/SizeUtil';
import TaskModel from '../../viewmodel/TaskModel';
import CommonDialog from './CommonDialog';

/**
 * 重命名弹窗
 */
@CustomDialog
export default struct RenameDialog {
  @Consume taskModel: TaskModel;
  private name: string = '';
  controller: CustomDialogController = new CustomDialogController({
    builder: RenameDialog(),
    autoCancel: true
  });

  build() {
    Flex() {
      CommonDialog({
        title: $r('app.string.task_name'),
        controller: this.controller,
        onConfirm: () => {
          this.taskModel.name = this.name
        }
      }) {
        // 输入框
        TextArea({ text: this.taskModel.name, placeholder: $r('app.string.task_name_placeholder') })
          .width('100%')
          .margin({ bottom: SizeUtil.getVp($r('app.float.rename_dialog_text_margin_bottom')) })
          .onChange((value: string) => {
            this.name = value.trim();
          })

        // 分割线
        Divider()
          .color($r('app.color.grey_divider'))
          .lineCap(LineCapStyle.Round)
          .opacity($r('app.float.divider_opacity'))
      }
    }
  }

}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.

{
  "name": "task_name",
  "value": "任务名称"
},
{
  "name": "task_name_placeholder",
  "value": "请输入"
}

1.
2.
3.
4.
5.
6.
7.
8.
9.

{
  "name": "rename_dialog_text_margin_bottom",
  "value": "20"
}

1.
2.
3.
4.
5.