commit

entry/src/main/ets/pages/sub_systemMaintenance/DataSynchronism.ets

+import { DividerTitle } from '../../view/DividerTitle/DividerTitle'
+import { TitleBar } from '../../view/title/TitleBar'
+import  {BasicDialog}  from  '../../view/BasicDialog/BasicDialog'
+@Extend(Button) function CommonButtonStyle() {
+  .borderWidth(2)
+  .borderColor('#0fa983')
+  .backgroundColor('#fff')
+  .fontColor('#0fa983')
+  .borderRadius(6)
+  .padding({ top: 5, bottom: 5 })
+  .margin({ top: 12 })
+  .width('85%')
+  .type(ButtonType.Normal)
+  .stateEffect(true)
+}
+
+const listData = [
+  {
+    title: "基础信息",
+    icon: "app.media.icon"
+  },
+  {
+    title: "临时区库存",
+    icon: "app.media.icon"
+  },
+  {
+    title: "单据导入",
+    icon: "app.media.icon"
+  },
+  {
+    title: "订单导入",
+    icon: "app.media.icon"
+  },
+  {
+    title: "清除数据",
+    icon: "app.media.icon"
+  },
+  {
+    title: "新建表结构",
+    icon: "app.media.icon"
+  },
+  {
+    title: "删除表结构",
+    icon: "app.media.icon"
+  },
+  {
+    title: "打开刻录",
+    icon: "app.media.icon"
+  }
+]
+
+@Entry
+@Component
+export struct DataSynchronism {
+
+  dialogController: CustomDialogController = new CustomDialogController({
+    builder: BasicDialog({
+      cancel: this.onCancel,
+      confirm: this.onSubmit,
+      title: '2.0业务终端IP',
+      container: this.container
+    }),
+    autoCancel: true,
+    alignment: DialogAlignment.Default,
+    offset: { dx: 0, dy: -20 },
+    gridCount: 4,
+    customStyle: false
+  })
+
+  @Builder container() {
+    TextInput()
+  }
+
+  onCancel() {
+    console.log("onCancel")
+  }
+
+  onSubmit() {
+    console.log("onSubmit")
+  }
+
+
+  handleClick(item) {
+    switch (item.title) {
+      case "清除数据"  :
+        if (this.dialogController != undefined) {
+          this.dialogController.open()
+        }
+      break;
+    }
+  }
+
+
+  @Builder renderLeft() {
+    Column() {
+      DividerTitle({ title: "数据导入" }).alignSelf(ItemAlign.Start).margin({ top: 10 })
+      ForEach(listData, item => {
+        Button() {
+          Row() {
+            Flex({ justifyContent: FlexAlign.SpaceEvenly, alignItems: ItemAlign.Center }) {
+              Image($r("app.media.icon")).width("12")
+              Text(item.title).fontSize(10).fontColor("#0fa983")
+            }
+          }
+        }.CommonButtonStyle().onClick(() => this.handleClick(item))
+      })
+    }.backgroundColor("#fff").width("30%").borderRadius(8).height('88%')
+  }
+
+
+  @Builder renderRight() {
+    Column() {
+      DividerTitle({ title: "数据导入历史信息" }).alignSelf(ItemAlign.Start).margin({ top: 10 })
+
+      Column() {
+        Row(){
+          Text("当前数据导入版本:").fontSize(12).fontColor("#0fa983")
+          Text("暂无").fontSize(12).fontColor("#0fa983")
+        }
+      }.border({ width: 1, color: 0x0fa983, radius: 2, style: BorderStyle.Dotted })
+      .height("92%").width('92%').margin({ top: 12 })
+    }
+    .width('60%')
+    .backgroundColor('#fff')
+    .height('88%')
+    .margin({ left: 10 })
+    .borderRadius(8)
+  }
+
+  build() {
+    Column() {
+      TitleBar({ title: "数据同步" })
+      Row() {
+
+        this.renderLeft()
+
+        this.renderRight()
+
+      }.justifyContent(FlexAlign.SpaceBetween).margin({ top: 6 })
+
+    }.width('100%').height("100%").linearGradient({
+      direction: GradientDirection.RightBottom,
+      repeating: true,
+      colors: [['#36a3c0', 0.0], ['#97c6a6', 1.0], ['#c7d799', 2.0]]
+    })
+  }
+}
\ No newline at end of file

entry/src/main/ets/view/BasicDialog/BasicDialog.ets

@@ -15,6 +15,7 @@ export struct BasicDialog {
   controller: CustomDialogController
   cancel: () => void
   confirm: () => void
+  @BuilderParam container: () => void
 
   build() {
     Column() {
@@ -32,6 +33,8 @@ export struct BasicDialog {
         }.padding({ top: 10, bottom: 10 })
       }
 
+      this.container()
+
       Flex({ justifyContent: FlexAlign.SpaceAround }) {
         Button('确认')
           .onClick(() => {

entry/src/main/ets/view/DividerTitle/DividerTitle.ets

+@Component
+export struct DividerTitle {
+  private title: string
+
+  build() {
+    Row() {
+      Divider()
+        .vertical(true)
+        .height(14)
+        .strokeWidth(3)
+        .color('#19ac88')
+        .opacity(0.6)
+        .margin({ left: 8, right: 8 })
+      Text(this.title)
+        .fontSize(14)
+    }
+  }
+}
\ No newline at end of file

entry/src/main/resources/base/profile/main_pages.json

@@ -19,6 +19,7 @@
     "pages/sub_systemMaintenance/Pmhx",
     "pages/sub_systemMaintenance/Setting",
     "pages/sub_systemMaintenance/General",
-    "pages/sub_systemMaintenance/Maintenance"
+    "pages/sub_systemMaintenance/Maintenance",
+    "pages/sub_systemMaintenance/DataSynchronism"
   ]
 }

features/DirectConnect/src/main/ets/components/DirectConnect.ets

@@ -95,7 +95,6 @@ export struct DirectConnect {
 
       this.renderBottom()
 
-
     }.padding({ left: 20, right: 20 ,top: `${StatusBarManager.get().getSystemBarOffset()}px`}).height("100%").linearGradient({
       direction: GradientDirection.RightBottom,
       repeating: true,

features/SystemMaintenance/src/main/ets/components/SystemMaintenance.ets

@@ -3,7 +3,6 @@ import { UniListItem, uniInitList } from '../model/UniInitList';
 
 @Component
 export struct SystemMaintenance {
-
   build() {
     Row() {
       Flex({direction:FlexDirection.Column}) {

features/SystemMaintenance/src/main/ets/model/UniInitList.ets

@@ -14,7 +14,7 @@ export const uniInitList: UniListItem[] = [
     showExtraIcon: true,
     showArrow: true,
     //extraIcon: '',
-    url: 'dataSynchronism'
+    url: 'pages/sub_systemMaintenance/DataSynchronism'
   },
   {
     title: '单位查看',