设备详情页更新

projects/Demo/Demo/wwwroot/index.html

@@ -605,19 +605,48 @@
                     </template>
                 </ul>
             </div>
-            <div class="block-title">操作{{Device.Apis.length}}</div>
-            <div class="list">
-                <ul v-if="Device.Apis.length">
-                    <li v-for="api in Device.Apis">
-                        <div class="item-content">
-                            <div class="item-media"><i class="f7-icons">info</i></div>
-                            <div class="item-inner">
-                                <div class="item-title">{{api.Name}}</div>
-                                <div class="item-after"></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-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" />
+                                                </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>
+                                                <span class="field-validation-valid text-danger" :data-valmsg-for="parameter.Name" data-valmsg-replace="true"> </span>
+                                            </div>
+                                        </template>
+                                    </template>
+                                </template>
+                                <div class="col">
+                                    <button class="button button-fill button-outline" type="submit">{{api.Name}}</button>
+                                </div>
                             </div>
-                        </div>
-                    </li>
-                </ul>
+                        </form>
+                    </div>
+                </template>
             </div>
         </f7-page>
     </template>

projects/IoTCenter/Controllers/AppController.cs

@@ -33,7 +33,7 @@ namespace IoTCenter.Controllers
         {
             var userName = this._jwtHelper.GetPayload(token)["UserName"].ToString();
             var model = this._nodeRepo.ReadOnlyTable()
-                .Select(o => new { o.Number, o.Name, o.DisplayOrder, Count = o.Devices.Count })
+                .Select(o => new { o.Id, o.Number, o.Name, o.DisplayOrder, Count = o.Devices.Count })
                 .ToList();
             return Json(model);
         }