zuel-itsm-3.0.2/assets/views/system/tpl/area.html

<style>
    .titColor{
        color:black
    }
    .tab_bdItem_tab {
        margin-bottom: 0;
        overflow: hidden;
    }

    .tab_bdItem_tab li {
        margin-left: 24px;
        height: 34px;
        line-height: 34px;
    }

    .tab_bdItem_tabItem.active {
        color: #005395;
    }

    .tab_bdItem_tabItem {
        font-size: 14px;
        color: #ddd;
        cursor: pointer;
    }
</style>
<div class="modal-header bg-primary">
    <button type="button" class="close" ng-click="cancel()">×</button>
    <!-- <i class="fa fa-inbox"></i> -->
    <span class="label label-tag titColor">{{title}}</span>
</div>
<div class="modal-body">
    <div class="well-lg"><br/>
        <div class="row form-group">
            <label class="col-md-3 col-md-offset-1 control-label">所属校区*:</label>
            <div class="col-md-7">
                <ui-select style="width: 100%;" ng-model="search.hospital"
                    theme="bootstrap">
                    <ui-select-match placeholder="">
                        {{$select.selected.hosName}}
                    </ui-select-match>
                    <ui-select-choices repeat="item in outhospital | filter: $select.search">
                        <div ng-bind-html="item.hosName | highlight: $select.search"></div>
                    </ui-select-choices>
                </ui-select>
            </div>
        </div>
        <div class="row form-group">
            <label class="col-md-3 col-md-offset-1 control-label">区域*:</label>
            <div class="col-md-7">
                <input class="form-control" ng-model="check.areaName" placeholder="请输入区域名称" />
            </div>
        </div>
        <div class="row form-group">
            <label class="col-md-3 col-md-offset-1 control-label">区域别名:</label>
            <div class="col-md-7">
                <ui-select multiple tagging tagging-label="false" ng-model="check.areaAlias" theme="bootstrap" style="text-align:left;min-height: 100px;">
                    <ui-select-match placeholder="请输入区域别名">{{$item}}</ui-select-match>
                    <ui-select-choices repeat="color in check.areaAlias | filter:$select.search">
                        {{color}}
                    </ui-select-choices>
                </ui-select>
                <div class="red">填写区域别名后按Tab键自动填入！</div>
            </div>
        </div>
        <div class="row form-group">
            <label class="col-md-3 col-md-offset-1 control-label" style="height:34px; line-height:34px;">是否隐藏:</label>
            <div class="col-md-7">
                <ul class="tab_bdItem_tab">
                    <li class="fl">
                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="check.hidden = 1"
                            ng-class="check.hidden == 1?'active':''"></i>
                        <span>是</span>
                    </li>
                    <li class="fl">
                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="check.hidden = 0"
                            ng-class="check.hidden == 0?'active':''"></i>
                        <span>否</span>
                    </li>
                </ul>
            </div>
        </div>
        <!--<div class="row form-group">
            <label class="col-md-3 col-md-offset-1 control-label">角色代码:</label>
            <div class="col-md-7">
                <input class="form-control" ng-model="role.rolecode" placeholder="请输入角色代码..." />
            </div>
        </div>-->
        <div class="panel-footer text-center">
            <a ng-click="ok(check)" data-dismiss="modal" class="btn btn-primary">保存</a>
            <button class="btn btn-primary btn-o" ng-click="cancel()" translate="modal.button.CANCEL">取消</button>
        </div>
    </div>


    <!--<div class="modal-header bg-primary borderdown">
        <button type="button" class="close" ng-click="cancel()">×</button>
        <i class="fa fa-inbox"></i><span class="label label-tag">工作组设置</span>
    </div>
    <div class="modal-body">
        <div class="row form-group">
            <label class="col-md-3  control-label">工作组:</label>
            <div class="col-md-9">
                <input class="form-control" ng-model="role.role" placeholder="请输入工作组名称..." />
            </div>
        </div>
        <div>
            <button class="btn btn-primary buttonclass" ng-click="ok(key)" translate="modal.button.OK">OK</button>
            <button class="btn btn-primary btn-o buttonclass" ng-click="cancel()" translate="modal.button.CANCEL">Cancel</button>
        </div>
    </div>-->