desc:设置密码页面UI

 import ArrayList from '@ohos.util.ArrayList'
 import ArrayList from '@ohos.util.ArrayList'
 import { MineSettingComponent } from 'wdComponent';
 import { MineSettingComponent } from 'wdComponent';
+import { AccountAndSecurityLayout } from 'wdComponent';
+import router from '@ohos.router';
 
 
 @Entry
 @Entry
 @Component
 @Component
 struct SettingPage {
 struct SettingPage {
   @State message: string = 'Hello World 02'
   @State message: string = 'Hello World 02'
+  @State pageType: string = '';
+
+  onPageShow() {
+    const params = router.getParams(); // 获取传递过来的参数对象
+    this.pageType =  'mainSetting';// 获取info属性的值
+  }
 
 
   build() {
   build() {
     Column() {
     Column() {
-      MineSettingComponent()
+      if (this.pageType == 'mainSetting') {
+        MineSettingComponent()
+      } else  {
+        AccountAndSecurityLayout()
+      }
     }.setFullWidth()
     }.setFullWidth()
   }
   }
 
 

+import { SettingPasswordLayout } from 'wdComponent';
+
+@Entry
+@Component
+struct SettingPasswordPage {
+  @State message: string = 'Hello World'
+
+  build() {
+    Row() {
+      Column() {
+        SettingPasswordLayout()
+      }
+      .width('100%')
+    }
+    .height('100%')
+  }
+}

@@ -7,6 +7,7 @@
     "pages/SettingPage",
     "pages/SettingPage",
     "pages/PrivacySettingPage",
     "pages/PrivacySettingPage",
     "pages/SettingAboutPage",
     "pages/SettingAboutPage",
-    "pages/AppointmentListPage"
+    "pages/AppointmentListPage",
+    "pages/SettingPasswordPage"
   ]
   ]
-}
+}

@@ -33,3 +33,8 @@ export { MineSettingComponent } from "./components/page/MineSettingComponent"
 export { AboutPageUI } from "./components/page/about/AboutPageUI"
 export { AboutPageUI } from "./components/page/about/AboutPageUI"
 
 
 export { AppointmentListUI } from "./components/page/mine/AppointmentListUI"
 export { AppointmentListUI } from "./components/page/mine/AppointmentListUI"
+
+export { AccountAndSecurityLayout } from "./components/page/AccountAndSecurityLayout"
+
+export { SettingPasswordLayout } from "./components/page/SettingPasswordLayout"
+

+// @ts-nocheck
+import { BottomNavi, CommonConstants } from 'wdConstant';
+import { Logger } from 'wdKit';
+import { TopNavigationComponent } from './TopNavigationComponent';
+import { BottomNavDTO } from '../../repository/bean/BottomNavDTO';
+import { UIUtils } from '../../repository/UIUtils';
+import { MinePageComponent } from './MinePageComponent';
+import PageViewModel from '../../viewmodel/PageViewModel';
+import MineSettingDatasModel from '../../model/MineSettingDatasModel';
+import { MineMainSettingFunctionItem } from '../viewmodel/MineMainSettingFunctionItem'
+
+import storageStatistics from "@ohos.file.storageStatistics";
+import { BusinessError } from '@ohos.base';
+import ArrayList from '@ohos.util.ArrayList';
+
+
+@Component
+export struct AccountAndSecurityLayout {
+  @State listData: ArrayList<any> = new ArrayList();
+  @State privacySwitch: boolean = false
+  @State cacheSice: number = 0
+
+  aboutToAppear() {
+    // 获取设置页面数据
+    this.getAccountAndSecurityData()
+  }
+
+  getAccountAndSecurityData() {
+    this.listData = MineSettingDatasModel.getAccountAndSecuritySettingData()
+  }
+
+  build() {
+    Navigation() {
+      //滑动区域
+      this.settingList()
+    }.titleMode(NavigationTitleMode.Mini)
+    .title('账号与安全')
+  }
+
+  // 页面布局
+  @Builder settingList() {
+    Stack({ alignContent: Alignment.Bottom }) {
+      Column() {
+        List() {
+          ForEach(this.listData, (item: MineMainSettingFunctionItem, index: number) => {
+            ListItem() {
+              if (item.type == 0) {
+                Column() {
+                  this.getArrowCell(item)
+                }.padding({ left: '27lpx' }).height('117lpx').justifyContent(FlexAlign.Center)
+              } else if (item.type == 1) {
+                Column() {
+                  this.getSwitchCell(item)
+                }.padding({ left: '27lpx' }).height('117lpx').justifyContent(FlexAlign.Center)
+              } else {
+                Column().width('100%').height('15lpx').backgroundColor(0xf0f0f0)
+              }
+            }
+            .onClick(() => {
+              console.log(index + "")
+              RouteManager.jumpNewPage("pages/SettingPasswordPage") // 调用跳转方法，跳转新页面
+            })
+
+          }, item => item)
+        }
+        .divider({
+          strokeWidth: 1,
+          startMargin: 15,
+          endMargin: 10,
+          color: '#f0f0f0'
+        })
+        .onScrollFrameBegin((offset, state) => {
+          return { offsetRemain: 0 }
+        })
+      }.height("100%")
+
+      Column() {
+        Button('退出登录',{ stateEffect: true }).width('90%').height('80lpx').backgroundColor('#da3e22').fontColor('#fff').margin('20lpx').onClick(()=>{
+          AlertDialog.show({
+            title: '🥟id : ' + "button",
+            message: '标题：' + '退出登录',
+            confirm: {
+              value: "OK",
+              action: () => {
+
+              },
+            }
+          })
+        })
+      }
+
+    }
+  }
+
+  @Builder itemHead(text: string) {
+    // 列表分组的头部组件，对应联系人分组A、B等位置的组件
+    if (text.length > 0) {
+      Row().width('100%').height('20lpx').backgroundColor(0xf0f0f0)
+    }
+  }
+
+  // 右侧开关cell
+  @Builder getSwitchCell(item: MineMainSettingFunctionItem) {
+    Column() {
+      Row() {
+        // 左侧logo和标题
+        Row() {
+          // 判断有没有图片
+          if (item.imgSrc) {
+            Image(item.imgSrc).height('38lpx').margin({ right: '5lpx' })
+            Text(`${item.title}`).margin({ top: '8lpx' }).height('38lpx').fontColor('#333333').fontSize('29lpx')
+          } else {
+            Text(`${item.title}`).margin({ top: '8lpx' }).height('38lpx').fontColor('#333333').fontSize('29lpx')
+          }
+        }.width('60%')
+
+        // 右侧文案和右箭头
+        Row() {
+          Toggle({ type: ToggleType.Switch, isOn: item.switchState })
+            .height('50lpx')
+            .margin({ left: '81lpx', right: '29lpx' })
+            .selectedColor(Color.Pink)
+            .onChange((isOn: boolean) => {
+              this.privacySwitch = isOn;
+            })
+        }.width('40%')
+        .margin({ right: '29lpx' })
+        .justifyContent(FlexAlign.End)
+
+      }
+      .alignItems(VerticalAlign.Center)
+      .justifyContent(FlexAlign.SpaceBetween)
+    }.height('54lpx')
+  }
+
+  // 右文字+箭头cell
+  @Builder getArrowCell(item: MineMainSettingFunctionItem) {
+    Column() {
+      Row() {
+        // 左侧logo和标题
+        Row() {
+          // 判断有没有图片
+          if (item.imgSrc) {
+            Image(item.imgSrc)
+              .height('38lpx')
+              .margin({ right: '5lpx' })
+          }
+          Text(`${item.title}`)
+            .margin({ top: '8lpx' })
+            .height('38lpx')
+            .fontColor('#333333')
+            .fontSize('29lpx')
+        }.width('60%')
+
+        // 右侧文案和右箭头
+        Row() {
+          Text(item.subTitle ? item.subTitle : '')
+            .fontColor('#999999')
+            .maxLines(1)
+          Image($r('app.media.mine_user_arrow'))
+            .width('27lpx')
+            .height('27lpx')
+            .objectFit(ImageFit.Auto)
+          Column().width('29lpx')
+        }.width('40%')
+        .margin({ right: '29lpx' })
+        .justifyContent(FlexAlign.End)
+
+      }
+      .alignItems(VerticalAlign.Center)
+      .justifyContent(FlexAlign.SpaceBetween)
+
+    }
+    .height('54lpx')
+  }
+}

@@ -9,13 +9,14 @@ import PageViewModel from '../../viewmodel/PageViewModel';
 
 
 import storageStatistics from "@ohos.file.storageStatistics";
 import storageStatistics from "@ohos.file.storageStatistics";
 import { BusinessError } from '@ohos.base';
 import { BusinessError } from '@ohos.base';
+import RouteManager from '../../utils/RouteManager'
 
 
 
 
 @Component
 @Component
 export struct MineSettingComponent {
 export struct MineSettingComponent {
   @State listData: Array<string | Array<string>> = new Array();
   @State listData: Array<string | Array<string>> = new Array();
-  @State privacySwitch:boolean = false
-  @State cacheSice:number = 0
+  @State privacySwitch: boolean = false
+  @State cacheSice: number = 0
 
 
   aboutToAppear() {
   aboutToAppear() {
     // 获取设置页面数据
     // 获取设置页面数据
@@ -26,7 +27,7 @@ export struct MineSettingComponent {
       if (err) {
       if (err) {
         console.error(`Invoke getCurrentBundleStats failed, code is ${err.code}, message is ${err.message}`);
         console.error(`Invoke getCurrentBundleStats failed, code is ${err.code}, message is ${err.message}`);
       } else {
       } else {
-        this.cacheSice =  bundleStats.appSize / 1024.00 / 1024.00.toFixed(2);
+        this.cacheSice = bundleStats.appSize / 1024.00 / 1024.00.toFixed(2);
       }
       }
     });
     });
   }
   }
@@ -64,10 +65,12 @@ export struct MineSettingComponent {
 
 
               }.padding({ left: '27lpx' })
               }.padding({ left: '27lpx' })
               .onClick(() => {
               .onClick(() => {
-                console.log(subIndex + "")
-                if (subIndex == 4) {
-                  // RouteManager.jumpNewPage("pages/SettingPage") // 调用跳转方法，跳转新页面
-                }
+                // 在Home页面中
+                let paramsInfo: object = {
+                  pageId: 123,
+                  pageType:'AccountAndSecurityLayout'
+                };
+                RouteManager.jumpNewPage("pages/SettingPasswordPage") // 调用跳转方法，跳转新页面
               })
               })
               .height('117lpx')
               .height('117lpx')
             }, subItem => subItem)
             }, subItem => subItem)

+import ArrayList from '@ohos.util.ArrayList';
+import promptAction from '@ohos.promptAction';
+
+export default class AccoutPageDataModel {
+  // 页面数据
+  compType: number // 0：标题 / 1：密码输入框 / 2：验证码输入框 / 3:desc描述 / 4:按钮 / 5：logo / 6:子标题 7:手机号输入框 7:空白
+  compLogo: string
+  compTitle: string
+  compSubTitle: string
+  compDesc: string
+  compButtonTitle: string
+  inputPlacholder: string
+  inputTag: number
+
+  constructor(compType: number, compTitle: string, compLogo: string, compDesc: string, compButtonTitle: string, inputPlacholder: string, inputTag: number) {
+    this.compType = compType
+    this.compTitle = compTitle
+    this.compLogo = compLogo
+    this.compDesc = compDesc
+    this.compButtonTitle = compButtonTitle
+    this.inputPlacholder = inputPlacholder
+    this.inputTag = inputTag
+  }
+}
+
+@Component
+export struct SettingPasswordLayout {
+  @State listData: Array<AccoutPageDataModel> = new Array(); // 页面配置数据
+  @State btnStatus: boolean = false
+  password01: string
+  password02: string
+  passwordOri: string
+
+  aboutToAppear() {
+    this.getPageListData(4)
+  }
+
+  getPageListData(pageId:number) {
+    switch (pageId) {
+      case 0:
+      // 验证/更换手机号
+        this.listData.push(new AccoutPageDataModel(0, '更换手机号', null, null, null, null, null))
+        this.listData.push(new AccoutPageDataModel(7, null, null, null, null, '请输入手机号', 10010))
+        this.listData.push(new AccoutPageDataModel(2, null, null, null, null, '验证码', 10088))
+        this.listData.push(new AccoutPageDataModel(4, null, null, null, '确认', null, null))
+        break;
+
+      case 1:
+      // 设置密码
+        this.listData.push(new AccoutPageDataModel(0, '设置密码', null, null, null, null, null))
+        this.listData.push(new AccoutPageDataModel(1, null, null, null, null, '请输入密码', 10086))
+        this.listData.push(new AccoutPageDataModel(1, null, null, null, null, '再次输入密码', 10087))
+        this.listData.push(new AccoutPageDataModel(4, null, null, '提示:密码长度6-20位，需答谢字母、小写字母、数字、特殊字符中组合三种及三种以上组成', null, null, null))
+        this.listData.push(new AccoutPageDataModel(5, null, null, null, '确认', null, null))
+        break;
+
+      case 2:
+      // 修改密码
+        this.listData.push(new AccoutPageDataModel(0, '修改密码', null, null, null, null, null))
+        this.listData.push(new AccoutPageDataModel(1, null, null, null, null, '请输入原密码', 10010))
+        this.listData.push(new AccoutPageDataModel(1, null, null, null, null, '请输入新密码', 10086))
+        this.listData.push(new AccoutPageDataModel(1, null, null, null, null, '请再请输入原密码', 10087))
+        this.listData.push(new AccoutPageDataModel(3, null, null, '提示:密码长度6-20位，需答谢字母、小写字母、数字、特殊字符中组合三种及三种以上组成', null, null, null))
+        this.listData.push(new AccoutPageDataModel(4, null, null, null, '确认', null, null))
+        this.listData.push(new AccoutPageDataModel(3, null, null, '忘记密码', null, null, null))
+        break;
+
+      case 3:
+      // 绑定手机号
+        this.listData.push(new AccoutPageDataModel(0, '绑定手机号', null, null, null, null, null))
+        this.listData.push(new AccoutPageDataModel(7, null, null, null, null, '请输入手机号', 10010))
+        this.listData.push(new AccoutPageDataModel(2, null, null, null, null, '验证码', 10088))
+        this.listData.push(new AccoutPageDataModel(4, null, null, null, '确认', null, null))
+        break;
+
+      case 4:
+      // 有logo的
+        this.listData.push(new AccoutPageDataModel(5, null, 'https://img-blog.csdnimg.cn/24f43f4d626d428891ebb2adb5c2c2e9.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5YyX5aSn5Z-55paH5byg6ICB5biI,size_20,color_FFFFFF,t_70,g_se,x_16', null, null, null , null))
+        this.listData.push(new AccoutPageDataModel(0, '修改密码', null, null, null, null, null))
+        this.listData.push(new AccoutPageDataModel(1, null, null, null, null, '请输入原密码', 10010))
+        this.listData.push(new AccoutPageDataModel(1, null, null, null, null, '请输入新密码', 10086))
+        this.listData.push(new AccoutPageDataModel(1, null, null, null, null, '请再请输入原密码', 10087))
+        this.listData.push(new AccoutPageDataModel(2, null, null, null, null, '验证码', 10088))
+        this.listData.push(new AccoutPageDataModel(3, null, null, '提示:密码长度6-20位，需答谢字母、小写字母、数字、特殊字符中组合三种及三种以上组成', null, null, null))
+        this.listData.push(new AccoutPageDataModel(4, null, null, null, '确认', null, null))
+        this.listData.push(new AccoutPageDataModel(3, null, null, '忘记密码', null, null, null))
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  build() {
+    Navigation() {
+      this.settingList() //滑动区域
+    }.titleMode(NavigationTitleMode.Mini)
+    .title('')
+  }
+
+  // 页面布局
+  @Builder settingList() {
+    Column() {
+      List() {
+        ForEach(this.listData, (item: AccoutPageDataModel, index: number) => {
+          ListItem() {
+            if (item.compType == 0) {
+              this.getTitleCell(item, HorizontalAlign.Start)
+            } else if (item.compType == 1) {
+              this.getPasswordCell(item)
+            } else if (item.compType == 2) {
+              this.getCodeCell(item)
+            } else if (item.compType == 3) {
+              if (index == this.listData.length - 1) {
+                this.getDescCell(item, HorizontalAlign.Center)
+              } else {
+                this.getDescCell(item, HorizontalAlign.Start)
+              }
+            } else if (item.compType == 4) {
+              this.getButtonCell(item)
+            } else if (item.compType == 5) {
+              this.getLogoCell(item)
+            } else if (item.compType == 7) {
+              this.getPhoneCell(item)
+            } else {
+              Text('' + item.compType)
+            }
+          }
+        })
+      }
+      // .divider({
+      //   strokeWidth: 1,
+      //   startMargin: 15,
+      //   endMargin: 10,
+      //   color: '#f0f0f0'
+      // })
+    }.width('100%').padding('30lpx')
+  }
+
+  /***************************** UI元素 ******************************************/
+
+  // 标题
+  @Builder getTitleCell(item: AccoutPageDataModel, alignTitle: HorizontalAlign) {
+    Column() {
+      Text(item.compTitle).fontWeight(FontWeight.Bold).fontSize(20).maxLines(1)
+    }
+    .width('100%')
+    .height('75lpx')
+    .alignItems(alignTitle)
+  }
+
+  // 密码输入框
+  @Builder getPasswordCell(item: AccoutPageDataModel) {
+    Row() {
+      Row() {
+        TextInput({ placeholder: item.inputPlacholder })
+          .type(InputType.Password)
+          .backgroundColor('#00000000')
+          .onChange((value: string) => {
+            this.inputTextChange(value, item.inputTag)
+          })
+          .onSubmit((EnterKeyType) => {
+            promptAction.showToast({ message: 'submit' })
+          })
+      }
+      .alignItems(VerticalAlign.Center)
+      .height('80lpx')
+      .backgroundColor('#f5f5f5')
+      .borderRadius('4vp')
+    }
+    .width('100%')
+    .height('110lpx')
+    .backgroundColor(0xffffff0)
+    .alignItems(VerticalAlign.Center)
+  }
+
+  // 手机号输入框
+  @Builder getPhoneCell(item: AccoutPageDataModel) {
+    Row() {
+      Row() {
+        TextInput({ placeholder: item.inputPlacholder })
+          .backgroundColor('#00000000')
+          .onChange((value: string) => {
+            this.inputTextChange(value, item.inputTag)
+          })
+          .onSubmit((EnterKeyType) => {
+            promptAction.showToast({ message: 'submit' })
+          })
+      }
+      .alignItems(VerticalAlign.Center)
+      .height('80lpx')
+      .backgroundColor('#f5f5f5')
+      .borderRadius('4vp')
+    }
+    .width('100%')
+    .height('110lpx')
+    .backgroundColor(0xffffff0)
+    .alignItems(VerticalAlign.Center)
+  }
+
+  // 验证码码输入框
+  @Builder getCodeCell(item: AccoutPageDataModel) {
+    Row() {
+      Stack() {
+        Image($r('app.media.get_code_bg')).width('100%').borderRadius('4vp')
+        Row() {
+          TextInput({ placeholder: item.inputPlacholder })
+            .backgroundColor('#00000000')
+            .width('67.28%')
+            .onChange((value: string) => {
+              this.inputTextChange(value, item.inputTag)
+            })
+          Button('发送验证码')
+            .width('32.71%')
+            .backgroundColor('#00000000')
+            .fontColor('#da3e22')
+        }
+        .width('100%')
+      }.height('80lpx')
+    }
+    .width('100%')
+    .height('110lpx')
+    .backgroundColor(0xffffff0)
+    .alignItems(VerticalAlign.Center)
+  }
+
+  // desc
+  @Builder getDescCell(item: AccoutPageDataModel, alignTitle: HorizontalAlign) {
+    Column() {
+      Text(item.compDesc).fontSize(12).maxLines(3).fontColor(0x999999).padding({top:'10lpx'})
+        .onClick(()=>{
+          if (item.compDesc == '忘记密码') {
+            promptAction.showToast({ message: '密码不符合密码规范' })
+          }
+        })
+    }
+    .width('100%')
+    .height('85lpx')
+    .alignItems(alignTitle)
+  }
+
+  // 按钮
+  @Builder getButtonCell(item: AccoutPageDataModel) {
+    Row() {
+      Button(item.compButtonTitle, { type: ButtonType.Normal, stateEffect: true })
+        .width('100%')
+        .height('80lpx')
+        .backgroundColor(this.btnStatus ? '#da3e22' : '#e5856d')
+        .fontColor('#fff')
+        .borderRadius('4vp')
+        .onClick(() => {
+          this.buttonClick()
+        })
+    }
+    .padding({top:'25lpx'})
+    .alignItems(VerticalAlign.Center)
+    .width('100%')
+    .height('120lpx')
+  }
+
+  // 标题
+  @Builder getLogoCell(item: AccoutPageDataModel) {
+    Column() {
+      Image(item.compLogo).height('150lpx').width('150lpx')
+    }
+    .width('100%')
+    .height('200lpx')
+  }
+
+  /***************************** 事件处理 ******************************************/
+  // 提交按钮点击事件
+  buttonClick() {
+    if (this.btnStatus) {
+      // 需要+手机号校验
+      if (this.password01.length < 6 || this.password01.length > 20) {
+        promptAction.showToast({ message: '密码不符合密码规范' })
+        return
+      }
+
+      promptAction.showToast({ message: '请求接口' })
+    }
+  }
+
+  // 输入框数据变动：输入数据处理
+  inputTextChange(text: string, tag: number) {
+    if (tag == 10086) {
+      this.password01 = text;
+    } else if (tag == 10087) {
+      this.password02 = text;
+    } else {
+      this.passwordOri = text;
+    }
+
+    if (this.password01) {
+      if (this.password01 == this.password02 && this.password01.length >= 6 && this.password01.length <= 20) {
+        this.btnStatus = true;
+      } else {
+        this.btnStatus = false;
+      }
+    }
+  }
+}

@@ -68,7 +68,12 @@ export default struct MinePageMoreFunctionUI{
             if (index == 3) {
             if (index == 3) {
               RouteManager.jumpNewPage("pages/SettingPage")
               RouteManager.jumpNewPage("pages/SettingPage")
             } else  {
             } else  {
-              RouteManager.jumpNewPage("pages/PrivacySettingPage")
+              // 在Home页面中
+              let paramsInfo: object = {
+                pageId: 123,
+                pageType:'mainSetting'
+              };
+              RouteManager.jumpNewPage("pages/PrivacySettingPage",paramsInfo)
             }
             }
           })
           })
           .height('117lpx')
           .height('117lpx')

@@ -84,6 +84,22 @@ class MinePageDatasModel{
     return this.moreData
     return this.moreData
   }
   }
 
 
+  /**
+   * 扫一扫 我的奖品 等5个数据
+   * 包含名字和图标
+   */
+  getSettingFunctionsData():MinePageCreatorFunctionsItem[]{
+    if(this.moreData.length === 5){
+      return this.moreData
+    }
+    this.moreData.push(new MinePageMoreFunctionModel("扫一扫",$r('app.media.mine_scan')))
+    this.moreData.push(new MinePageMoreFunctionModel("我的奖品",$r('app.media.mine_mygift')))
+    this.moreData.push(new MinePageMoreFunctionModel("意见反馈",$r('app.media.mine_suggest')))
+    this.moreData.push(new MinePageMoreFunctionModel("设置",$r('app.media.mine_setting')))
+    this.moreData.push(new MinePageMoreFunctionModel("关于",$r('app.media.mine_about')))
+    return this.moreData
+  }
+
   fetchAppointmentListData(pageSize:string,pageNum:string) {
   fetchAppointmentListData(pageSize:string,pageNum:string) {
     let url = HttpUrlUtils.getAppointmentListDataUrl()+ `?pageSize=${pageSize}&pageNum=${pageNum}`
     let url = HttpUrlUtils.getAppointmentListDataUrl()+ `?pageSize=${pageSize}&pageNum=${pageNum}`
     let headers: HashMap<string, string> = HttpUrlUtils.getYcgCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getYcgCommonHeaders();

+
+import MinePagePersonalFunctionsItem from '../viewmodel/MinePagePersonalFunctionsItem'
+import MinePageCreatorFunctionsItem from '../viewmodel/MinePageCreatorFunctionsItem'
+import MinePageMoreFunctionModel from '../viewmodel/MinePageMoreFunctionModel';
+import { HttpUrlUtils } from '../network/HttpUrlUtils';
+import HashMap from '@ohos.util.HashMap';
+import { ResponseDTO, WDHttp } from 'wdNetwork';
+import { Logger } from 'wdKit';
+import { MineMainSettingFunctionItem } from '../viewmodel/MineMainSettingFunctionItem'
+
+const TAG = "MineSettingDatasModel"
+
+/**
+ * 我的设置页面 所有数据 获取封装类
+ */
+class MineSettingDatasModel{
+  private static instance: MineSettingDatasModel;
+  mainSettingData:MineMainSettingFunctionItem[] = []
+  accountAndSecurityData:MineMainSettingFunctionItem[] = []
+
+  private constructor() { }
+
+  /**
+   * 单例模式
+   * @returns
+   */
+  public static getInstance(): MineSettingDatasModel {
+    if (!MineSettingDatasModel.instance) {
+      MineSettingDatasModel.instance = new MineSettingDatasModel();
+    }
+    return MineSettingDatasModel.instance;
+  }
+
+
+
+
+  /**
+   * 评论 关注 收藏 等7个数据
+   * 包含名字和图标
+   */
+  getMineMainSettingFunctionItemData():MineMainSettingFunctionItem[]{
+    if(this.mainSettingData.length === 7){
+      return this.mainSettingData
+    }
+    this.mainSettingData = []
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, '账户与安全', '18888888888', 0, false))
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, '接收推送', null, 1, false))
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, '隐私设罝', null, 0, false))
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, '仅WiFi网络加载图片', null, 1, false))
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, 'WiFi网络情况下自动播放视频', null, 1, false))
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, '开户播放器悬浮窗', null, 1, false))
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, null, null, 2, null))
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, '清除缓存', '32MB', 0, false))
+    this.mainSettingData.push(new MineMainSettingFunctionItem(null, '去评分', null, 0, false))
+
+    return this.mainSettingData
+  }
+
+  /**
+   * 评论 关注 收藏 等7个数据
+   * 包含名字和图标
+   */
+  getAccountAndSecuritySettingData():MineMainSettingFunctionItem[]{
+    if(this.accountAndSecurityData.length === 7){
+      return this.accountAndSecurityData
+    }
+    this.accountAndSecurityData = []
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem(null, '更换手机号', '18888888888', 0, false))
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem(null, '设置密码', null, 0, false))
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem(null, null, null, 2, null))
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem($r('app.media.mine_order_icon'), '绑定QQ', '立即绑定', 0, false))
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem($r('app.media.mine_order_icon'), '绑定微信', '立即绑定', 0, false))
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem($r('app.media.mine_order_icon'), '绑定新浪微博', '立即绑定', 0, false))
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem(null, 'Apple ID', null, 0, false))
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem(null, null, null, 2, null))
+
+    this.accountAndSecurityData.push(new MineMainSettingFunctionItem(null, '注销账号', null, 0, false))
+
+    return this.accountAndSecurityData
+  }
+
+
+
+  //  网络请求设置数据
+  fetchAppointmentListData(pageSize:string,pageNum:string) {
+    // let url = HttpUrlUtils.getAppointmentListDataUrl()+ `?pageSize=${pageSize}&pageNum=${pageNum}`
+    // let headers: HashMap<string, string> = HttpUrlUtils.getYcgCommonHeaders();
+    // return WDHttp.get<ResponseDTO<MineAppointmentListItem>>(url, headers)
+  };
+
+  // getAppointmentListData(pageSize:string,pageNum:string): Promise<MineAppointmentListItem> {
+  //   return new Promise<MineAppointmentListItem>((success, error) => {
+  //     Logger.info(TAG, `getAppointmentList start`);
+  //     this.fetchAppointmentListData(pageSize,pageNum).then((navResDTO: ResponseDTO<MineAppointmentListItem>) => {
+  //       if (!navResDTO) {
+  //         error("page data invalid");
+  //         return
+  //       }
+  //       Logger.info(TAG, "getAppointmentList then,AppointmentResDTO.timeStamp:" + navResDTO.timestamp);
+  //       let navigationBean = navResDTO.data
+  //       success(navigationBean);
+  //     }).catch((err: Error) => {
+  //       Logger.error(TAG, `fetchAppointmentListDataApi catch, error.name : ${err.name},  error.message:${err.message}`);
+  //       error(err);
+  //     })
+  //   })
+  // }
+
+}
+
+const mineSettingDatasModel = MineSettingDatasModel.getInstance()
+export default mineSettingDatasModel as MineSettingDatasModel

+
+@Observed
+export class MineMainSettingFunctionItem {
+  imgSrc:Resource   // 图标
+  title:string      // 标题
+  subTitle:string   // 副标题
+  type:number       // 数据类型 0默认箭头类型，1右侧switch按钮类型
+  switchState:boolean   // 右侧switch按钮状态
+
+
+  constructor(imgSrc:Resource,title:string,subTitle:string,type:number,switchState:boolean){
+    this.imgSrc = imgSrc
+    this.title = title
+    this.subTitle = subTitle
+    this.type = type
+    this.switchState = switchState
+  }
+}