diff --git a/projects/WebApp/wwwroot/pages/iot/device/ir.html b/projects/WebApp/wwwroot/pages/iot/device/ir.html
index 07eaf815..d7df9088 100644
--- a/projects/WebApp/wwwroot/pages/iot/device/ir.html
+++ b/projects/WebApp/wwwroot/pages/iot/device/ir.html
@@ -1,347 +1,373 @@
 <template>
-    <div class="card" style="box-sizing:border-box;height:550px;margin:10px;">
-        <div class="card-header">
-            {{device.displayName}}{{this.code}}
-            <span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span>
-            <span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
-        </div>
-        <div class="card-body" style="padding:0;">
-            <div class="weui-tab">
-                <div class="weui-navbar">
-                    <a href="javascript:;" class="weui-tabbar__item">
-                        <p class="weui-tabbar__label">空调</p>
-                    </a>
-                    <a href="javascript:;" class="weui-tabbar__item">
-                        <p class="weui-tabbar__label">电视</p>
-                    </a>
-                    <a href="javascript:;" class="weui-tabbar__item">
-                        <p class="weui-tabbar__label">机顶盒</p>
-                    </a>
-                    <a href="javascript:;" class="weui-tabbar__item">
-                        <p class="weui-tabbar__label">自定义</p>
-                    </a>
-                </div>
-                <div class="weui-tab__panel media ir">
-                    <div class="weui-tab__content">
-                        <table>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="power.value" v-on:click="changePower($event.target.value)">电源</button>
-                                </td>
-                                <td></td>
-                                <td>{{power.name}}</td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="pattern.value" v-on:click="changePattern($event.target.value)">模式</button>
-                                </td>
-                                <td></td>
-                                <td>{{pattern.name}}</td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="wind.value" v-on:click="changeWind($event.target.value)">风速</button>
-                                </td>
-                                <td></td>
-                                <td>{{wind.name}}</td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="direction.value" v-on:click="changeDirection($event.target.value)">风向</button>
-                                </td>
-                                <td></td>
-                                <td>{{direction.name}}</td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="temperature.value" v-on:click="changeTemperature($event.target.value,-1)">-</button>
-                                </td>
-                                <td>
-                                    {{temperature.name}}
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="temperature.value" v-on:click="changeTemperature($event.target.value,1)">+</button>
-                                </td>
-                            </tr>
-                        </table>
+    <div>
+        <div class="card" style="box-sizing:border-box;height:550px;margin:10px;">
+            <div class="card-header">
+                {{device.displayName}}{{this.code}}
+                <span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span>
+                <span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
+            </div>
+            <div class="card-body" style="padding:0;">
+                <div class="weui-tab">
+                    <div class="weui-navbar">
+                        <a href="javascript:;" class="weui-tabbar__item">
+                            <p class="weui-tabbar__label">空调</p>
+                        </a>
+                        <a href="javascript:;" class="weui-tabbar__item">
+                            <p class="weui-tabbar__label">电视</p>
+                        </a>
+                        <a href="javascript:;" class="weui-tabbar__item">
+                            <p class="weui-tabbar__label">机顶盒</p>
+                        </a>
+                        <a href="javascript:;" class="weui-tabbar__item">
+                            <p class="weui-tabbar__label">自定义</p>
+                        </a>
                     </div>
-                    <div class="weui-tab__content">
-                        <table>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="send($event.target.value,2)">电源</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="send($event.target.value,2)">AV</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="send($event.target.value,2)">静音</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="send($event.target.value,2)">1</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="send($event.target.value,2)">2</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="3" v-on:click="send($event.target.value,2)">3</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="4" v-on:click="send($event.target.value,2)">4</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="5" v-on:click="send($event.target.value,2)">5</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="6" v-on:click="send($event.target.value,2)">6</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="7" v-on:click="send($event.target.value,2)">7</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="send($event.target.value,2)">8</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="9" v-on:click="send($event.target.value,2)">9</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="13" v-on:click="send($event.target.value,2)">返回</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="send($event.target.value,2)">0</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="14" v-on:click="send($event.target.value,2)">退出</button>
-                                </td>
+                    <div class="weui-tab__panel media ir">
+                        <div class="weui-tab__content">
+                            <table>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="power.value" v-on:click="changePower($event.target.value)">电源</button>
+                                    </td>
+                                    <td></td>
+                                    <td>{{power.name}}</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="pattern.value" v-on:click="changePattern($event.target.value)">模式</button>
+                                    </td>
+                                    <td></td>
+                                    <td>{{pattern.name}}</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="wind.value" v-on:click="changeWind($event.target.value)">风速</button>
+                                    </td>
+                                    <td></td>
+                                    <td>{{wind.name}}</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="direction.value" v-on:click="changeDirection($event.target.value)">风向</button>
+                                    </td>
+                                    <td></td>
+                                    <td>{{direction.name}}</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="temperature.value" v-on:click="changeTemperature($event.target.value,-1)">-</button>
+                                    </td>
+                                    <td>
+                                        {{temperature.name}}
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" :value="temperature.value" v-on:click="changeTemperature($event.target.value,1)">+</button>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                        <div class="weui-tab__content">
+                            <table>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="send($event.target.value,2)">电源</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="send($event.target.value,2)">AV</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="send($event.target.value,2)">静音</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="send($event.target.value,2)">1</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="send($event.target.value,2)">2</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="3" v-on:click="send($event.target.value,2)">3</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="4" v-on:click="send($event.target.value,2)">4</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="5" v-on:click="send($event.target.value,2)">5</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="6" v-on:click="send($event.target.value,2)">6</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="7" v-on:click="send($event.target.value,2)">7</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="send($event.target.value,2)">8</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="9" v-on:click="send($event.target.value,2)">9</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="13" v-on:click="send($event.target.value,2)">返回</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="send($event.target.value,2)">0</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="14" v-on:click="send($event.target.value,2)">退出</button>
+                                    </td>
 
-                            </tr>
-                            <tr>
-                                <td>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="19" v-on:click="send($event.target.value,2)">上</button>
-                                </td>
-                                <td>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="21" v-on:click="send($event.target.value,2)">左</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="23" v-on:click="send($event.target.value,2)">OK</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="22" v-on:click="send($event.target.value,2)">右</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="send($event.target.value,2)">下</button>
-                                </td>
-                                <td>
-                                </td>
-                            </tr>
+                                </tr>
+                                <tr>
+                                    <td>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="19" v-on:click="send($event.target.value,2)">上</button>
+                                    </td>
+                                    <td>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="21" v-on:click="send($event.target.value,2)">左</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="23" v-on:click="send($event.target.value,2)">OK</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="22" v-on:click="send($event.target.value,2)">右</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="send($event.target.value,2)">下</button>
+                                    </td>
+                                    <td>
+                                    </td>
+                                </tr>
 
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="17" v-on:click="send($event.target.value,2)">+</button>
-                                </td>
-                                <td>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="24" v-on:click="send($event.target.value,2)">↑</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    音量
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="16" v-on:click="send($event.target.value,2)">菜单</button>
-                                </td>
-                                <td>
-                                    频道
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="18" v-on:click="send($event.target.value,2)">-</button>
-                                </td>
-                                <td>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="send($event.target.value,2)">↓</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="26" v-on:click="send($event.target.value,2)">快退</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="send($event.target.value,2)">播放</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="send($event.target.value,2)">快进</button>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-                    <div class="weui-tab__content">
-                        <table>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="send($event.target.value,3)">电源</button>
-                                </td>
-                                <td></td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="send($event.target.value,3)">静音</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="send($event.target.value,3)">1</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="send($event.target.value,3)">2</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="3" v-on:click="send($event.target.value,3)">3</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="4" v-on:click="send($event.target.value,3)">4</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="5" v-on:click="send($event.target.value,3)">5</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="6" v-on:click="send($event.target.value,3)">6</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="7" v-on:click="send($event.target.value,3)">7</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="send($event.target.value,3)">8</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="9" v-on:click="send($event.target.value,3)">9</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="13" v-on:click="send($event.target.value,3)">返回</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="send($event.target.value,3)">0</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="14" v-on:click="send($event.target.value,3)">退出</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="19" v-on:click="send($event.target.value,3)">上</button>
-                                </td>
-                                <td>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="21" v-on:click="send($event.target.value,3)">左</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="23" v-on:click="send($event.target.value,3)">OK</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="22" v-on:click="send($event.target.value,3)">右</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="send($event.target.value,3)">下</button>
-                                </td>
-                                <td>
-                                </td>
-                            </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="17" v-on:click="send($event.target.value,2)">+</button>
+                                    </td>
+                                    <td>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="24" v-on:click="send($event.target.value,2)">↑</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        音量
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="16" v-on:click="send($event.target.value,2)">菜单</button>
+                                    </td>
+                                    <td>
+                                        频道
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="18" v-on:click="send($event.target.value,2)">-</button>
+                                    </td>
+                                    <td>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="send($event.target.value,2)">↓</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="26" v-on:click="send($event.target.value,2)">快退</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="send($event.target.value,2)">播放</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="send($event.target.value,2)">快进</button>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                        <div class="weui-tab__content">
+                            <table>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="send($event.target.value,3)">电源</button>
+                                    </td>
+                                    <td></td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="send($event.target.value,3)">静音</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="send($event.target.value,3)">1</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="send($event.target.value,3)">2</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="3" v-on:click="send($event.target.value,3)">3</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="4" v-on:click="send($event.target.value,3)">4</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="5" v-on:click="send($event.target.value,3)">5</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="6" v-on:click="send($event.target.value,3)">6</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="7" v-on:click="send($event.target.value,3)">7</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="send($event.target.value,3)">8</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="9" v-on:click="send($event.target.value,3)">9</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="13" v-on:click="send($event.target.value,3)">返回</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="send($event.target.value,3)">0</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="14" v-on:click="send($event.target.value,3)">退出</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="19" v-on:click="send($event.target.value,3)">上</button>
+                                    </td>
+                                    <td>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="21" v-on:click="send($event.target.value,3)">左</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="23" v-on:click="send($event.target.value,3)">OK</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="22" v-on:click="send($event.target.value,3)">右</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="8" v-on:click="send($event.target.value,3)">下</button>
+                                    </td>
+                                    <td>
+                                    </td>
+                                </tr>
 
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="17" v-on:click="send($event.target.value,3)">+</button>
-                                </td>
-                                <td>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="24" v-on:click="send($event.target.value,3)">↑</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    音量
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="16" v-on:click="send($event.target.value,3)">菜单</button>
-                                </td>
-                                <td>
-                                    频道
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="18" v-on:click="send($event.target.value,3)">-</button>
-                                </td>
-                                <td>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="send($event.target.value,3)">↓</button>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="26" v-on:click="send($event.target.value,3)">快退</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="send($event.target.value,3)">播放</button>
-                                </td>
-                                <td>
-                                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="send($event.target.value,3)">快进</button>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-                    <div class="weui-tab__content">
-                        <div class="button-sp-area cell" style="width:100%;height:450px;overflow:auto;">
-                            <button v-for="button in getCustomButtons()" type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 m-2" :value="button.value" v-on:click="send($event.target.value,5)">{{button.name}}</button>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="17" v-on:click="send($event.target.value,3)">+</button>
+                                    </td>
+                                    <td>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="24" v-on:click="send($event.target.value,3)">↑</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        音量
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="16" v-on:click="send($event.target.value,3)">菜单</button>
+                                    </td>
+                                    <td>
+                                        频道
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="18" v-on:click="send($event.target.value,3)">-</button>
+                                    </td>
+                                    <td>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="send($event.target.value,3)">↓</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="26" v-on:click="send($event.target.value,3)">快退</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="send($event.target.value,3)">播放</button>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="send($event.target.value,3)">快进</button>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                        <div class="weui-tab__content">
+                            <div class="button-sp-area cell" style="width:100%;height:450px;overflow:auto;">
+                                <button v-for="button in getCustomButtons()" type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 m-2" :value="button.value" v-on:click="send($event.target.value,5)">{{button.name}}</button>
+                            </div>
                         </div>
                     </div>
                 </div>
             </div>
-            <div v-if="edit" class="card">
-                EDIT
+        </div>
+        <div v-if="edit" class="card" style="box-sizing:border-box;margin:10px;">
+            <div class="card-header">遥控器匹配</div>
+            <div class="card-body">
+                <button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 m-2" v-on:click="execApi(device.number,'/Ir/MathAir1')" value="1">空调匹配</button>
+                <button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 m-2" v-on:click="execApi(device.number,'/Ir/MathAir2')" value="2">电视匹配</button>
+                <button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 m-2" v-on:click="execApi(device.number,'/Ir/MathAir3')" value="3">机顶盒匹配</button>
+            </div>
+        </div>
+        <div v-if="edit" class="card" style="box-sizing:border-box;margin:10px;">
+            <div class="card-header">
+                自定义指令
+                <div class="float-right">
+                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2" v-on:click="add()">添加</button>
+                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2" v-on:click="save($event)">保存</button>
+                </div>
+            </div>
+            <div class="card-body">
+                <div class="row p-2" v-for="button in getCustomButtons()">
+                    <input class="form-control col" type="text" name="name" :value="button.name" placeholder="名称" />
+                    <input class="form-control col" type="text" name="value" :value="button.value" placeholder="按键" />
+                    <input class="form-control col" type="text" name="order" :value="button.order" placeholder="序号" />
+                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 mx-2" v-on:click="study(button.value)">学习</button>
+                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 mx-2" v-on:click="test(button.value)">测试</button>
+                    <button type="button" class="weui-btn weui-btn_mini weui-btn_default px-2 mx-2" v-on:click="remove(button.name)">移除</button>
+                </div>
             </div>
         </div>
     </div>
 </template>
 <script>
     ({
-        props: ['device','edit'],
+        props: ['device', 'edit'],
         mounted: function () {
             weui.tab('.weui-tab');
         },
@@ -399,6 +425,46 @@
                 return Enumerable.from(JSON.parse(getDeviceDataValue(this.device, "指令")))
                     .orderBy(function (o) { return o.order; })
                     .toArray();
+            },
+            add: function () {
+                var data = Enumerable.from(this.device.data)
+                    .where(function (o) { return o.name === "指令"; })
+                    .firstOrDefault();
+                var buttons = this.getCustomButtons();
+                var newBtn = { name: "测试", value: "603", order: 100 };
+                buttons.push(newBtn);
+                data.value = JSON.stringify(buttons);
+            },
+            remove: function (name) {
+                var data = Enumerable.from(this.device.data)
+                    .where(function (o) { return o.name === "指令"; })
+                    .firstOrDefault();
+                var buttons = this.getCustomButtons();
+                for (var i = buttons.length - 1; i >= 0; i--) {
+                    if (buttons[i].name === name) {
+                        buttons.splice(i, 1);
+                        break;
+                    }
+                }
+                data.value = JSON.stringify(buttons);
+            },
+            study: function (code) {
+                execApi(this.device.number, '/Ir/Study', 'type=' + 5 + '&code=' + code);
+            },
+            test: function (code) {
+                execApi(this.device.number, '/Ir/Send', 'type=' + 5 + '&code=' + code);
+            },
+            save: function (e) {
+                var buttons = [];
+                $(e.target).parents('.card').find('.row').each(function () {
+                    buttons.push({
+                        name: $(this).find("input[name='name']").val(),
+                        value: $(this).find("input[name='value']").val(),
+                        order: $(this).find("input[name='order']").val()
+                    });
+                });
+                var value = JSON.stringify(buttons);
+                execApi(this.device.number, '/Ir/Buttons', 'buttons=' + value);
             }
         },
         computed: {