itsm-pc-handle/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'||item.keyconfig == 'systemName'||item.keyconfig == 'largeScreenName')}}"
                            id="{{item.keyconfig}}" class="form-control" ng-model="item.valueconfig">
                    </div>
                </div>
                <div class="form-group col-sm-6 sysUpload">
                    <label class="col-sm-4 control-label">
                        系统logo：
                    </label>
                    <div class="col-sm-8">
                        <div class="imgsBox">
                            <div class="fileupload pos-rlt" ng-repeat="(idx,imageSrc) in imgshows" style="position: relative">
                              <div style="border-radius: 5px;overflow: hidden;width: 100%;height: 100%;">
                                <img ng-src="{{imageSrc}}" style="max-height: 300px;margin: 0 auto;display: block;" class="pos-rlt" width="100%;" height="100%;" />
                              </div>
                              <i class="icon close" ng-click="uploadimg_del($index, imgshows)">×</i>
                            </div>
                            <div id="upupgogo" class="fileupload pos-rlt clear" style="position: relative">
                              <span class="icon ion-plus-round fileupload-icon">+</span>
                              <input type="file" onchange="angular.element(this).scope().change(this)" style="display: inline-block; width: 64px; height: 100%; opacity: 0;" class="upinp" uploader="uploader" accept="image/png,image/jpeg,image/jpg"  name="uploadedFile" nv-file-select="" />
                            </div>
                          </div>
                    </div>
                </div>
                <div class="form-group col-sm-6 sysUpload">
                    <label class="col-sm-4 control-label">
                        favicon图标：
                    </label>
                    <div class="col-sm-8">
                        <div class="imgsBox">
                            <div class="fileupload pos-rlt" ng-repeat="(idx,imageSrc) in imgshows1" style="position: relative">
                              <div style="border-radius: 5px;overflow: hidden;width: 100%;height: 100%;">
                                <img ng-src="{{imageSrc}}" style="max-height: 300px;margin: 0 auto;display: block;" class="pos-rlt" width="100%;" height="100%;" />
                              </div>
                              <i class="icon close" ng-click="uploadimg_del1($index, imgshows1)">×</i>
                            </div>
                            <div id="upupgogo1" class="fileupload pos-rlt clear" style="position: relative">
                              <span class="icon ion-plus-round fileupload-icon">+</span>
                              <input type="file" onchange="angular.element(this).scope().change1(this)" style="display: inline-block; width: 64px; height: 100%; opacity: 0;" class="upinp1" uploader="uploader1" accept="image/png,image/jpeg,image/jpg"  name="uploadedFile1" nv-file-select="" />
                            </div>
                          </div>
                    </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" ng-repeat="item in linkConfig">
                    <label class="col-sm-4 control-label" for="{{item.keyconfig}}">
                        {{item.label}}：
                    </label>
                    <div class="col-sm-8">
                        <input 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 action" ng-click="repairMain.valueconfig = 1">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="repairMain.valueconfig== 1?'active':''"></i>
                                <span>报修人</span>
                            </li>
                            <li class="fl action" ng-click="repairMain.valueconfig = 2">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" 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 action" ng-click="reqHasCategory.valueconfig = 1;ifCreate.valueconfig = 0">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="reqHasCategory.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl action" ng-click="reqHasCategory.valueconfig = 0;ifCreate.valueconfig = 0">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" 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 action" ng-click="ifCreate.valueconfig = 1">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="ifCreate.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl action" ng-click="ifCreate.valueconfig = 0">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="ifCreate.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 action" ng-click="ifRoom.valueconfig = 1">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="ifRoom.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl action" ng-click="ifRoom.valueconfig = 0">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="ifRoom.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 action" ng-click="requesterLgoinType.valueconfig = 'wechat'">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="requesterLgoinType.valueconfig== 'wechat'?'active':''"></i>
                                <span>微信登陆</span>
                            </li>
                            <li class="fl action" ng-click="requesterLgoinType.valueconfig = 'web'">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" 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" ng-if="hospitalObj.ccType">
                    <label class="col-sm-4 control-label">
                        三方通话设备：
                    </label>
                    <div class="col-sm-8">
                        <ul class="tab_bdItem_tab">
                            <li class="fl action" ng-click="changeCcType(1)">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="hospitalObj.ccType.value == 1?'active':''"></i>
                                <span>暂无</span>
                            </li>
                            <li class="fl action" ng-click="changeCcType(2)">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="hospitalObj.ccType.value == 2?'active':''"></i>
                                <span>东进呼叫中心</span>
                            </li>
                            <li class="fl action" ng-click="changeCcType(3)">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="hospitalObj.ccType.value == 3?'active':''"></i>
                                <span>申欧录音盒子</span>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.cassetteIP">
                    <label class="col-sm-4 control-label">
                        录音盒IP：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.cassetteIP.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.sernelNo">
                    <label class="col-sm-4 control-label">
                        录音盒编号：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.sernelNo.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.phone_num_port">
                    <label class="col-sm-4 control-label">
                        话机1：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.phone_num_port.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.phone_num_port2">
                    <label class="col-sm-4 control-label">
                        话机2：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.phone_num_port2.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.phone_num_port3">
                    <label class="col-sm-4 control-label">
                        话机3：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.phone_num_port3.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.phone_num_port4">
                    <label class="col-sm-4 control-label">
                        话机4：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.phone_num_port4.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.phone_num_port5">
                    <label class="col-sm-4 control-label">
                        话机5：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.phone_num_port5.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.phone_num_port6">
                    <label class="col-sm-4 control-label">
                        话机6：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.phone_num_port6.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.phone_num_port7">
                    <label class="col-sm-4 control-label">
                        话机7：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.phone_num_port7.value">
                    </div>
                </div>

                <div class="form-group col-sm-6" ng-if="hospitalObj.ccType.value == 3 && hospitalObj.phone_num_port8">
                    <label class="col-sm-4 control-label">
                        话机8：
                    </label>
                    <div class="col-sm-8">
                        <input class="form-control" ng-model="hospitalObj.phone_num_port8.value">
                    </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">
                        <ui-select ng-model="searchList.autoWechatDegree" theme="bootstrap">
                            <ui-select-match placeholder="请选择" allow-clear>
                                {{$select.selected.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in wxincident_degreeList | filter: $select.search">
                                <div ng-bind-html="item.name | highlight: $select.search"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-4 control-label">
                        事件自动评价：
                    </label>
                    <div class="col-sm-8">
                        <ui-select ng-model="searchList.autoIncidentDegree" theme="bootstrap">
                            <ui-select-match placeholder="请选择" allow-clear>
                                {{$select.selected.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in incident_degreeList | filter: $select.search">
                                <div ng-bind-html="item.name | highlight: $select.search"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                </div>
                <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 action" ng-click="incidentWithConsumable.valueconfig = 1;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="incidentWithConsumable.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl action" ng-click="incidentWithConsumable.valueconfig = 0;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" 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 action" ng-click="wxIncidentWithCmdb.valueconfig = 1;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="wxIncidentWithCmdb.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl action" ng-click="wxIncidentWithCmdb.valueconfig = 0;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="wxIncidentWithCmdb.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 action" ng-click="ifWorking.valueconfig = 1;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="ifWorking.valueconfig == 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl action" ng-click="ifWorking.valueconfig = 0;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="ifWorking.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 action" ng-click="integralMechanism.valueconfig = 0;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="integralMechanism.valueconfig == 0?'active':''"></i>
                                <span>无</span>
                            </li>
                            <li class="fl action" ng-click="integralMechanism.valueconfig = 1;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="integralMechanism.valueconfig == 1?'active':''"></i>
                                <span>全体人员</span>
                            </li>
                            <li class="fl action" ng-click="integralMechanism.valueconfig = 2;">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="integralMechanism.valueconfig == 2?'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="btn btn_search" style="margin-left: 8px;" ng-click="refreshCacheSingle('dictionary')">清除用户字典缓存</div>
                <div class="btn btn_search" style="margin-left: 8px;" ng-click="refreshCacheSingle('hosConfig')">清除院区设置缓存</div>
                <div class="btn btn_search" style="margin-left: 8px;" ng-click="refreshCacheSingle('incidentCategory')">清除故障现象缓存</div>
                <div class="btn btn_search" style="margin-left: 8px;" ng-click="refreshCacheSingle('user')">清除用户缓存</div>
                <div class="btn btn_search" style="margin-left: 8px;" ng-click="refreshCacheSingle('department')">清除科室缓存</div>
                <div class="btn btn_search" style="margin-left: 8px;" ng-click="refreshCacheSingle('branch')">清除院区缓存</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 class="btn btn_search" ng-click="refreshCache()">清除缓存</div> -->
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .sysUpload .imgsBox {
      display: flex;
      justify-content: space-between;
      padding: 10px 10px;
      background: #f9f9f9;
    }
    .sysUpload .fileupload {
      height: 64px;
      border: 1px dotted #ccc;
      display: inline-block;
      background: #fff;
      border-radius: 5px;
      color: #d8d8d8;
    }

    .sysUpload .fileupload-icon {
      font-size: 32px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .sysUpload .close {
      position: absolute;
      top: -5px;
      right: -6px;
      font-size: 16px;
      display: inline-block;
      width: 14px;
      height: 14px;
      color: #fff;
      background: #bd2535;
      line-height: 8px;
      text-align: center;
      border-radius: 9px;
      border: 1px solid #bd2535;
      opacity: 1;
      overflow: hidden;
    }

    .sysUpload .close:hover {
      opacity: 0.8;
    }
    .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>