itsm-pc-handle/assets/views/system/wxconfig.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="wxconfigCtrl">
    <div class="row margin-top-10 margin-bottom-10">
        <div class="panel-item col-xs-12">
            <div class="panel panel-white">
                <!-- 微信基本配置 -->
                <div class="panel panel-white">
                    <div class="panel-hd">微信基本配置</div>
                </div>
                <div class="panel-bd">
                    <!-- 微信运维 -->
                    <div class="form-group col-sm-6 pull-left" style="border-right: 2px solid #ddd;">
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                微信处理人APPID：
                            </label>
                            <div class="col-sm-7">
                                <input ng-disabled="true" class="form-control" ng-model="maintenance.appId">
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                处理人微信端服务器地址:
                            </label>
                            <div class="col-sm-7">
                                <input ng-disabled="true" class="form-control" ng-model="maintenance.url">
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                处理人微信应用的agentid：
                            </label>
                            <div class="col-sm-7">
                                <input ng-disabled="true" class="form-control" ng-model="maintenance.agentId">
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                微信处理人自动创建用户：
                            </label>
                            <div class="col-sm-7">
                                <ul class="tab_bdItem_tab">
                                    <li class="fl action" ng-click="maintenance.autoCreateUser = 1">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="maintenance.autoCreateUser== 1?'active':''"></i>
                                        <span>是</span>
                                    </li>
                                    <li class="fl action" ng-click="maintenance.autoCreateUser = 0">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="maintenance.autoCreateUser== 0?'active':''"></i>
                                        <span>否</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="mb8 col-sm-12" ng-if="maintenance.autoCreateUser== 1">
                            <label class="col-sm-5 control-label">
                                微信处理人默认角色：
                            </label>
                            <div class="col-sm-7">
                                <select class="form-control" ng-model="maintenance.wechatUserRole">
                                    <option ng-selected="maintenance.wechatUserRole == role.id" value="{{role.id}}" ng-repeat="role in roleList">{{role.role}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                微信请求人自动创建用户：
                            </label>
                            <div class="col-sm-7">
                                <ul class="tab_bdItem_tab">
                                    <li class="fl action" ng-click="maintenance.autoCreateRequester = 1">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="maintenance.autoCreateRequester== 1?'active':''"></i>
                                        <span>是</span>
                                    </li>
                                    <li class="fl action" ng-click="maintenance.autoCreateRequester = 0">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="maintenance.autoCreateRequester== 0?'active':''"></i>
                                        <span>否</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                报修人员是否进行工号绑定：
                            </label>
                            <div class="col-sm-7">
                                <ul class="tab_bdItem_tab">
                                    <li class="fl action" ng-click="maintenance.reqBind = 1">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="maintenance.reqBind== 1?'active':''"></i>
                                        <span>是</span>
                                    </li>
                                    <li class="fl action" ng-click="maintenance.reqBind = 0">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="maintenance.reqBind== 0?'active':''"></i>
                                        <span>否</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                处理人员是否进行工号绑定：
                            </label>
                            <div class="col-sm-7">
                                <ul class="tab_bdItem_tab">
                                    <li class="fl action" ng-click="maintenance.userBind = 1">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="maintenance.userBind== 1?'active':''"></i>
                                        <span>是</span>
                                    </li>
                                    <li class="fl action" ng-click="maintenance.userBind = 0">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo" ng-class="maintenance.userBind== 0?'active':''"></i>
                                        <span>否</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- 微信报修 -->
                    <!-- <div class="form-group col-sm-6 pull-right">
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                微信的请求人APPID：
                            </label>
                            <div class="col-sm-7">
                                <input ng-disabled="true" class="form-control" ng-model="repairs.appId">
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                请求人微信端服务器地址:
                            </label>
                            <div class="col-sm-7">
                                <input ng-disabled="true" class="form-control" ng-model="repairs.url">
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                请求人微信应用的agentid：
                            </label>
                            <div class="col-sm-7">
                                <input ng-disabled="true" class="form-control" ng-model="repairs.agentId">
                            </div>
                        </div>
                        <div class="mb8 col-sm-12">
                            <label class="col-sm-5 control-label">
                                微信请求人自动创建用户：
                            </label>
                            <div class="col-sm-7">
                                <ul class="tab_bdItem_tab">
                                    <li class="fl">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                            ng-click="repairs.autoCreateUser = 1"
                                            ng-class="repairs.autoCreateUser== 1?'active':''"></i>
                                        <span>是</span>
                                    </li>
                                    <li class="fl">
                                        <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                            ng-click="repairs.autoCreateUser = 0"
                                            ng-class="repairs.autoCreateUser== 0?'active':''"></i>
                                        <span>否</span>
                                    </li>
                                </ul>
                            </div>
                        </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>
</div>
<style>
    .w100 {
        width: 100%;
    }

    .mb8 {
        margin-bottom: 8px;
    }

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