YLShipBuildLandMap/YLShipBuildLandMap.Web/wwwroot/app/main/systemsetting/role/edit.html

<style>
    .treebody {
        margin: 5px 0px 5px 20px;
    }
</style>
<div class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="width: 500px;">
        <div class="card">
            <div class="header"  dragable-header>
                <button type="button" class="close" ng-click="$hide()">&times;</button>
                <h4 class="modal-title">{{params.title}}</h4>
            </div>
            <div activate-input activate-select class="body">
                <form class="form-horizontal" role="form" id="roleform"
                      name="roleform" ng-submit="saveData(roleform.$valid)" novalidate>
                    <div class="dj-formtable">
                        <table class="dj-table">
                            <tr>
                                <th>角色名称：</th>
                                <td colspan="1" ng-class="{ 'has-error' : this.roleform.roleName.$invalid &&  this.roleform.$submitted}">
                                    <input type="text"
                                           name="roleName" ng-model="role.RoleName"
                                           class="form-control" ng-required="true" />
                                    <span ng-show="this.roleform.roleName.$invalid &&  this.roleform.$submitted"
                                          class="error">必填</span>
                                </td>

                            </tr>
                            <tr>
                                <th>角色描述：</th>
                                <td colspan="1">
                                    <input type="text" name="description" class="form-control" ng-model="role.Description"/>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-md-3" rowspan="9">权限管理:</th>
                                <td>
                                    <table style="border-collapse:collapse; width:100%;text-align: left;margin-top:5px;">
                                        <tr class="treebody" style="list-style:none; border-bottom:1.5px ridge #eee" ng-repeat="code in PcodeLists" ng-include="'node.html'">
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="form_foot">
                        <button type="button" class="btn btn-default" ng-click="$hide()">取消</button>
                        <button type="submit" class="btn btn-primary" form="roleform">保存</button>
                    </div>
                </form>
                <script type="text/ng-template" id="node.html">
                    <li class="row" style="padding:0px 15px">
                        <span>
                            <a href="" class="glyphicon {{code.changeClass}}" ng-click="getCodeByPCode(code)"></a>
                            <input type="checkbox" ng-model="code.isChecked" ng-change="chkchildren(code)" />
                            <span class="ModulesSpan" style="cursor: pointer; margin-top:2px;">{{code.myCode.FunctionName}}</span>
                        </span>
                    </li>
                    <div>
                        <div class="treebody" ng-if="code.changeShow" ng-repeat="code in code.childCode" ng-include="'node.html'" style="cursor: pointer;"></div>
                    </div>
                </script>
            </div>
        </div>
    </div>
</div>