diff --git a/projects/IoT/IoT.Shared/Application/Models/EditDataModel.cs b/projects/IoT/IoT.Shared/Application/Models/EditDataModel.cs
index 1513cb0a..0ad27c26 100644
--- a/projects/IoT/IoT.Shared/Application/Models/EditDataModel.cs
+++ b/projects/IoT/IoT.Shared/Application/Models/EditDataModel.cs
@@ -37,5 +37,9 @@ namespace Application.Models
         [HiddenInput(DisplayValue = false)]
         [ScaffoldColumn(true)]
         public string DeviceNumber { get; set; }
+
+        [HiddenInput(DisplayValue = false)]
+        [ScaffoldColumn(true)]
+        public string NodeNumber { get; set; }
     }
 }
\ No newline at end of file
diff --git a/projects/IoTCenter/Areas/Admin/Controllers/IoT/DataController.cs b/projects/IoTCenter/Areas/Admin/Controllers/IoT/DataController.cs
index 2ba747d0..c71092b5 100644
--- a/projects/IoTCenter/Areas/Admin/Controllers/IoT/DataController.cs
+++ b/projects/IoTCenter/Areas/Admin/Controllers/IoT/DataController.cs
@@ -30,7 +30,7 @@ namespace IoTCenter.Areas.Admin.Controllers
 
         public override IQueryable<Data> Include(IQueryable<Data> query)
         {
-            return query.Include(o => o.Device);
+            return query.Include(o => o.Device).ThenInclude(o => o.Node);
         }
 
         public override IQueryable<Data> Query(DataSearchModel model, IQueryable<Data> query)
@@ -45,13 +45,14 @@ namespace IoTCenter.Areas.Admin.Controllers
         public override void ToModel(Data entity, EditDataModel model)
         {
             model.DeviceNumber = entity.Device.Number;
+            model.NodeNumber = entity.Device.Node.Number;
         }
 
         public override IActionResult Edit(EditDataModel model)
         {
             if (ModelState.IsValid)
             {
-                this._pageHubContext.Clients.Group(model.DeviceNumber).SendAsync(Methods.ServerToClient, Methods.EditDataRequest, model.ToJson(), null);
+                this._pageHubContext.Clients.Group(model.NodeNumber).SendAsync(Methods.ServerToClient, Methods.EditDataRequest, model.ToJson(), null);
                 return RedirectTo();
             }
             ModelState.AddModelError("", "服务器出现异常，请稍后重试");
diff --git a/projects/IoTCenter/Views/Home/Node.cshtml b/projects/IoTCenter/Views/Home/Node.cshtml
index a6429775..6c51095e 100644
--- a/projects/IoTCenter/Views/Home/Node.cshtml
+++ b/projects/IoTCenter/Views/Home/Node.cshtml
@@ -62,6 +62,23 @@
                 position: absolute;
                 right: 0;
             }
+
+        .ptz {
+            width: 100%;
+        }
+
+            .ptz td {
+                text-align: center;
+                padding: 11px 0;
+            }
+
+        .btns {
+            padding: 0 18px;
+        }
+
+            .btns .btn {
+                margin: 18px 0;
+            }
     </style>
     <title>@HtmlTitle | @cfg["name"]</title>
 </head>
@@ -152,6 +169,7 @@
     <script src="~/lib/kindeditor/kindeditor-all-min.js"></script>
     <script src="~/lib/Chart.js/Chart.bundle.min.js"></script>
     <script src="~/lib/linq.js/linq.min.js"></script>
+    <script src="~/lib/flv.js/flv.min.js"></script>
     <script>
         $(function () {
             var template = 'node.default.html';//get template name from server
diff --git a/projects/IoTCenter/wwwroot/node.default.html b/projects/IoTCenter/wwwroot/node.default.html
index 8bd367ac..0e7d1e20 100644
--- a/projects/IoTCenter/wwwroot/node.default.html
+++ b/projects/IoTCenter/wwwroot/node.default.html
@@ -126,10 +126,44 @@
 </div>
 <div class="row" v-if="ViewModel">
     <div class="col-md-6">
-        浜戝彴
+        <div class="box box-solid">
+            <table class="ptz" v-if="PTZControlSupport()">
+                <tr>
+                    <td><img src="/images/zoomin.png" /></td>
+                    <td></td>
+                    <td><img src="/images/up.png" /></td>
+                    <td></td>
+                    <td><img src="/images/zoomout.png" /></td>
+                </tr>
+                <tr>
+                    <td></td>
+                    <td><img src="/images/left.png" /></td>
+                    <td><img src="/images/stop.png" /></td>
+                    <td><img src="/images/right.png" /></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td></td>
+                    <td></td>
+                    <td><img src="/images/down.png" /></td>
+                    <td></td>
+                    <td></td>
+                </tr>
+            </table>
+        </div>
     </div>
     <div class="col-md-6">
-        鍦烘櫙
+        <div class="box box-solid btns">
+            <div class="row">
+                <div class="col-md-6"><button class="btn btn-block btn-primary">涓�閿紑</button></div>
+                <div class="col-md-6"><button class="btn btn-block btn-primary">涓�閿叧</button></div>
+            </div>
+            <div class="row">
+                <div class="col-md-3" v-for="scene in ViewModel.Scenes">
+                    <button class="btn btn-block btn-info">{{scene.Name}}</button>
+                </div>
+            </div>
+        </div>
     </div>
 </div>
 <div class="row" v-if="ViewModel">
@@ -142,6 +176,7 @@
 </div>
 <script>
     var flvPlayer;
+    var decodedFrames;
     function UpdateChart(id, title, data, labels, colors, type) {
         var ctx = document.getElementById(id).getContext('2d');
         colors = colors || $.map(data, function (item) { return Color16(item); });
@@ -192,7 +227,7 @@
         UpdateCamera()
     });
     function UpdateCamera() {
-        var number = $('#camera').val(); alert(number);
+        var number = $('#camera').val();
         var device = Enumerable.from(vm.ViewModel.Devices).where(function (o) { return o.Number === number; }).firstOrDefault();
         var url = Enumerable.from(device.Data).where(o => o.Name === '涓荤爜娴乫lv').firstOrDefault().Value;
         closePlayer(flvPlayer);
@@ -290,7 +325,14 @@
                     .toArray();
             },
             CameraSelected() {
-                alert(1);
+                UpdateCamera();
+            },
+            PTZControlSupport() {
+                return true;
+                var number = $('#camera').val();
+                var device = Enumerable.from(vm.ViewModel.Devices).where(function (o) { return o.Number === number; }).firstOrDefault();
+                var data = Enumerable.from(device.Data).where(o => o.Name === '缂╂斁鏀寔').firstOrDefault().Value;
+                return data === '鏄�';
             }
         },
         destroy() {