manyi/static/1.0/tpl/joinDevManage.html

<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">加盟设备列表</h1>
</div>
<div class="wrapper-md " ng-controller="joinDevManageCtrl">
    <div class="panel panel-default">

        <div class="row wrapper">
            <div class="col-sm-3">
                <div class="btn btn-default" ng-click="joinStatusEdit()"><i class="fa  fa-power-off "></i> 加盟开关</div>
                <div class="btn btn-default" ng-click="ruleEdit()"><i class="fa fa-cog "></i> 加盟配置</div>
            </div>

            <div class="col-sm-9 text-right">
                <div class="m-l-xs  btn-group dropdown" dropdown is-open="startTimeOpen">
                    <input type="text" class="form-control  w-xs" dropdown-toggle
                           ng-model="query.startTime"
                           placeholder="开始日期">
                    <ul class="dropdown-menu" dropdown-menu>
                        <datetimepicker
                                data-datetimepicker-config="{modelType: 'YYYY-MM-DD',startView:'day',minView:'day'}"
                                on-set-time="timeChange()"
                                data-ng-model="query.startTime"></datetimepicker>
                    </ul>
                </div>
                <span class="v-middle">至</span>
                <div class="btn-group  dropdown" dropdown is-open="endTimeOpen">
                    <input type="text" class=" form-control  w-xs" dropdown-toggle
                           ng-model="query.endTime"
                           placeholder="结束日期">
                    <ul class="dropdown-menu" dropdown-menu>
                        <datetimepicker
                                data-datetimepicker-config="{modelType: 'YYYY-MM-DD',startView:'day',minView:'day'}"
                                on-set-time="timeChange()"
                                data-ng-model="query.endTime"></datetimepicker>
                    </ul>
                </div>

                <div class="btn-group dropdown" dropdown>
                    <input type="button" class="dropdown-toggle form-control  v-middle" value="快捷日期" dropdown-toggle>

                    <ul class="dropdown-menu" id="timeRange">
                        <li ng-click="ngEvent.quickTime($event,1)"><a href>今天</a></li>
                        <li ng-click="ngEvent.quickTime($event,7)"><a href>过去7天</a></li>
                        <li ng-click="ngEvent.quickTime($event,15)"><a href>过去15天</a></li>
                        <li ng-click="ngEvent.quickTime($event,30)"><a href>最近30天</a></li>
                        <li ng-click="ngEvent.quickTime($event,60)"><a href>最近60天</a></li>
                        <li ng-click="ngEvent.quickTime($event,90)"><a href>最近90天</a></li>
                    </ul>
                </div>

                <div class="input-group" style="width: 300px;  display: inline-table; vertical-align: middle;">
                    <input type="text" class=" form-control" ng-model="condition.searchKey"
                           ng-keydown="$event.keyCode==13&&event.search()"
                           placeholder="搜索">
                    <span class="input-group-btn">
                         <div class="btn  btn-default" 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:620px" ui-grid-pagination ui-grid-resize-columns
                 ui-grid-selection></div>
            <div class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载，请稍候...</span></div>
        </div>
    </div>

    <form name="joinRuleEdit" id="joinRuleEdit" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 800px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>配置加盟规则</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-3 control-label">加盟状态</label>
                    <div class="col-sm-9" ng-class="{'noClick fadeNode':dialogData.joinStatus==='joinerJoined'}">
                        <div class="radio pull-left">
                            <label class="i-checks">
                                <input type="radio" name="joinStatus" value="factoryJoined" required
                                       ng-model="dialogData.joinStatus">
                                <i></i>
                                默认厂家加盟
                            </label>
                        </div>

                        <div class="radio pull-left m-l">
                            <label class="i-checks">
                                <input type="radio" name="joinStatus" value="factoryAllowed" required
                                       ng-model="dialogData.joinStatus">
                                <i></i>
                                可被经销商加盟
                            </label>
                        </div>

                        <div class="radio pull-left m-l noClick fadeNode">
                            <label class="i-checks">
                                <input type="radio" name="joinStatus" value="joinerJoined" required
                                       ng-model="dialogData.joinStatus">
                                <i></i>
                                经销商已加盟
                            </label>
                        </div>

                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">加盟费</label>
                    <div class="col-sm-3">
                        <input type="number" min="0" step="0.01" ng-model="dialogData.joinMoney" required
                               class="form-control"
                               placeholder="">
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">分成比例</label>
                    <div class="col-sm-3">
                        <div class="input-group">
                            <input type="number" min="0" max="100" step="0.01" ng-model="dialogData.joinScale" required
                                   class="form-control"
                                   placeholder="">
                            <span class="input-group-addon">%</span>
                        </div>
                    </div>
                </div>

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

    <form name="joinStatusForm" id="joinStatusForm" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 800px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>加盟放权给经销商</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-3 control-label">加盟状态</label>
                    <div class="col-sm-9" ng-class="{'noClick fadeNode':dialogData.joinStatus==='joinerJoined'}">
                        <div class="radio pull-left">
                            <label class="i-checks">
                                <input type="radio" name="joinStatus" value="factoryJoined" required
                                       ng-model="dialogData.joinStatus">
                                <i></i>
                                默认厂家加盟
                            </label>
                        </div>

                        <div class="radio pull-left m-l">
                            <label class="i-checks">
                                <input type="radio" name="joinStatus" value="factoryAllowed" required
                                       ng-model="dialogData.joinStatus">
                                <i></i>
                                可被经销商加盟
                            </label>
                        </div>

                        <div class="radio pull-left m-l noClick fadeNode">
                            <label class="i-checks">
                                <input type="radio" name="joinStatus" value="joinerJoined" required
                                       ng-model="dialogData.joinStatus">
                                <i></i>
                                经销商已加盟
                            </label>
                        </div>

                    </div>
                </div>

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


</div>