fix bug

Signed-off-by: wangzhiyu12 <wangzhiyu12@huawei.com>
2026-07-19 13:16:40 -04:00 · 2022-07-28 15:07:26 +08:00
parent 7db00ce313
commit d714f98fe5
3 changed files with 174 additions and 147 deletions
@@ -17,20 +17,20 @@ import DateUtil from '@ohos/utils/src/main/ets/default/baseUtil/DateUtil'
 import RdbStoreUtil from '@ohos/utils/src/main/ets/default/baseUtil/RdbStoreUtil'
 import FolderData from '@ohos/utils/src/main/ets/default/model/databaseModel/FolderData'
 import NoteData from '@ohos/utils/src/main/ets/default/model/databaseModel/NoteData'
-import {TableName, NoteTableColumn, SysDefFolderUuid, Favorite, Delete
+import { TableName, NoteTableColumn, SysDefFolderUuid, Favorite, Delete
 } from '@ohos/utils/src/main/ets/default/model/databaseModel/EnumData'
 import StyleConstants from '@ohos/utils/src/main/ets/default/constants/StyleConstants'
-import {EditContentDialog, DeleteDialog, EditTitleDialog} from './CusDialogComp'
+import { EditContentDialog, DeleteDialog, EditTitleDialog } from './CusDialogComp'
 import FolderUtil from '@ohos/utils/src/main/ets/default/baseUtil/FolderUtil'
 import NoteUtil from '@ohos/utils/src/main/ets/default/baseUtil/NoteUtil'
 import prompt from '@system.prompt'
 import featureAbility from '@ohos.ability.featureAbility'
-import {LogUtil} from '@ohos/utils/src/main/ets/default/baseUtil/LogUtil'
+import { LogUtil } from '@ohos/utils/src/main/ets/default/baseUtil/LogUtil'
 import OperationUtils from '@ohos/utils/src/main/ets/default/baseUtil/OperationUtils'
 import mediaquery from '@ohos.mediaquery'
 import router from '@system.router';
 import inputMethod from '@ohos.inputmethod';
-import {folderTextMap} from '@ohos/utils/src/main/ets/default/model/NoteBaseData'
+import { folderTextMap } from '@ohos/utils/src/main/ets/default/model/NoteBaseData'

 const TAG = "NoteContent"

@@ -44,7 +44,6 @@ export struct NoteContent {
  @Provide('EditModel') editModel: boolean = false
  controllerShow: WebController
  private editContentFlag = false
-
  noteContent = {
    callbackhtml: (html) => {
      LogUtil.info(TAG, 'note uuid is:' + this.selectedNoteData.uuid)
@@ -57,7 +56,7 @@ export struct NoteContent {
      RdbStoreUtil.update(this.selectedNoteData.toNoteObject(), predicates_note, null)
      LogUtil.info(TAG, 'update note success:' + this.selectedNoteData.uuid)
      AppStorage.SetOrCreate<NoteData>('NewNote', this.selectedNoteData)
-      AppStorage.SetOrCreate<boolean>('needRefresh',true)
+      AppStorage.SetOrCreate<boolean>('needRefresh', true)
      // save continue data
      let continueNote: string = JSON.stringify(this.selectedNoteData.toNoteObject())
      AppStorage.SetOrCreate<string>('ContinueNote', continueNote)
@@ -107,7 +106,9 @@ export struct NoteContent {
                this.editContentFlag = true
              }
              LogUtil.info(TAG, "finish loadurl")
-              this.controllerShow.runJavaScript({ script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')" })
+              this.controllerShow.runJavaScript({
+                script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')"
+              })
            })
            .zoomAccess(false)
            .height('70%')
@@ -117,11 +118,12 @@ export struct NoteContent {
        .width(StyleConstants.PERCENTAGE_100)
        .onClick(() => {
          // 添加定时器：3s自动保存
-          if (timeID == undefined) {
-            timeID = setInterval(() => {
-              this.controllerShow.runJavaScript({ script: "scheduledSaveContent()" })
-            }, 3000)
+          if (timeID) {
+            clearInterval(timeID)
          }
+          timeID = setInterval(() => {
+            this.controllerShow.runJavaScript({ script: "scheduledSaveContent()" })
+          }, 3000)
          LogUtil.info(TAG, "setInterval timeID : " + timeID)
          this.issave = 0
          this.editModel = true
@@ -150,7 +152,6 @@ export struct ToolBarComp {
  @Consume('Issave') issave: number
  @Consume('EditModel') editModel: boolean
  controllerShow: WebController
-
  editContentDialogCtl: CustomDialogController = new CustomDialogController({
    builder: EditContentDialog({ confirm: this.confirm.bind(this) }),
    alignment: DialogAlignment.Bottom,
@@ -250,11 +251,13 @@ export struct ToolBarComp {
                        imageUri = uri;
                      }
                      // 拷贝
-                      if(imageUri != null && imageUri != "") {
+                      if (imageUri != null && imageUri != "") {
                        OperationUtils.copy(imageUri).then((uriPath) => {
                          var path = "file://" + uriPath
                          LogUtil.info(TAG, 'image uri is:' + path)
-                          this.controllerShow.runJavaScript({script:"javascript:RICH_EDITOR.insertImage('" + path + "')"})
+                          this.controllerShow.runJavaScript({
+                            script: "javascript:RICH_EDITOR.insertImage('" + path + "')"
+                          })
                        })
                      }
                    }
@@ -369,46 +372,48 @@ export struct NoteContentOverViewComp {
  }

  build() {
-    Flex({ direction: FlexDirection.Column, wrap: FlexWrap.NoWrap,
-      justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
-      Row() {
-        Text(this.selectedNoteData.title)
-          .fontSize(30)
-          .margin({ left: 12, right: 24 })
-          .onClick(() => {
-            clearInterval(timeID)
-            this.editTitleDialogCtl.open()
-          })
-      }.height(40)
-      .width(StyleConstants.PERCENTAGE_100)
-
-      Row() {
-        Text(DateUtil.formateDateForNoteContent(new Date(this.selectedNoteData.modified_time)))
-          .fontSize(12)
-          .padding({ top: 4, bottom: 4 })
-          .fontColor($r("app.color.modified_time_font_color"))
-          .margin({ left: 12 })
+    if (this.selectedNoteData && this.selectedNoteData.is_deleted) {
+      Flex({ direction: FlexDirection.Column, wrap: FlexWrap.NoWrap,
+        justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
        Row() {
-          Text(FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)) ==
-               folderTextMap["sys_def_myFavorites_uuid"] ? folderTextMap["sys_def_unClassified_uuid"] :
-               FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)))
+          Text(this.selectedNoteData.title)
+            .fontSize(30)
+            .margin({ left: 12, right: 24 })
+            .onClick(() => {
+              clearInterval(timeID)
+              this.editTitleDialogCtl.open()
+            })
+        }.height(40)
+        .width(StyleConstants.PERCENTAGE_100)
+
+        Row() {
+          Text(DateUtil.formateDateForNoteContent(new Date(this.selectedNoteData.modified_time)))
            .fontSize(12)
-            .fontColor($r("app.color.list_modified_time_font_color"))
-          Image($r('app.media.triangle'))
-            .width(6)
-            .height(12)
-            .margin({ left: 4 })
-        }
-        .padding({ left: 8, right: 8, top: 4, bottom: 4 })
-        .margin({ left: 8 })
-        .borderRadius(16)
-        .backgroundColor(NoteUtil.getNoteBgColor(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid, SysDefFolderUuid.AllNotes, false))
-        .bindMenu(this.MenuBuilder)
-      }.alignItems(VerticalAlign.Top).height(40).width(StyleConstants.PERCENTAGE_100)
+            .padding({ top: 4, bottom: 4 })
+            .fontColor($r("app.color.modified_time_font_color"))
+            .margin({ left: 12 })
+          Row() {
+            Text(FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)) ==
+                 folderTextMap["sys_def_myFavorites_uuid"] ? folderTextMap["sys_def_unClassified_uuid"] :
+            FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)))
+              .fontSize(12)
+              .fontColor($r("app.color.list_modified_time_font_color"))
+            Image($r('app.media.triangle'))
+              .width(6)
+              .height(12)
+              .margin({ left: 4 })
+          }
+          .padding({ left: 8, right: 8, top: 4, bottom: 4 })
+          .margin({ left: 8 })
+          .borderRadius(16)
+          .backgroundColor(NoteUtil.getNoteBgColor(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid, SysDefFolderUuid.AllNotes, false))
+          .bindMenu(this.MenuBuilder)
+        }.alignItems(VerticalAlign.Top).height(40).width(StyleConstants.PERCENTAGE_100)
+      }
+      .opacity(this.selectedNoteData.is_deleted == Delete.Yes ? 0.4 : 1)
+      .width(StyleConstants.PERCENTAGE_100)
+      .height(80)
    }
-    .opacity(this.selectedNoteData.is_deleted == Delete.Yes ? 0.4 : 1)
-    .width(StyleConstants.PERCENTAGE_100)
-    .height(80)
  }
 }

@@ -17,25 +17,27 @@ import DateUtil from '@ohos/utils/src/main/ets/default/baseUtil/DateUtil'
 import RdbStoreUtil from '@ohos/utils/src/main/ets/default/baseUtil/RdbStoreUtil'
 import FolderData from '@ohos/utils/src/main/ets/default/model/databaseModel/FolderData'
 import NoteData from '@ohos/utils/src/main/ets/default/model/databaseModel/NoteData'
-import {TableName, NoteTableColumn, SysDefFolderUuid, Favorite, Delete} from '@ohos/utils/src/main/ets/default/model/databaseModel/EnumData'
+import { TableName, NoteTableColumn, SysDefFolderUuid, Favorite, Delete
+} from '@ohos/utils/src/main/ets/default/model/databaseModel/EnumData'
 import StyleConstants from '@ohos/utils/src/main/ets/default/constants/StyleConstants'
-import {EditContentDialog, DeleteDialog, EditTitleDialog} from './CusDialogComp'
+import { EditContentDialog, DeleteDialog, EditTitleDialog } from './CusDialogComp'
 import FolderUtil from '@ohos/utils/src/main/ets/default/baseUtil/FolderUtil'
 import NoteUtil from '@ohos/utils/src/main/ets/default/baseUtil/NoteUtil'
 import prompt from '@system.prompt'
 import featureAbility from '@ohos.ability.featureAbility'
-import {LogUtil} from '@ohos/utils/src/main/ets/default/baseUtil/LogUtil'
+import { LogUtil } from '@ohos/utils/src/main/ets/default/baseUtil/LogUtil'
 import OperationUtils from '@ohos/utils/src/main/ets/default/baseUtil/OperationUtils'
 import mediaquery from '@ohos.mediaquery'
 import inputMethod from '@ohos.inputmethod';
-import {folderTextMap} from '@ohos/utils/src/main/ets/default/model/NoteBaseData'
+import { folderTextMap } from '@ohos/utils/src/main/ets/default/model/NoteBaseData'

 const TAG = "NoteContentComp"

-var timeId : number
+var timeId: number

 // Note content component
 let inSetValue = AppStorage.Link('inSetValue')
+
@Component
 export struct NoteContentComp {
  @Consume('SelectedNoteData') selectedNoteData: NoteData
@@ -106,8 +108,8 @@ export struct NoteContentComp {
    },

    callbackGetSize: (size) => {
-      if(size) {
-        AppStorage.Set<number>('inSetValue', parseInt(size.slice(0,-2)) - 12)
+      if (size) {
+        AppStorage.Set<number>('inSetValue', parseInt(size.slice(0, -2)) - 12)
      }
    }
  }
@@ -140,7 +142,9 @@ export struct NoteContentComp {
                this.editContentFlag = true
              }
              LogUtil.info(TAG, "finish loadurl")
-              this.controllerShow.runJavaScript({ script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')" })
+              this.controllerShow.runJavaScript({
+                script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')"
+              })
              // 初次加载为为小屏预览模式
              if (this.sectionStatus != 1) {
                this.controllerShow.runJavaScript({ script: "RICH_EDITOR.setInputEnabled(false)" })
@@ -164,6 +168,9 @@ export struct NoteContentComp {
            this.sectionStatus = 1
            this.controllerShow.runJavaScript({ script: "RICH_EDITOR.setInputEnabled(true)" })
            // 添加定时器：3s自动保存
+            if (timeId) {
+              clearInterval(timeId)
+            }
            timeId = setInterval(() => {
              this.controllerShow.runJavaScript({ script: "scheduledSaveContent()" })
            }, 3000)
@@ -178,6 +185,7 @@ export struct NoteContentComp {
      }
      .height(StyleConstants.PERCENTAGE_100)
      .visibility(FolderUtil.getNoteCount(AppStorage.Get('AllNoteArray'), this.selectedFolderData.uuid) == 0 ? Visibility.Hidden : Visibility.Visible)
+
      Column() {
      }
      .height("100%")
@@ -198,7 +206,6 @@ export struct NoteContentComp {
    clearInterval(timeId)
    LogUtil.info(TAG, "aboutToDisappear")
  }
-
 }

@Component
@@ -224,6 +231,7 @@ export struct NoteContentOverViewComp {
    this.NoteDataMoveArray = this.AllFolderArray.slice(2, this.AllFolderArray.length);
    this.NoteDataMoveArray.push(this.AllFolderArray[1]);
  }
+
  aboutToAppear() {
    this.NoteDataMoveArray = this.AllFolderArray.slice(2, this.AllFolderArray.length);
    this.NoteDataMoveArray.push(this.AllFolderArray[1]);
@@ -249,9 +257,11 @@ export struct NoteContentOverViewComp {
            let predicates_note = RdbStoreUtil.getRdbPredicates(TableName.NoteTable)
            predicates_note.equalTo(NoteTableColumn.Uuid, this.selectedNoteData.uuid)
            RdbStoreUtil.update(this.selectedNoteData.toNoteObject(), predicates_note, null)
-            if(this.sectionStatus != 1) {
+            if (this.sectionStatus != 1) {
              this.selectedNoteData = NoteUtil.getFirstNoteData(this.AllNoteArray, this.selectedFolderData.uuid)
-              this.controllerShow.runJavaScript({ script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')" })
+              this.controllerShow.runJavaScript({
+                script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')"
+              })
              this.refreshFlag = (this.refreshFlag == 0 ? 1 : 0)
            } else {
              this.selectedFolderData = FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), item.uuid)
@@ -272,52 +282,54 @@ export struct NoteContentOverViewComp {
  }

  build() {
-    Flex({ direction: FlexDirection.Column, wrap: FlexWrap.NoWrap,
-      justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
-      Row() {
-        Text(this.selectedNoteData.title)
-          .fontSize(30)
-          .margin({ left: 0, right: 24 })
-          .onClick(() => {
-            this.editModel = true
-            this.sectionStatus = 1
-            clearInterval(timeId)
-            this.editTitleDialogCtl.open()
-            // save continue data
-            AppStorage.SetOrCreate<number>('ContinueSection', this.sectionStatus)
-            LogUtil.info(TAG, "NoteContentComp, set continue section success")
-          })
-      }.height(40)
-      .width(StyleConstants.PERCENTAGE_100)
-
-      Row() {
-        Text(DateUtil.formateDateForNoteContent(new Date(this.selectedNoteData.modified_time)))
-          .fontSize(12)
-          .padding({ top: 4, bottom: 4 })
-          .fontColor($r("app.color.modified_time_font_color"))
-          .margin({ left: 0 })
+    if (this.selectedNoteData && this.selectedNoteData.is_deleted) {
+      Flex({ direction: FlexDirection.Column, wrap: FlexWrap.NoWrap,
+        justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
        Row() {
-          Text(FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)) ==
-               folderTextMap["sys_def_myFavorites_uuid"] ? folderTextMap["sys_def_unClassified_uuid"] :
-               FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)))
+          Text(this.selectedNoteData.title)
+            .fontSize(30)
+            .margin({ left: 0, right: 24 })
+            .onClick(() => {
+              this.editModel = true
+              this.sectionStatus = 1
+              clearInterval(timeId)
+              this.editTitleDialogCtl.open()
+              // save continue data
+              AppStorage.SetOrCreate<number>('ContinueSection', this.sectionStatus)
+              LogUtil.info(TAG, "NoteContentComp, set continue section success")
+            })
+        }.height(40)
+        .width(StyleConstants.PERCENTAGE_100)
+
+        Row() {
+          Text(DateUtil.formateDateForNoteContent(new Date(this.selectedNoteData.modified_time)))
            .fontSize(12)
-            .fontColor($r("app.color.list_modified_time_font_color"))
-            .padding({ top: 1 })
-          Image($r('app.media.triangle'))
-            .width(6)
-            .height(12)
-            .margin({ left: 4 })
-        }
-        .padding({ left: 8, right: 8, top: 4, bottom: 4 })
-        .margin({ left: 8 })
-        .borderRadius(16)
-        .backgroundColor(NoteUtil.getNoteBgColor(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid, SysDefFolderUuid.AllNotes, false))
-        .bindMenu(this.MenuBuilder)
-      }.alignItems(VerticalAlign.Top).height(40).width(StyleConstants.PERCENTAGE_100)
+            .padding({ top: 4, bottom: 4 })
+            .fontColor($r("app.color.modified_time_font_color"))
+            .margin({ left: 0 })
+          Row() {
+            Text(FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)) ==
+                 folderTextMap["sys_def_myFavorites_uuid"] ? folderTextMap["sys_def_unClassified_uuid"] :
+            FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)))
+              .fontSize(12)
+              .fontColor($r("app.color.list_modified_time_font_color"))
+              .padding({ top: 1 })
+            Image($r('app.media.triangle'))
+              .width(6)
+              .height(12)
+              .margin({ left: 4 })
+          }
+          .padding({ left: 8, right: 8, top: 4, bottom: 4 })
+          .margin({ left: 8 })
+          .borderRadius(16)
+          .backgroundColor(NoteUtil.getNoteBgColor(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid, SysDefFolderUuid.AllNotes, false))
+          .bindMenu(this.MenuBuilder)
+        }.alignItems(VerticalAlign.Top).height(40).width(StyleConstants.PERCENTAGE_100)
+      }
+      .opacity(this.selectedNoteData.is_deleted == Delete.Yes ? 0.4 : 1)
+      .width(StyleConstants.PERCENTAGE_100)
+      .height(80)
    }
-    .opacity(this.selectedNoteData.is_deleted == Delete.Yes ? 0.4 : 1)
-    .width(StyleConstants.PERCENTAGE_100)
-    .height(80)
  }
 }

@@ -335,7 +347,6 @@ export struct ToolBarComp {
  @Consume('Issave') issave: number
  controllerShow: WebController
  private context = getContext(this)
-
  noteDataDeleteDialogCtl: CustomDialogController = new CustomDialogController({
    builder: DeleteDialog({ onConfirm: this.onDeleteConfirm.bind(this) }),
    alignment: DialogAlignment.Center,
@@ -440,7 +451,9 @@ export struct ToolBarComp {
                RdbStoreUtil.update(this.selectedNoteData.toNoteObject(), predicates_note, null)

                this.selectedNoteData = NoteUtil.getFirstNoteData(AppStorage.Get('AllNoteArray'), this.selectedFolderData.uuid)
-                this.controllerShow.runJavaScript({ script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')" })
+                this.controllerShow.runJavaScript({
+                  script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')"
+                })
                // save continue data
                let continueNote: string = JSON.stringify(this.selectedNoteData.toNoteObject())
                AppStorage.SetOrCreate<string>('ContinueNote', continueNote)
@@ -501,11 +514,13 @@ export struct ToolBarComp {
                          imageUri = uri;
                        }
                        // 拷贝
-                        if(imageUri != null && imageUri != "") {
+                        if (imageUri != null && imageUri != "") {
                          OperationUtils.copy(imageUri).then((uriPath) => {
                            var path = "file://" + uriPath
                            LogUtil.info(TAG, 'image uri is:' + path)
-                            this.controllerShow.runJavaScript({script:"javascript:RICH_EDITOR.insertImage('" + path + "')"})
+                            this.controllerShow.runJavaScript({
+                              script: "javascript:RICH_EDITOR.insertImage('" + path + "')"
+                            })
                          })
                        }
                      }
@@ -578,7 +593,9 @@ export struct ToolBarComp {
                RdbStoreUtil.update(this.selectedNoteData.toNoteObject(), predicates_note, null)
                if (this.selectedFolderData.uuid === SysDefFolderUuid.MyFavorites) {
                  this.selectedNoteData = NoteUtil.getFirstNoteData(AppStorage.Get('AllNoteArray'), SysDefFolderUuid.MyFavorites)
-                  this.controllerShow.runJavaScript({ script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')" })
+                  this.controllerShow.runJavaScript({
+                    script: "RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')"
+                  })
                  // save continue data
                  let continueNote: string = JSON.stringify(this.selectedNoteData.toNoteObject())
                  AppStorage.SetOrCreate<string>('ContinueNote', continueNote)
@@ -29,7 +29,7 @@ import { LogUtil } from '@ohos/utils/src/main/ets/default/baseUtil/LogUtil'
 import OperationUtils from '@ohos/utils/src/main/ets/default/baseUtil/OperationUtils'
 import router from '@system.router'
 import inputMethod from '@ohos.inputmethod';
-import {folderTextMap} from '@ohos/utils/src/main/ets/default/model/NoteBaseData'
+import { folderTextMap } from '@ohos/utils/src/main/ets/default/model/NoteBaseData'
 import rs from '@ohos.resourceManager'

 var time_id: number
@@ -121,6 +121,9 @@ export struct NoteContentCompPortrait {
        }
        .flexShrink(1)
        .onClick(() => {
+          if (time_id) {
+            clearInterval(time_id)
+          }
          // 添加定时器：3s自动保存
          time_id = setInterval(() => {
            this.controllerShow.runJavaScript({ script: "scheduledSaveContent()" })
@@ -213,43 +216,45 @@ export struct NoteContentOverViewComp {
  }

  build() {
-    Flex({ direction: FlexDirection.Column, wrap: FlexWrap.NoWrap,
-      justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
-      Row() {
-        Text(this.selectedNoteData.title).fontSize(30).fontWeight(FontWeight.Medium)
-          .onClick(() => {
-            clearInterval(time_id)
-            this.editTitleDialogCtl.open()
-          })
-      }.height(40)
-      .width(StyleConstants.PERCENTAGE_100)
-
-      Row() {
-        Text(DateUtil.formateDateForNoteContent(new Date(this.selectedNoteData.modified_time)))
-          .fontSize(12)
-          .padding({ top: 4, bottom: 4 })
-          .fontColor($r("app.color.modified_time_font_color"))
+    if (this.selectedNoteData && this.selectedNoteData.is_deleted) {
+      Flex({ direction: FlexDirection.Column, wrap: FlexWrap.NoWrap,
+        justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
        Row() {
-          Text(FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)) ==
-               folderTextMap["sys_def_myFavorites_uuid"] ? folderTextMap["sys_def_unClassified_uuid"] :
-               FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)))
-            .fontColor($r('app.color.folder_color_99182431'))
+          Text(this.selectedNoteData.title).fontSize(30).fontWeight(FontWeight.Medium)
+            .onClick(() => {
+              clearInterval(time_id)
+              this.editTitleDialogCtl.open()
+            })
+        }.height(40)
+        .width(StyleConstants.PERCENTAGE_100)
+
+        Row() {
+          Text(DateUtil.formateDateForNoteContent(new Date(this.selectedNoteData.modified_time)))
            .fontSize(12)
-          Image($r('app.media.triangle'))
-            .width(6)
-            .height(12)
-            .margin({ left: 4 })
-        }
-        .padding({ left: 8, right: 8, top: 4, bottom: 4 })
-        .margin({ left: 8 })
-        .borderRadius(16)
-        .backgroundColor(NoteUtil.getNoteBgColor(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid, SysDefFolderUuid.AllNotes, false))
-        .bindMenu(this.MenuBuilder)
-      }.alignItems(VerticalAlign.Top).height(40).width(StyleConstants.PERCENTAGE_100)
+            .padding({ top: 4, bottom: 4 })
+            .fontColor($r("app.color.modified_time_font_color"))
+          Row() {
+            Text(FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)) ==
+                 folderTextMap["sys_def_myFavorites_uuid"] ? folderTextMap["sys_def_unClassified_uuid"] :
+            FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid)))
+              .fontColor($r('app.color.folder_color_99182431'))
+              .fontSize(12)
+            Image($r('app.media.triangle'))
+              .width(6)
+              .height(12)
+              .margin({ left: 4 })
+          }
+          .padding({ left: 8, right: 8, top: 4, bottom: 4 })
+          .margin({ left: 8 })
+          .borderRadius(16)
+          .backgroundColor(NoteUtil.getNoteBgColor(AppStorage.Get('AllFolderArray'), this.selectedNoteData.folder_uuid, SysDefFolderUuid.AllNotes, false))
+          .bindMenu(this.MenuBuilder)
+        }.alignItems(VerticalAlign.Top).height(40).width(StyleConstants.PERCENTAGE_100)
+      }
+      .opacity(this.selectedNoteData.is_deleted == Delete.Yes ? 0.4 : 1)
+      .width(StyleConstants.PERCENTAGE_100)
+      .height(82)
    }
-    .opacity(this.selectedNoteData.is_deleted == Delete.Yes ? 0.4 : 1)
-    .width(StyleConstants.PERCENTAGE_100)
-    .height(82)
  }
 }

@@ -324,7 +329,7 @@ export struct ToolBarComp {
              LogUtil.info(TAG, 'ToolBarComp, set continue note success')
            })
          Image($r('app.media.delete')).height(24).width(24)
-            .onClick(()=>{
+            .onClick(() => {
              this.noteDataDeleteDialogCtl.open()
            })
        }.width(72)
@@ -437,7 +442,7 @@ export struct DeleteNoteComp {
            this.selectedNoteData.deleted_time = 0
            rs.getResourceManager().then((manager) => {
              manager.getString($r('app.string.restore').id)
-                .then((strVal)=>{
+                .then((strVal) => {
                  prompt.showToast({ message: strVal, duration: 2000 });
                });
            });