zuel-itsm-3.0.2/assets/views/system/sysconfig.html

<section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle">系统配置
                <i tooltip='系统配置,点击操作处理数据' tooltip-placement="right"
                    class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i>
            </h1>
        </div>
    </div>
</section>
<div ng-controller="sysconfigCtrl">
    <div class="row margin-top-10 margin-bottom-10 w100">
        <div class="panel-item col-xs-12">
            <!-- 基本配置 -->
            <div class="panel panel-white">
                <div class="panel-hd">基本配置</div>
            </div>
            <div class="panel-bd">
                <div class="form-group col-sm-6" ng-repeat="item in baseConfig">
                    <label class="col-sm-4 control-label" for="{{item.keyconfig}}">
                        {{item.label}}：
                    </label>
                    <div class="col-sm-8">
                        <input ng-disabled="{{!(item.keyconfig == 'pwd'||item.keyconfig == 'conversationSeconds')}}"
                            id="{{item.keyconfig}}" class="form-control" ng-model="item.valueconfig">
                    </div>
                </div>
            </div>
            <!-- 缓存配置 -->
            <div class="panel panel-white">
                <div class="panel-hd">缓存配置</div>
            </div>
            <div class="panel-bd">
                <div class="form-group col-sm-6" ng-repeat="item in cacheConfig">
                    <label class="col-sm-4 control-label" for="{{item.keyconfig}}">
                        {{item.label}}：
                    </label>
                    <div class="col-sm-8">
                        <input ng-disabled="true" id="{{item.keyconfig}}" class="form-control"
                            ng-model="item.valueconfig">
                    </div>
                </div>
            </div>
            <!-- 报修主体 -->
            <div class="panel panel-white">
                <div class="panel-hd">报修主体</div>
            </div>
            <div class="panel-bd">
                <div class="form-group col-sm-6">
                    <label class="col-sm-4 control-label">
                        报修主体：
                    </label>
                    <div class="col-sm-8">
                        <ul class="tab_bdItem_tab">
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-click="repairMain.valueconfig = 1"
                                    ng-class="repairMain.valueconfig== 1?'active':''"></i>
                                <span>报修人</span>
                            </li>
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-click="repairMain.valueconfig = 2"
                                    ng-class="repairMain.valueconfig== 2?'active':''"></i>
                                <span>报修部门</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-4 control-label">
                        是否选择事件分类：
                    </label>
                    <div class="col-sm-8">
                        <ul class="tab_bdItem_tab">
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="reqHasCategory.valueconfig = 1;ifCreate.valueconfig = 0"
                                    ng-class="reqHasCategory.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="reqHasCategory.valueconfig = 0;ifCreate.valueconfig = 0"
                                    ng-class="reqHasCategory.valueconfig == 0?'active':''"></i>
                                <span>否</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="form-group col-sm-6" ng-if="reqHasCategory.valueconfig == 1">
                    <p style="position: absolute;left:25px;bottom:-25px;color: red;">(如果您选择自动建单必须设置一级事件分类的派单规则)</p>
                    <label class="col-sm-4 control-label">
                        是否自动建单：
                    </label>
                    <div class="col-sm-8">
                        <ul class="tab_bdItem_tab">
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="ifCreate.valueconfig = 1"
                                    ng-class="ifCreate.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="ifCreate.valueconfig = 0"
                                    ng-class="ifCreate.valueconfig == 0?'active':''"></i>
                                <span>否</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 报修人登录方式 -->
            <div class="panel panel-white">
                <div class="panel-hd">报修人登录方式</div>
            </div>
            <div class="panel-bd">
                <div class="form-group col-sm-6">
                    <label class="col-sm-4 control-label">
                        报修人登录方式：
                    </label>
                    <div class="col-sm-8">
                        <ul class="tab_bdItem_tab">
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-click="requesterLgoinType.valueconfig = 'wechat'"
                                    ng-class="requesterLgoinType.valueconfig== 'wechat'?'active':''"></i>
                                <span>微信登陆</span>
                            </li>
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-click="requesterLgoinType.valueconfig = 'web'"
                                    ng-class="requesterLgoinType.valueconfig== 'web'?'active':''"></i>
                                <span>账号登录</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 其他配置 -->
            <div class="panel panel-white">
                <div class="panel-hd">其他配置</div>
            </div>
            <div class="panel-bd">
                <div class="form-group col-sm-6">
                    <label class="col-sm-4 control-label">
                        自动关单时间：
                    </label>
                    <div class="col-sm-8">
                        <input ng-model="autoCloseIncidentHour.valueconfig" ng-keyup="changeAutoCloseIncidentHour($event)" class="autoCloseIncidentHour" type="number" step="1" min="0">小时
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-4 control-label">
                        是否需要绑定耗材：
                    </label>
                    <div class="col-sm-8">
                        <ul class="tab_bdItem_tab">
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="incidentWithConsumable.valueconfig = 1;"
                                    ng-class="incidentWithConsumable.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="incidentWithConsumable.valueconfig = 0;"
                                    ng-class="incidentWithConsumable.valueconfig == 0?'active':''"></i>
                                <span>否</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-4 control-label">
                        是否需要绑定资产：
                    </label>
                    <div class="col-sm-8">
                        <ul class="tab_bdItem_tab">
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="wxIncidentWithCmdb.valueconfig = 1;"
                                    ng-class="wxIncidentWithCmdb.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-click="wxIncidentWithCmdb.valueconfig = 0;"
                                    ng-class="wxIncidentWithCmdb.valueconfig == 0?'active':''"></i>
                                <span>否</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 保存 -->
            <div class="form-group margin-bottom-0">
                <div class="panel-footer text-center">
                    <div class="btn btn_search" ng-click="savesystem()" id="sub1">保存</div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .w100 {
        width: 100%;
    }

    .form-group {
        margin-bottom: 8px !important;
    }

    .panel-hd {
        height: 34px;
        line-height: 34px;
        background-color: #eaeaea;
        font-size: 16px;
        color: #333;
        padding-left: 16px;
    }

    .panel-item {
        padding-left: 0;
        padding-right: 0;
        margin-left: 16px;
        margin-right: 16px;
    }

    .panel {
        border: 1px solid #ddd;
    }

    .panel-bd {
        border: 1px solid #ddd;
        border-top: none;
        color: #333;
        font-size: 14px;
        overflow: hidden;
        padding-top: 16px;
        padding-bottom: 16px;
        background-color: #f9f9f9;
        margin-bottom: 16px;
    }

    .control-label {
        height: 34px;
        line-height: 34px;
    }

    .form-control {
        height: 34px;
    }

    .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;
    }

    .panel-footer {
        border: none;
    }
    .autoCloseIncidentHour{
        height: 34px;
    }
</style>