diff --git a/projects/WebApp/wwwroot/pages/iot/device/camera.html b/projects/WebApp/wwwroot/pages/iot/device/camera.html
index 6fd7f737..a7f45a92 100644
--- a/projects/WebApp/wwwroot/pages/iot/device/camera.html
+++ b/projects/WebApp/wwwroot/pages/iot/device/camera.html
@@ -8,28 +8,24 @@
                 <video :class="device.number" v-if="flvjs.isSupported()"></video>
                 <canvas :class="device.number" v-else></canvas>
             </div>
-            <div v-if="ptz" :class="'row ptz '+ device.number" style="box-sizing:border-box; width:320px;height:140px;margin:5px auto;" >
+            <div :class="'row ptz '+ device.number" style="box-sizing:border-box; width:320px;height:140px;margin:5px auto;" >
                 <table class="ptz" style="width:100%;height:100%;">
                     <tr>
-                        <td></td>
-                        <td></td>
-                        <td><img v-onclick="execApi(device.number,'/Camera/Up')" src="/IoTCenter/images/up.png" /></td>
-                        <td></td>
-                        <td></td>
+                        <td colspan="2" style="text-align:center;"><button class="weui-btn weui-btn_mini weui-btn_default" v-on:click="execApi(model.number,'/Onvif/StartRecord')">启动推流</button></td>
+                        <td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Up')" src="/IoTCenter/images/up.png" /></td>
+                        <td colspan="2" style="text-align:center;"><button class="weui-btn weui-btn_mini weui-btn_default" v-on:click="execApi(model.number,'/Onvif/StopRecord')">停止推流</button></td>
                     </tr>
                     <tr>
-                        <td><img v-onclick="execApi(device.number,'/Camera/Zoomin')" src="/IoTCenter/images/zoomin.png" /></td>
-                        <td><img v-onclick="execApi(device.number,'/Camera/Left')"   src="/IoTCenter/images/left.png" /></td>
-                        <td><img v-onclick="execApi(device.number,'/Camera/Stop')"   src="/IoTCenter/images/stop.png" /></td>
-                        <td><img v-onclick="execApi(device.number,'/Camera/Right')"  src="/IoTCenter/images/right.png" /></td>
-                        <td><img v-onclick="execApi(device.number,'/Camera/Zoomout')" src="/IoTCenter/images/zoomout.png" /></td>
+                        <td><img v-if="ptz"  v-on:click="execApi(device.number,'/Camera/Zoomin')" src="/IoTCenter/images/zoomin.png" /></td>
+                        <td><img v-if="ptz"  v-on:click="execApi(device.number,'/Camera/Left')"   src="/IoTCenter/images/left.png" /></td>
+                        <td><img v-if="ptz"  v-on:click="execApi(device.number,'/Camera/Stop')"   src="/IoTCenter/images/stop.png" /></td>
+                        <td><img v-if="ptz"  v-on:click="execApi(device.number,'/Camera/Right')"  src="/IoTCenter/images/right.png" /></td>
+                        <td><img v-if="ptz"  v-on:click="execApi(device.number,'/Camera/Zoomout')" src="/IoTCenter/images/zoomout.png" /></td>
                     </tr>
                     <tr>
-                        <td></td>
-                        <td></td>
-                        <td><img v-onclick="execApi(device.number,'/Camera/Down')" src="/IoTCenter/images/down.png" /></td>
-                        <td></td>
-                        <td></td>
+                        <td colspan="2" style="text-align:center;"><button class="weui-btn weui-btn_mini weui-btn_default" v-on:click="execApi(model.number,'/Onvif/StartPush')">开始录像</button></td>
+                        <td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Down')" src="/IoTCenter/images/down.png" /></td>
+                        <td colspan="2" style="text-align:center;"><button class="weui-btn weui-btn_mini weui-btn_default" v-on:click="execApi(model.number,'/Onvif/StopPush')">停止录像</button></td>
                     </tr>
                 </table>
             </div>