From e06240f3856e39ff994fc832a2e8a1ee19d0ecc4 Mon Sep 17 00:00:00 2001
From: wanggang <76527413@qq.com>
Date: Fri, 19 Apr 2019 11:40:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0DEMO?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 projects/Demo/Demo/wwwroot/css/app.css |  10 +
 projects/Demo/Demo/wwwroot/index.html  | 284 +++++++++++++------------
 projects/Demo/Demo/wwwroot/js/app.js   | Bin 27464 -> 28580 bytes
 3 files changed, 153 insertions(+), 141 deletions(-)

diff --git a/projects/Demo/Demo/wwwroot/css/app.css b/projects/Demo/Demo/wwwroot/css/app.css
index e8086b56..086baeb7 100644
--- a/projects/Demo/Demo/wwwroot/css/app.css
+++ b/projects/Demo/Demo/wwwroot/css/app.css
@@ -23,4 +23,14 @@
 .col{
     text-align:center;
     padding-top: 5px;
+}
+img.shot {
+    max-width: 100%;
+    max-height: 100%;
+    width:100%;
+}
+img.shot.zoom {
+    width:auto;
+    max-width:none;
+    max-height: none;
 }
\ No newline at end of file
diff --git a/projects/Demo/Demo/wwwroot/index.html b/projects/Demo/Demo/wwwroot/index.html
index 272a9ffc..c58fa9ee 100644
--- a/projects/Demo/Demo/wwwroot/index.html
+++ b/projects/Demo/Demo/wwwroot/index.html
@@ -22,70 +22,10 @@
             </f7-view>
         </f7-app>
     </div>
-    <template id="page-home">
-        <f7-page :page-content="false" @page:reinit="vm.init">
-            <f7-navbar>
-                <f7-nav-title>{{vm.Title}}</f7-nav-title>
-            </f7-navbar>
-            <f7-toolbar tabbar labels bottom>
-                <f7-link tab-link="#tab-message" icon-ios="f7:chat" icon-md="f7:chat" text="消息"></f7-link>
-                <f7-link tab-link="#tab-nodes" icon-ios="f7:data" icon-md="f7:data" text="智慧教室" tab-link-active></f7-link>
-                <f7-link tab-link="#tab-user" icon-ios="f7:person" icon-md="f7:person" text="我的"></f7-link>
-            </f7-toolbar>
-            <f7-tabs>
-                <f7-tab id="tab-message" class="page-content">
-                    <template v-for="message in vm.Messages">
-                        <template v-if="message&&message.Data.length">
-                            <div class="block-title">{{message.DisplayName||message.Name}}</div>
-                            <div class="list">
-                                <ul v-if="message.Data.length">
-                                    <template v-for="p in message.Data">
-                                        <li v-if="p.Name!=='hidden'">
-                                            <div class="item-content">
-                                                <div class="item-media"><i class="f7-icons">info</i></div>
-                                                <div class="item-inner">
-                                                    <div class="item-title">{{p.Name}}</div>
-                                                    <div class="item-after">
-                                                        <span class="badge color-blue">
-                                                            {{p.Value}}
-                                                        </span>
-                                                        <span>&nbsp;</span>
-                                                        <span class="badge color-blue" v-if="p.Unit">
-                                                            {{p.Unit}}
-                                                        </span>
-                                                        <span>&nbsp;</span>
-                                                        <span class="badge color-blue" v-if="p.Description">
-                                                            {{p.Description}}
-                                                        </span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </li>
-                                    </template>
-                                </ul>
-                            </div>
-                        </template>
-                    </template>
-                </f7-tab>
-                <f7-tab id="tab-nodes" class="page-content" tab-active>
-                    <f7-list>
-                        <f7-list-item v-for="node in vm.Nodes" :title="node.Name" :badge="node.Count" :link="'/node/'+node.Number+'/name/'+node.Name"></f7-list-item>
-                    </f7-list>
-                </f7-tab>
-                <f7-tab id="tab-user" class="page-content">
-                    <f7-list>
-                        <f7-list-item title="用户名" :after="vm.UserName"></f7-list-item>
-                        <f7-list-item title="昵称" :after="vm.NickName"></f7-list-item>
-                        <f7-list-item link="/login/" title="注销"></f7-list-item>
-                    </f7-list>
-                </f7-tab>
-            </f7-tabs>
-        </f7-page>
-    </template>
     <template id="page-login">
         <f7-page>
             <f7-navbar title="登录"></f7-navbar>
-            <form v-bind:action="Server+'/Account/AppLogin'" v-on:submit.prevent="OnSubmit">
+            <form v-bind:action="Server+'/Account/AppLogin'" v-on:submit.prevent="OnSubmit" class="login">
                 <div class="list">
                     <ul>
                         <li class="item-content item-input item-input-outline">
@@ -144,16 +84,78 @@
             </form>
         </f7-page>
     </template>
+    <template id="page-home">
+        <f7-page :page-content="false" @page:reinit="vm.init">
+            <f7-navbar>
+                <f7-nav-title>{{vm.Title}}</f7-nav-title>
+            </f7-navbar>
+            <f7-toolbar tabbar labels bottom>
+                <f7-link tab-link="#tab-message" icon-ios="f7:chat" icon-md="f7:chat" text="消息"></f7-link>
+                <f7-link tab-link="#tab-nodes" icon-ios="f7:data" icon-md="f7:data" text="智慧教室" tab-link-active></f7-link>
+                <f7-link tab-link="#tab-user" icon-ios="f7:person" icon-md="f7:person" text="我的"></f7-link>
+            </f7-toolbar>
+            <f7-tabs>
+                <f7-tab id="tab-message" class="page-content">
+                    <template v-for="message in vm.Messages">
+                        <template v-if="message&&message.Data.length">
+                            <div class="block-title">{{message.DisplayName||message.Name}}</div>
+                            <div class="list">
+                                <ul v-if="message.Data.length">
+                                    <template v-for="p in message.Data">
+                                        <li v-if="p.Name!=='hidden'">
+                                            <div class="item-content">
+                                                <div class="item-media"><i class="f7-icons">info</i></div>
+                                                <div class="item-inner">
+                                                    <div class="item-title">{{p.Name}}</div>
+                                                    <div class="item-after">
+                                                        <span class="badge color-blue">
+                                                            {{p.Value}}
+                                                        </span>
+                                                        <span>&nbsp;</span>
+                                                        <span class="badge color-blue" v-if="p.Unit">
+                                                            {{p.Unit}}
+                                                        </span>
+                                                        <span>&nbsp;</span>
+                                                        <span class="badge color-blue" v-if="p.Description">
+                                                            {{p.Description}}
+                                                        </span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </li>
+                                    </template>
+                                </ul>
+                            </div>
+                        </template>
+                    </template>
+                </f7-tab>
+                <f7-tab id="tab-nodes" class="page-content" tab-active>
+                    <f7-list>
+                        <f7-list-item icon-ios="f7:chat" icon-md="f7:chat" v-for="node in vm.Nodes" :title="node.Name" :badge="node.Count" :link="'/node/'+node.Number+'/name/'+node.Name">
+                            <f7-icon slot="media" f7="link"></f7-icon>
+                        </f7-list-item>
+                    </f7-list>
+                </f7-tab>
+                <f7-tab id="tab-user" class="page-content">
+                    <f7-list>
+                        <f7-list-item title="用户名" :after="vm.UserName"></f7-list-item>
+                        <f7-list-item title="昵称" :after="vm.NickName"></f7-list-item>
+                        <f7-list-item link="/login/" title="注销"></f7-list-item>
+                    </f7-list>
+                </f7-tab>
+            </f7-tabs>
+        </f7-page>
+    </template>
     <template id="page-node">
         <f7-page>
             <f7-navbar>
                 <f7-navbar :title="Node.Name" back-link="Back"></f7-navbar>
             </f7-navbar>
-            <template :v-if="Node.Sences.length">
+            <template v-if="Node.Sences.length">
                 <div class="block-title">场景</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="sence in _.orderBy(Node.Sences,['DisplayOrder','Name'])" v-on:click="callSence(sence.Id)">
+                        <div class="col-50 tablet-33 desktop-20" v-for="sence in _.orderBy(Node.Sences,['DisplayOrder','Name'])" v-on:click="callSence(sence.Id)">
                             <a href="javascript:;" class="button button-raised button-fill">{{sence.Name}}</a>
                         </div>
                     </div>
@@ -163,7 +165,7 @@
                 <div class="block-title">监测</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('检测器','监测器')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('检测器','监测器')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -191,7 +193,7 @@
                 <div class="block-title">警报</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('感应器')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('感应器')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -206,7 +208,7 @@
                 <div class="block-title">主机</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('主机')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('主机')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -226,7 +228,7 @@
                 <div class="block-title">无线AP</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('AP')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('AP')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -245,7 +247,7 @@
                 <div class="block-title">一路可调窗帘</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('一路可调窗帘')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('一路可调窗帘')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -260,9 +262,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路可调窗帘','21on')">开</a>
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路可调窗帘','23stop')">停</a>
@@ -276,7 +277,7 @@
                 <div class="block-title">计量开关</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('计量开关')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('计量开关')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -289,9 +290,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('计量开关','21on')">全开</a>
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('计量开关','22off')">全关</a>
@@ -304,7 +304,7 @@
                 <div class="block-title">一路开关</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('一路照明开关')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('一路照明开关')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -317,9 +317,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路照明开关','21on')">全开</a>
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路照明开关','22off')">全关</a>
@@ -332,7 +331,7 @@
                 <div class="block-title">二路灯开关</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('二路灯开关')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('二路灯开关')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -353,9 +352,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路灯开关','21on')">全开</a>
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路灯开关','22off')">全关</a>
@@ -368,7 +366,7 @@
                 <div class="block-title">三路照明开关</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('三路照明开关')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('三路照明开关')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -389,9 +387,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','21on')">全开</a>
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','22off')">全关</a>
@@ -404,7 +401,7 @@
                 <div class="block-title">墙面插座</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('墙面插座')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('墙面插座')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -417,9 +414,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('墙面插座','21on')">全开</a>
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('墙面插座','22off')">全关</a>
@@ -432,7 +428,7 @@
                 <div class="block-title">一路插座</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('一路插座')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('一路插座')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -445,9 +441,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路插座','21on')">全开</a>
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路插座','22off')">全关</a>
@@ -460,7 +455,7 @@
                 <div class="block-title">二路插座</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('二路插座')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('二路插座')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -473,9 +468,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路插座','21on')">全开</a>
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路插座','22off')">全关</a>
@@ -488,7 +482,7 @@
                 <div class="block-title">密码门锁</div>
                 <div class="block block-strong">
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10" v-for="device in getDevices('密码门锁')">
+                        <div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('密码门锁')">
                             <div class="row">
                                 <a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
                             </div>
@@ -500,9 +494,8 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10"></div>
-                        <div class="col-33 tablet-20 desktop-10">
+                        <div class="col-50 tablet-33 desktop-20"></div>
+                        <div class="col-50 tablet-33 desktop-20">
                             <div class="row">
                                 <a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('密码门锁','21open')">全开</a>
                             </div>
@@ -606,51 +599,62 @@
                 </ul>
             </div>
             <div class="block-title" v-if="Device.Apis.length">操作</div>
-            <div class="row">
-                <template v-if="Device.Apis.length">
-                    <div class="col" v-for="api in  _.orderBy(Device.Apis,['Command'])">
-                        <form method="get" action="/Command/Exec" v-on:submit.prevent="call">
-                            <input type="hidden" name="cmd" :value="api.Command" />
-                            <input type="hidden" name="id" :value="Device.Id" />
-                            <div class="row">
+            <template v-if="Device.Apis.length">
+                <template v-for="api in  _.orderBy(Device.Apis,['Command'])">
+                    <form method="get" action="/Command/Exec" v-on:submit.prevent="call" class="command">
+                        <input type="hidden" name="cmd" :value="api.Command" />
+                        <input type="hidden" name="id" :value="Device.Id" />
+                        <div class="list">
+                            <ul>
                                 <template v-for="parameter in api.Parameters">
-                                    <template v-if="parameter.Name!='hidden'">
-                                        <template v-if="isSelect(Device,parameter.Name)">
-                                            <div class="col">
-                                                <select :name="parameter.Name" style="height:29px;" data-val="true" data-val-required="请选择">
-                                                    <option value="">请选择</option>
-                                                    <option v-for="option in getSelect(Device,parameter.Name)" :value="option.value">{{option.text}}</option>
-                                                </select>
-                                                <span class="field-validation-valid text-danger" :data-valmsg-for="parameter.Name" data-valmsg-replace="true"> </span>
-                                            </div>
-                                        </template>
-                                        <template v-else>
-                                            <div class="col">
-                                                <template v-if="parameter.Minimum||parameter.Maximnu">
-                                                    <input :name="parameter.Name" :value="getParameter(parameter.Name)" data-val="true" data-val-required="请输入"
-                                                           data-val-number="必须输入数字" :data-val-range="'范围:'+parameter.Minimum+'~'+parameter.Maximnu" :data-val-range-min="parameter.Minimum" :data-val-range-max="parameter.Maximnu"
-                                                           style="height:29px;" type="text" :placeholder="'请输入'+parameter.Description" />
+                                    <li class="item-content item-input item-input-outline" v-if="parameter.Name!='hidden'">
+                                        <div class="item-inner">
+                                            <div class="item-title item-floating-label">{{parameter.Description}}</div>
+                                            <div class="item-input-wrap">
+                                                <template v-if="isSelect(Device,parameter.Name)">
+                                                    <select :name="parameter.Name"
+                                                            data-val="true"
+                                                            :data-val-required="'请选择'+parameter.Description">
+                                                        <option value="">请选择</option>
+                                                        <option v-for="option in getSelect(Device,parameter.Name)" :value="option.value">{{option.text}}</option>
+                                                    </select>
+                                                    <span class="input-clear-button"></span>
                                                 </template>
                                                 <template v-else>
-                                                    <input :name="parameter.Name" :value="getParameter(parameter.Name)" data-val="true" data-val-required="请输入"
-                                                           style="height:29px;" type="text" :placeholder="'请输入'+parameter.Description" />
+                                                    <template v-if="parameter.Minimum||parameter.Maximnu">
+                                                        <input :name="parameter.Name" :value="getParameter(parameter.Name)" data-val="true" data-val-required="请输入"
+                                                               data-val-number="必须输入数字" :data-val-range="'范围:'+parameter.Minimum+'~'+parameter.Maximnu" :data-val-range-min="parameter.Minimum" :data-val-range-max="parameter.Maximnu"
+                                                               type="text" />
+                                                        <span class="input-clear-button"></span>
+                                                    </template>
+                                                    <template v-else>
+                                                        <input :name="parameter.Name"
+                                                               :value="getParameter(parameter.Name)"
+                                                               data-val="true"
+                                                               :data-val-required="'请输入'+parameter.Description"
+                                                               type="text" />
+                                                        <span class="input-clear-button"></span>
+                                                    </template>
                                                 </template>
-                                                <span class="field-validation-valid text-danger" :data-valmsg-for="parameter.Name" data-valmsg-replace="true"> </span>
                                             </div>
-                                        </template>
-                                    </template>
+                                            <span class="field-validation-valid text-danger" :data-valmsg-for="parameter.Name" data-valmsg-replace="true"> </span>
+                                        </div>
+                                    </li>
                                 </template>
-                                <div class="col">
-                                    <button class="button button-fill button-outline" type="submit">{{api.Name}}</button>
-                                </div>
-                            </div>
-                        </form>
-                    </div>
+                                <li>
+                                    <div class="item-content">
+                                        <div class="item-inner">
+                                            <button class="button button-fill button-outline" type="submit">{{api.Name}}</button>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </form>
                 </template>
-            </div>
+            </template>
         </f7-page>
     </template>
-    <!-- Page Not Found Template -->
     <template id="page-not-found">
         <f7-page>
             <f7-navbar title="Not found" back-link="Back"></f7-navbar>
@@ -671,8 +675,6 @@
                 </div>
             </div>
             <div class="page-content">
-                <div id="video-container" class="block">
-                </div>
             </div>
         </div>
     </div>
diff --git a/projects/Demo/Demo/wwwroot/js/app.js b/projects/Demo/Demo/wwwroot/js/app.js
index dc7e3c817e7a9b625075c17b729d6475dbebb41f..206728493fd4a2075d9042361bcbb870743590da 100644
GIT binary patch
delta 552
zcmaJ-F-Tic6uluo>5u0Bgc!7y)<hIF`2B()wSJ>UtKj0&BBcmwk{^vGKZ;hg6v^00
zlp_wMkPI$y>~rjp(MhyJhYq!aIF(|z4xxB|bZG^7yu*9vT+Y4c9)EQloI7@kwcXTB
zDSAT|C3Xv&u~zD!c8XJulC;UM2<iN`s%(<^3?=xc8JAeqD9o6qEX{M>DlJeBxmQnc
z*c^CjJFPL3X5MyLW1o3G88T^<agO=bs_$D?a_nJuGla)ca*K->CvH)G{lS5}t6pqP
zUr8RFCU~YWMR8^};P0R&cILi0@i9IQtIvx`Gl1cUEWViQF7fHXzErDo6T4-aEEK#U
zq`dwAaixF$F{uuxasU}6k4rTuDoRpA-YGXs@p?>7U@>lRj+Zz2vC{v{)-mXEW7sSE
zbl!@cBg@$=O5QfLJ^c67B&zzdPl8(+x#JO&T2Ou@;oXdi*~c~bp-Fh(T*RW%A#~%I
z_rn8R^{SZeY(!0;iqD1&zt)DWAsOYCApRJt$KrvqJiLM5LlOLH4P$%kA=Kz|d{<OE
aD=Nw!eukQG+7-k=k1UGOBd1u5Wdhge_?h+q

delta 182
zcmZ2-pYg;s#t921uBq63i*Xj)=2!C5SSEi^k((S7tTS05m=DNaF<FU4XmUWP#pHLY
zQQYbbX$<)cMGUzN>XSD{%-sAz?Sl4X1tYf22SO$=O`eb>F*zW@W%2^|O`Bgt1~7~2
zGw3rYFnBWLF=R5709lR<1q=n7&0}+gIC&YkfRaGCIiKS)+vE<Gn9URTeHeiZxy^3`
hzOhVR#H<7~h-<Tj*ac>0TL#<7j^g&4{iNow0su86J}LkJ