manyi/static/1.0/tpl/joinerManage.html

<div ng-controller="joinerManageCtrl">
    <!--如果有agentId，说明是代理商的子路由，则不展示部分操作按钮-->
    <div class="bg-light lter b-b wrapper-md" ng-if="condition.agentId==null">
        <h1 class="m-n font-thin h4">加盟商管理</h1>
    </div>

    <div class="" ng-class="{'wrapper-md':condition.agentId==null}">
        <div class="panel panel-default">

            <div class="row wrapper">
                <div class="col-sm-9">
                    <div ng-if="condition.agentId==null">
                        <div class="btn btn-default" ng-click="edit()"><i class="fa fa-edit "></i> 编辑</div>
                        <div class="btn btn-default" ng-click="editPassword()"><i class="fa fa-key"></i> 修改密码</div>
                        <div class="btn btn-default" ng-click="unlock()"><i class="fa fa-unlock "></i> 解除登录限制</div>

                        <div class="btn btn-success" style="margin-left: 20px" ng-click="editDefaultJoiner()"><i class="iconfont icon-jiameng "
                                                                                       style="font-size: 14px"></i>
                            配置默认加盟商
                        </div>
                    </div>
                </div>


                <div class="col-sm-3">
                    <div class="input-group">
                        <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"
                     ng-style="{'min-height':condition.agentId==null?620:540}" ui-grid-pagination
                     ui-grid-selection></div>
                <div class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载，请稍候...</span></div>
            </div>
        </div>

        <form name="dealerForm" id="dealerPanel" class="form-horizontal form-validation modal fade" role="dialog"
              style=" width: 800px;">
            <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-3 control-label">名称</label>
                        <div class="col-sm-9">
                            <input type="text" ng-model="dialogData.name" class="form-control" placeholder="名称"
                                   required>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">电话</label>
                        <div class="col-sm-9">
                            <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$"
                                   ng-maxlength="11" maxlength="11"
                                   ng-model="dialogData.tel"
                                   class="form-control" placeholder="电话" required>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">openId</label>
                        <div class="col-sm-9">
                            <input type="text" ng-model="dialogData.openId" class="form-control" placeholder="openId">
                        </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="saveData()">保存
                    </button>
                </footer>
            </div>
        </form>

        <form name="passwordForm" id="passwordPanel" class="form-horizontal form-validation modal fade" role="dialog"
              style=" width: 800px;min-height: 300px;height: 300px;">
            <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">
                            <input type="text" ng-model="passwordData.password" class="form-control"
                                   ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
                                   placeholder="输入密码"
                                   required>
                        </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="savePassword()">保存
                    </button>
                </footer>
            </div>
        </form>


        <div id="detailInfoPanel" class="form-horizontal form-validation modal fade" role="dialog"
             style="min-height: 300px;height: 300px">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <strong>{{infoDetail.title}}</strong>
                </div>

                <div class="panel-body">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <pre>{{infoDetail.content | json}}</pre>
                        </div>
                    </div>
                </div>

                <footer class="panel-footer text-center bg-light lter">
                    <button type="button" class="btn btn-info margin-5" ng-click="closeDetailInfoPanel()"
                            style="margin-left: 8px"><i
                            class="fa fa-close"></i> 关闭
                    </button>
                </footer>
            </div>
        </div>


        <form name="editDefaultJoinerForm" id="editDefaultJoinerForm" 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-3">
                            <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$"
                                   ng-maxlength="11" maxlength="11"
                                   ng-model="dialogData.username"
                                   class="form-control" placeholder="手机号码" required>
                        </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.scale" 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="saveDefaultJoiner()">保存
                    </button>
                </footer>
            </div>
        </form>

    </div>
</div>