diff --git a/entry/src/main/ets/view/DeviceDialog.ets b/entry/src/main/ets/view/DeviceDialog.ets
new file mode 100644
index 0000000000000000000000000000000000000000..c305f142ab874a3b774497ac6b2319a9d955a9a1
--- /dev/null
+++ b/entry/src/main/ets/view/DeviceDialog.ets
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2022 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import hardware_deviceManager from '@ohos.distributedHardware.deviceManager'
+import Logger from '../model/Logger'
+
+const TAG: string = 'DeviceDialog'
+
+@CustomDialog
+export struct DeviceDialog {
+  controller: CustomDialogController
+  private deviceLists: Array<hardware_deviceManager.DeviceInfo> = []
+  private selectedIndex: number = 0
+  private that: any
+  private selectedIndexChange: (selectedIndex: number) => void//经实际测试，这里似乎写不写后面的传参类型都可以
+
+  build() {
+    Column() {
+      Text($r('app.string.choiceDevice'))
+        .fontSize(30)
+        .width('100%')
+        .fontColor(Color.Black)
+        .textAlign(TextAlign.Start)
+        .fontWeight(FontWeight.Bold)
+      List() {
+        ForEach(this.deviceLists, (item, index) => {
+          ListItem() {
+            Row() {
+              Text(item.deviceName)
+                .fontSize(21)
+                .width('90%')
+                .fontColor(Color.Black)
+              Image(index === this.selectedIndex ? $r('app.media.checked') : $r('app.media.uncheck'))
+                .width('8%')
+                .objectFit(ImageFit.Contain)
+            }
+            .height(55)
+            .onClick(() => {
+              Logger.info(TAG, `select device: ${item.deviceId}`)
+              if (index === this.selectedIndex) {
+                Logger.info(TAG, 'index === this.selectedIndex')
+                return
+              }
+              this.selectedIndex = index
+              this.controller.close()
+              this.selectedIndexChange.apply(this.that,[this.selectedIndex])
+//              this.selectedIndexChange.call(this.that,this.selectedIndex)  call似乎用不了，只能用apply
+            })
+          }
+        }, item => item.deviceName)
+      }
+
+      Button() {
+        Text($r('app.string.cancel'))
+          .width('90%')
+          .fontSize(21)
+          .fontColor('#0D9FFB')
+          .textAlign(TextAlign.Center)
+      }
+      .type(ButtonType.Capsule)
+      .backgroundColor(Color.White)
+      .onClick(() => {
+        this.controller.close()
+      })
+    }
+    .padding(10)
+    .backgroundColor(Color.White)
+    .border({ color: Color.White, radius: 20 })
+  }
+}
\ No newline at end of file