manyi/static/administrator/tpl/devCommand.html

<div class="wrapper-md" ng-controller="devCommandCtrl">

    <div class="panel panel-default">
        <div class="panel-heading font-bold">设备命令</div>

        <div class="row wrapper">
            <div class="col-sm-5">
                <div class="btn btn-default" ng-click="addDevCommand()"><i class="fa fa-plus-circle"></i> 新增</div>
                <div class="btn btn-default" ng-click="editDevCommand()"><i class="fa fa-edit "></i> 修改</div>
                <div class="btn btn-default" ng-click="deleteDevCommand()"><i class="fa fa-trash-o"></i> 删除</div>
            </div>

            <div class="col-sm-7 form-inline text-right">
                <ui-select ng-model="condition.searchType" theme="bootstrap" class=" inline v-middle">
                    <ui-select-match placeholder="">{{$select.selected.text}}</ui-select-match>
                    <ui-select-choices repeat="item in condition.searchTypeList| filter: $select.search">
                        <div ng-bind-html="item.text | highlight: $select.search"></div>
                    </ui-select-choices>
                </ui-select>

                <div class="input-group ">
                    <input type="text" class="form-control" ng-model="condition.searchKey"
                           ng-keydown="$event.keyCode==13&&event.search()"
                           placeholder="{{condition.searchType.value=='code'?'驱动编码':'命令信息'}}">
                    <span class="input-group-btn">
                         <div class="btn  btn-default btn-success" ng-click="event.search()"><i
                                 class="fa fa-search"></i> 搜索</div>
                    </span>
                </div>
            </div>
        </div>

        <div class="table-responsive">
            <div ui-grid="gridOptions" style="min-height:420px" ui-grid-pagination
                 ui-grid-selection></div>
        </div>
    </div>

    <form name="devCommandForm" id="devCommandForm" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 1366px;height: 680px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong ng-bind="dialogName"></strong>
            </div>

            <div class="panel-body">

                <div class="form-group">
                    <label class="col-sm-2 control-label">是否通用：</label>
                    <div class="col-sm-10">
                        <div class="pull-left " title="通用命令无需填写驱动编码">
                            <div class="checkbox">
                                <label class="i-checks">
                                    <input type="checkbox" ng-model="dialogData.common" value="">
                                    <i></i>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">是否启用：</label>
                    <div class="col-sm-10">
                        <div class="pull-left " title="">
                            <div class="checkbox">
                                <label class="i-checks">
                                    <input type="checkbox" ng-model="dialogData.active" value="">
                                    <i></i>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">指令前缀：</label>
                    <div class="col-sm-10">
                        <div class="radio pull-left">
                            <label class="i-checks">
                                <input type="radio" name="topic_pre" required value="smartBox"
                                       ng-model="dialogData.topic_pre">
                                <i></i>
                                smartBox
                            </label>
                        </div>

                        <div class="radio pull-left m-l">
                            <label class="i-checks">
                                <input type="radio" name="topic_pre" required value="server"
                                       ng-model="dialogData.topic_pre">
                                <i></i>
                                server
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">允许使用的角色：</label>
                    <div class="col-sm-10">
                        <div class="radio pull-left">
                            <label class="i-checks">
                                <input type="radio" name="role" required value="supermanager"
                                       ng-model="dialogData.role">
                                <i></i>
                                supermanager
                            </label>
                        </div>

                        <div class="radio pull-left m-l">
                            <label class="i-checks">
                                <input type="radio" name="role" required value="manager"
                                       ng-model="dialogData.role">
                                <i></i>
                                manager
                            </label>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 control-label">驱动编码：</label>
                    <div class="col-sm-2">
                        <ui-select ng-model="dialogData.driverCodeSelect" theme="bootstrap"
                                   ng-disabled="dialogData.common">
                            <ui-select-match placeholder="选择驱动编码...">{{$select.selected.code}}</ui-select-match>
                            <ui-select-choices repeat="codeItem in config.driverCodeList| filter: $select.search">
                                <div ng-bind-html="codeItem.code+' '+codeItem.name | highlight: $select.search"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-2 control-label">描述：</label>
                    <div class="col-sm-5">
                        <input type="text" ng-model="dialogData.description" class="form-control" placeholder="描述" required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 control-label">允许使用的客户ID：</label>
                    <div class="col-sm-5">
                        <input type="text" ng-model="dialogData.clientId" class="form-control" placeholder="允许使用的客户ID">
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 control-label">功能码：</label>
                    <div class="col-sm-2">
                        <input type="text" ng-model="dialogData.cmd" class="form-control" placeholder="功能码"
                               required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 control-label">参数列表：</label>
                    <div class="col-sm-10 form-inline">
                        <div ng-repeat="(index,item) in dialogData.params" class="info-inline package-item">
                            描述：<input type="text" ng-model="dialogData.params[$index].description" class="form-control"
                                      placeholder="描述" required>
                            参数键：<input type="text" ng-model="dialogData.params[$index].key" class="form-control"
                                       placeholder="参数键" required>
                            默认值：<input type="text" ng-model="dialogData.params[$index].default" class="form-control"
                                       placeholder="默认值" required>
                            是否允许修改默认值：
                                <div class="radio" style="padding-top: 0">
                                    <label class="i-checks">
                                        <input type="radio" name="{{'allow_change'+index}}" required ng-value="true"
                                               ng-model="dialogData.params[$index].allow_change">
                                        <i></i>
                                        是
                                    </label>
                                </div>

                                <div class="radio m-l" style="padding-top: 0">
                                    <label class="i-checks">
                                        <input type="radio" name="{{'allow_change'+index}}" required ng-value="false"
                                               ng-model="dialogData.params[$index].allow_change">
                                        <i></i>
                                        否
                                    </label>
                                </div>

                            <span class="btn btn-danger btn-sm delete-btn m-l"
                                  ng-click="deleteParam($index)">删除</span>
                        </div>

                        <div class="info-inline ">
                            <span class="btn btn-info " ng-click="addParam()">添加</span>
                        </div>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveDevTypeData()">保存
                </button>
            </footer>
        </div>
    </form>

</div>