| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="renderer" content="webkit|ie-comp|ie-stand" />
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <title>郑州电信呼叫中心管理系统</title>
- <script src="./Script/Common/huayi.load.js"></script>
- <script src="./Script/Common/huayi.config.js"></script>
- <link rel="shortcut icon" href="img/32.ico" />
- <link href="./css/wh.css" rel="stylesheet">
- <link href="./css/plugins/iCheck/custom.css" rel="stylesheet">
- <link rel="stylesheet" href="./css/call.css" />
- <link rel="stylesheet" href="./css/personal.css" />
- <link rel="stylesheet" href="css/index.css" />
- <link rel="stylesheet" href="./js/zTree/zTreeStyle.css" />
- <link href="./css/plugins/cropper/cropper.min.css" rel="stylesheet">
- <link href="./css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
- <link href="./js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
- <script src="./js/jquery.select.js"></script>
- </head>
- <body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
- <div id="wrapper">
- <!--左侧导航开始-->
- <nav class="navbar-default navbar-static-side" role="navigation">
- <div class="nav-close">
- <i class="fa fa-times-circle"></i>
- </div>
- <div class="sidebar-collapse">
- <ul class="nav" id="side-menu">
- <li class="nav-header">
- <div class="dropdown profile-element text-center">
- <span style="position: relative;">
- <img alt="image" class="img-circle yhtx" src="./img/zxPhone.png" onerror="this.src = './img/zxPhone.png'" />
- <input type="file" name="upFile" id="upFile" accept="image/jpeg,image/jpg,image/png" style="display: none;">
- <i class="phoneBZ"></i>
- </span>
- <a data-toggle="dropdown" class="dropdown-toggle" href="#">
- <span class="clear">
- <span class="block m-t-xs">
- <b class="xian"></b>
- <strong class="font-bold username">张三</strong>
- <span class="text-muted text-xs size-12 user_code" style="color: #fff;"></span>
- <b class="xian"></b>
- </span>
- <span class="text-muted text-xs block size-14 ">
- <span class="text-muted text-xs group" style="color: #fff;"></span> <span class="text-muted text-xs rolename" style="color: #fff;"></span>
- <input type="hidden" id="groupcode" value="" />
- </span>
- <span class="text-muted text-xs block Gnumbox" style="color: #fff;">
- <span class="text-muted text-xs" style="color: #fff;">分机号:</span> <span class="text-muted text-xs Gnum" style="color: #fff;"></span>
- </span>
- </span>
- </a>
- </div>
- <div class="logo-element">
- </div>
- </li>
- </ul>
- </div>
- </nav>
- <!--左侧导航结束-->
- <!--右侧部分开始-->
- <div id="page-wrapper" class="gray-bg dashbard-1">
- <div class="row border-bottom">
- <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
- <div class="navbar-header">
- <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
- <input type="hidden" id="isml" value="0" />
- <div class="nav navbar-top-links navbar-left">
- <ul class="title-box" id="top-search" style="padding-left: 0; display:none;">
- <li datafun="DropCall">
- <i class="iconfont fa-5x DropCall"></i>
- <p>挂断</p>
- </li>
- <li datafun="MakeCall">
- <i class="iconfont fa-5x MakeCall"></i>
- <p>外呼</p>
- </li>
- <li datafun="SayBusy">
- <i class="iconfont fa-5x SayBusy"></i>
- <p>置忙</p>
- </li>
- <li datafun="SayFree">
- <i class="iconfont fa-5x SayFree"></i>
- <p>置闲</p>
- </li>
- <li datafun="Meeting">
- <i class="iconfont fa-5x Meeting"></i>
- <p>多方通话</p>
- </li>
- <li datafun="Transfer">
- <i class="iconfont fa-5x Transfer"></i>
- <p>转移</p>
- </li>
- <li datafun="Hold">
- <i class="iconfont fa-5x Hold"></i>
- <p>保持</p>
- </li>
- <li datafun="Retrieve">
- <i class="iconfont fa-5x Retrieve"></i>
- <p>接回</p>
- </li>
- <li datafun="Login">
- <i class="iconfont fa-5x Login active"></i>
- <p>签入</p>
- </li>
- <li datafun="Logout">
- <i class="iconfont fa-5x Logout"></i>
- <p>签出</p>
- </li>
- </ul>
- </div>
- <div class="nav closed">
- <div style="text-align: center;margin-top: 5px;">
- <span>话机状态: </span>
- <span class="quan fwzt lx br" style="display: inline-block;height: 20px;line-height: 20px;"> </span>
- <span>坐席状态: </span>
- <span class="quan zxzt lx br" style="display: inline-block;height: 20px;line-height: 20px;"></span>
- <span class="hwzt" style="color:red;"></span>
- </div>
- <div class="ls" style="margin-top: 10px;">
- <span class="size-12 min-right" onclick="Jumps()">
- <i class="ga"></i> 管理中心
- </span>
- <span class="size-12 shezhi">
- <i class="sz"></i> 设置
- </span>
- <span class="size-12" onclick="logout()">
- <i class="tc"></i>退出
- </span>
- </div>
- </div>
- </div>
- </nav>
- </div>
- <div class="row content-tabs1">
- <ul>
- <li class="top1" style="width: 5%;"></li>
- <li class="top2" style="width: 8%;"></li>
- <li class="top3" style="width: 10%;"></li>
- <li class="top4" style="width: 13%;"></li>
- <li class="top5" style="width: 10%;"></li>
- <li class="top6" style="width: 5%;"></li>
- <li class="top7" style="width: 13%;"></li>
- <li class="top8" style="width: 10%;"></li>
- <li class="top9" style="width: 11.2%;"></li>
- <li class="top10" style="width: 6%;"></li>
- <li class="top11" style="width: 3%;"></li>
- <li class="top12" style="width: 5%;"></li>
- </ul>
- </div>
- <div class="row content-tabs">
- <button class="roll-nav roll-left J_tabLeft">
- <i class="fa fa-backward"></i>
- </button>
- <nav class="page-tabs J_menuTabs">
- <div class="page-tabs-content">
- <a href="javascript:;" class="active J_menuTab" data-id="index_v1.html">首页</a>
- </div>
- </nav>
- <button class="roll-nav roll-right J_tabRight">
- <i class="fa fa-forward"></i>
- </button>
- <!--<div class="btn-group roll-nav roll-right">
- <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>
- </button>
- <ul role="menu" class="dropdown-menu dropdown-menu-right">
- <li class="J_tabShowActive"><a>定位当前选项卡</a>
- </li>
- <li class="divider"></li>
- <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
- </li>
- <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
- </li>
- </ul>
- </div>-->
- <!--<a href="login.html" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>-->
- </div>
- <div class="row J_mainContent" id="content-main">
- <!--<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>-->
- <iframe class="J_iframe J_iframe0" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>
- </div>
- <div class="row content-tabs1 LH">
- <ul>
- <li class="top13" style="width: 100%;"></li>
- </ul>
- <span class="fr">Copyright © 加一信息 All Rights Reserved</span>
- </div>
- </div>
- </div>
- <!--外呼键盘-->
- <div class="WH animated fadeInDown hidens ">
- <!--top-->
- <div class="clearflow Color">
- <div class="WH-top">
- <span>外呼信息</span>
- <span class="closes"><a>X</a></span>
- </div>
- <div class="Cotent_box clearflow">
- <!--左边键盘-->
- <div class="KeyWord col-sm-4">
- <div class="WH_input clearflow">
- <div class="clearflow WH_Itop">
- <input id="Result" type="text" class="fl" value="" maxlength="18" autofocus="autofocus" />
- <input id="hidwhtype" type="hidden" value="" />
- <i class="img fl hidens"></i>
- </div>
- </div>
- <div class="Num_box clearflow">
- <ul class="Num_ul clearflow">
- <li>
- <div>
- <a>1</a>
- </div>
- </li>
- <li>
- <div>
- <a>2</a>
- </div>
- </li>
- <li>
- <div>
- <a>3</a>
- </div>
- </li>
- <li>
- <div>
- <a>4</a>
- </div>
- </li>
- <li>
- <div>
- <a>5</a>
- </div>
- </li>
- <li>
- <div>
- <a>6</a>
- </div>
- </li>
- <li>
- <div>
- <a>7</a>
- </div>
- </li>
- <li>
- <div>
- <a>8</a>
- </div>
- </li>
- <li>
- <div>
- <a>9</a>
- </div>
- </li>
- <li>
- <div>
- <a>*</a>
- </div>
- </li>
- <li>
- <div>
- <a>0</a>
- </div>
- </li>
- <li>
- <div>
- <a>#</a>
- </div>
- </li>
- <li class="Last_phone">
- <div>
- <a class="CallOut"></a>
- </div>
- </li>
- </ul>
- </div>
- </div>
- <!--右边图表-->
- <div class="col-sm-8 Rbg">
- <div class="bg bg_cotent">
- <ul class="bg_title clearflow">
- <li class="lactive" itemid="0">最近电话</li>
- <li itemid="1">公司电话</li>
- <li itemid="2">客户电话</li>
- </ul>
- <div class="bg_box phonediv">
- <div class="cx">
- <span class="blanks">
- 电话号码:
- <input type="text" id="lastphone" />
- </span>
- <span class="ty">搜索</span>
- <!--<span class="ty">重置</span>-->
- </div>
- <div class="phone_bg" style="width: 100%;padding: 10px;">
- <!--<table class="table table-bordered text-center">
- <thead>
- <tr>
- <td class="tbth">电话号码</td>
- <td class="tbth">呼叫状态</td>
- <td class="tbth">是否处理</td>
- <td class="tbth">坐席工号</td>
- <td class="tbth">坐席姓名</td>
- <td class="tbth">通话开始时间</td>
- <td class="tbth">通话结束时间</td>
- <td class="tbth">通话时长(s)</td>
- <td class="tbth">录音</td>
- </tr>
- </thead>
- <tbody class="phonelist"></tbody>
- </table>-->
- <table class="phonelist fixed-table-container" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true" data-height="400">
- <thead>
- <tr>
- <th data-field="CallNumber" data-formatter="view">电话号码</th>
- <th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
- <th data-field="DealType" data-formatter="formatterDealType" data-align="center">处理方式</th>
- <!--<th data-field="IsDeal" data-formatter="GetDealState">是否处理</th>-->
- <th data-field="UserCode">坐席工号</th>
- <th data-field="UserName">坐席姓名</th>
- <th data-field="BeginTime">开始时间</th>
- <th data-field="TalkStartTime">通话开始时间</th>
- <th data-field="TalkEndTime">通话结束时间</th>
- <th data-field="TalkLongTime">通话时长(s)</th>
- <!--<th data-field="FilePath">录音</th>-->
- </tr>
- </thead>
- </table>
- </div>
- </div>
- <div class="bg_box phonediv " style="display:none;">
- <div class="cx">
- <span class="blanks">
- 部门:
- <select id="s_department">
- <option value="">请选择</option>
- </select>
- </span>
- <span class="blanks">
- 电话号码:
- <input type="text" id="gsphone" />
- </span>
- <span class="blanks">
- 名称:
- <input type="text" id="gsname" />
- </span>
- <span class="ty">搜索</span>
- <!--<span class="ty">重置</span>-->
- </div>
- <div class="phone_bg" style="width: 100%;padding: 10px;">
- <!--<table class="table table-bordered text-center">
- <thead>
- <tr>
- <td class="tbth">坐席工号</td>
- <td class="tbth">坐席姓名</td>
- <td class="tbth">分机号</td>
- <td class="tbth">电话号码1</td>
- <td class="tbth">电话号码2</td>
- <td class="tbth">电话号码3</td>
- </tr>
- </thead>
- <tbody class="phonelist"></tbody>
- </table>-->
- <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
- <thead>
- <tr>
- <th data-field="F_UserCode">坐席工号</th>
- <th data-field="F_UserName">坐席姓名</th>
- <th data-field="F_WorkNumber" data-formatter="view">分机号</th>
- <th data-field="F_Telephone" data-formatter="view">电话号码1</th>
- <th data-field="F_Mobile" data-formatter="view">电话号码2</th>
- <th data-field="F_HomePhone" data-formatter="view">电话号码3</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- <div class="bg_box phonediv" style="display:none;">
- <div class="cx">
- <span class="blanks">
- 电话号码:
- <input type="text" id="khphone" />
- </span>
- <span class="blanks">
- 名称:
- <input type="text" id="khname" />
- </span>
- <span class="ty">搜索</span>
- <!--<span class="ty">重置</span>-->
- </div>
- <div class="phone_bg" style="width: 100%;padding: 10px;">
- <!--<table class="table table-bordered text-center">
- <thead>
- <tr>
- <td class="tbth">名称</td>
- <td class="tbth">电话号码1</td>
- <td class="tbth">电话号码2</td>
- <td class="tbth">电话号码3</td>
- </tr>
- </thead>
- <tbody class="phonelist"></tbody>
- </table>-->
- <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
- <thead>
- <tr>
- <th data-field="F_CustomerName">名称</th>
- <th data-field="F_Telephone" data-formatter="view">电话号码1</th>
- <th data-field="F_Mobile" data-formatter="view">电话号码2</th>
- <th data-field="F_ChargeTelephone" data-formatter="view">电话号码3</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--下载框-->
- <div class="t-shade">
- <div class="shade_k">
- <div class="shade_title">
- <span>录音播放与下载<srong class="cknum"></srong></span>
- <span class="setwin"><a>x</a></span>
- </div>
- <div class="shade_content">
- <div class="Ly_box audiojs">
- </div>
- </div>
- </div>
- </div>
- <!--修改密码开始-->
- <div class="personal" id="dialogMove">
- <div class="ptop clearFix" id="dialogDrag">
- <p class="ptl">个人中心</p>
- <p class="ptr" title="关闭">x</p>
- </div>
- <div class="perBox " style="height:500px;">
- <ul class="perTab clearFix">
- <li class="sel">个人资料</li>
- <li>修改头像</li>
- </ul>
- <div class="perTab_con">
- <div class="geRen" style="display: block;">
- <div class="grt clearFix">
- <p class="grtl">基本资料</p>
- <p class="grtr">
- <i class="grqx" title="取消编辑"></i>
- <i class="grbj" title="编辑资料"></i>
- </p>
- </div>
- <table class="table grzl">
- <tr>
- <th>我的工号:</th>
- <td><input type="text" class="mgh" readonly="readonly" /></td>
- </tr>
- <tr>
- <th>我的姓名:</th>
- <td><input type="text" class="mn" readonly="readonly" /></td>
- </tr>
- <tr>
- <th>分机号:</th>
- <td><input type="text" class="fenji" readonly="readonly" /></td>
- </tr>
- <!--<tr>
- <th>外线号码:</th>
- <td><input type="text" class="wxno" readonly="readonly" /></td>
- </tr>-->
- <tr>
- <th>原密码:</th>
- <td><input type="password" class="spwd zhidu" /></td>
- </tr>
- <tr>
- <th>新密码:</th>
- <td><input type="password" class="npwd zhidu" /></td>
- </tr>
- <tr>
- <th>确认密码:</th>
- <td><input type="password" class="epwd zhidu" /><span class="wrong">*密码不一致</span></td>
- </tr>
- <tr>
- <th>手机号:</th>
- <td><input type="text" class="mobile zhidu" /></td>
- </tr>
- <tr>
- <th></th>
- <td><button class="btnn grbtn form-control" disabled="disabled" style="width: 100px;">保存修改</button></td>
- </tr>
- </table>
- </div>
- <div class="crop ">
- <div class="clearFix" style="margin-top: 45px;">
- <div class="crop_left">
- <div class="image-crop">
- <img src="./img/gaga.jpg">
- </div>
- </div>
- <div class="crop_right">
- <h4>图片预览:</h4>
- <div class="img-preview img-preview-sm"></div>
- </div>
- </div>
- <!--<div class="btn-group">
- <label title="上传图片" for="inputImage" class="btn btn-primary">
- <input type="file" accept="image/*" name="file" id="inputImage" class="hide"> 本地上传
- </label>-->
- <!--<label title="下载图片" id="download" class="btn btn-primary">下载</label>-->
- <!--</div>
- <div class="btn-group">-->
- <!--<button class="btn btn-white" id="zoomIn" type="button">放大</button>-->
- <!--<button class="btn btn-white" id="zoomOut" type="button">缩小</button>-->
- <!--<button class="btn btn-white" id="rotateLeft" type="button">左旋转</button>-->
- <!--<button class="btn btn-white" id="rotateRight" type="button">右旋转</button>-->
- <!--<button class="btn btn-warning " id="setDrag" type="button">裁剪</button>
- </div>-->
- <div class="anniu" style="margin-top: 75px;text-align: center;">
- <label title="上传图片" for="inputImage" class="btnn" style="margin-right: 100px;">
- <input type="file" accept="image/jpeg,image/jpg,image/png" name="file" id="inputImage" class="hide"> 本地上传
- </label>
- <!--<button class="btn btn-warning " id="setDrag" type="button">裁剪</button>-->
- <button class="btnn" id="zoomIn" type="button">放大</button>
- <button class="btnn" id="zoomOut" type="button">缩小</button>
- <button class="btnn" id="rotateLeft" type="button">左旋转</button>
- <button class="btnn" id="rotateRight" type="button">右旋转</button>
- <button class="btnn" id="setDrag" type="button">确定保存</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--修改密码结束-->
-
- <!--软电话图标-->
- <a class="open-softphone" id="small-chat">
- <img src="img/softphone-icon.png"/>
- </a>
- <!--软电话弹框-->
- <div class="softphone-box">
- <div class="phone_tooltip">
- <p class="tooltip_text">呼叫……</p>
- <p class="td-call">通话时间:<span class="call_time"></span></p>
- <input class="phTooltipResult" type="text" id="sip_phone_number"/>
- </div>
- <div class="phone_btn_div">
- <ul>
- <li class="testStart" onclick="testStart()">初始</li>
- <li class="reg" onclick="reg()" style="background: #24c792;">注册</li>
- <li class="unReg" onclick="unReg()">注销</li>
- </ul>
- </div>
- <input hidden="hidden" id="sip_uri" type="text" value="sip:1009@sip.800100.com.cn"/></td>
- <input hidden="hidden" id="sip_password" type="password" value="1009"/></td>
- <input hidden="hidden" id="ws_uri" class="last unset" type="text" value="wss://sip.800100.com.cn:7443"/>
- <!--<input hidden="hidden" id="sip_phone_number" type="text" value="1010">-->
- <div class="phoneNum_box">
- <ul class="phoneNum_ul">
- <li>1</li>
- <li>2</li>
- <li>3</li>
- <li>4</li>
- <li>5</li>
- <li>6</li>
- <li>7</li>
- <li>8</li>
- <li>9</li>
- <li>*</li>
- <li>0</li>
- <li>#</li>
- </ul>
- </div>
- <div class="phone_btn_bot">
- <div class="posbtn1 testCall" onclick="testCall()"><img src="img/call_out-icon.png"/></div>
- <div class="posbtn2 phoneNum_clear" style="left: 45%;">清除</div>
- <div class="posbtn3 testCall" style="right: 24%;" onclick="inCall()"><img src="img/call_out-icon.png"/></div>
- <div class="posbtn3 hangup" style="right: 7%;" onclick="hangup()"><img src="img/hangu-iconp.png"/></div>
- </div>
- </div>
- <video id="videoView" hidden="hidden" width="420px" height="320px" autoplay></video>
- <div class="stringData"></div>
- <div class="stringData1"></div>
- <div class="stringData2"></div>
- <script src="./js/plugins/pace/pace.min.js"></script>
- <script src="./js/plugins/iCheck/icheck.min.js"></script>
- <script src="./css/laydate/laydate.js"></script>
- <script src="./js/paho-mqtt.js"></script>
- <script src="./js/main.js?v=1.5"></script>
- <script src="./js/index.js?v=2.0"></script>
- <script src="./js/zTree/jquery.ztree.core.js"></script>
- <script src="./js/plugins/datapicker/bootstrap-datepicker.js"></script>
- <script src="./js/bootstrap-select/js/bootstrap-select.js"></script>
- <script src="./js/plugins/cropper/cropper.min.js"></script>
- <script src="./js/guid.js"></script>
- <script src="./js/dialogDrag.js"></script>
- <script src="./js/plugins/metisMenu/jquery.metisMenu.js"></script>
- <script src="./js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
- <script src="./js/plugins/layer/layer.min.js"></script>
- <script src="./js/hplus.min.js?v=4.1.0"></script>
- <script src="./js/contabs.min.js"></script>
- <script src="js/jssip-3.0.13.min.js" type="text/javascript"></script>
- <script src="js/softphone.js"></script>
- </body>
- </html>
|