| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>分流管理</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <script src="../Script/Common/huayi.load.js"></script>
- <script src="../Script/Common/huayi.config.js"></script>
- <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
- <link href="../css/WorkOrder/Search.css" rel="stylesheet">
- <link href="../css/init.css" rel="stylesheet" />
- <script src="../css/laydate/laydate.js"></script>
- <script src="../My97DatePicker/WdatePicker.js"></script>
- <!--<script src="../js/WorkOrder/WorkOrder.js"></script>-->
- <style>
- table td {
- word-break: break-all;
- word-wrap: break-word;
- }
- .ld-service li {
- float: left;
- font-size: 14px;
- color: #000;
- padding: 5px 15px;
- cursor: pointer;
- border-bottom: 1px solid #ccc;
- }
- .cr-click {
- border: 1px solid #ccc;
- background-color: #fff;
- border-bottom: none !important;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .Shows {
- display: block !important;
- }
- .complain {
- display: none;
- }
- th {
- padding: 5px;
- text-align: center;
- }
- .Borders {
- border: 1px solid #d7d7d7;
- }
- .form-group {
- margin-top: 10px;
- }
- #sqzx tr th{
- width: 100px;
- }
- .contacts td{
- width: 200px;
- }
- </style>
- </head>
- <body class="gray-bg">
- <div class="wrapper wrapper-content animated fadeInRight">
- <div class="daoHang clearfix">
- <div class="dhLeft">
- <sapn>
- <i class="syIcon"></i>位置:
- <a href="javaScript:;" id="ReIndex">首页</a>>
- <a href="javaScript:;">工单管理</a>>
- <a href="" style="color: #000;">分流管理</a>
- </sapn>
- </div>
- </div>
- <ul class="ld-service clearfix">
- <li itemtype="0" class="cr-click" itemtype="0">分流待办</li>
- <li itemtype="1" itemtype="1">今天已处理</li>
- <li itemtype="2" itemtype="2">历史查询</li>
- </ul>
- <div class="Content_box">
- <!--待处理/-->
- <div class="complain Shows DCL">
- <div class="th-box">
- <div class="th-bar">
- <div class="seach-box">
- <ul>
- <li>
- 登记时间:
- <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
- <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
- </li>
- <li>
- <a class="sc_btn btns db">搜索</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div style="width: 100%;padding: 10px;">
- <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
- <thead>
- <tr>
- <th data-field="F_WorkOrderId" data-align="center">登记编号</th>
- <th data-field="F_RegDate" data-align="center">登记时间</th>
- <!--<th data-field="UserName" data-align="center">登记人</th>-->
- <th data-field="F_UserCode" data-align="center">登记人</th>
- <th data-field="SourceName" data-align="center">信息来源</th>
- <th data-field="TypeName" data-align="center">信息类别</th>
- <th data-field="DeptName" data-align="center" >交办单位</th>
- <th data-field="WorkStateName" data-align="center">状态</th>
- <th data-field="F_ComContent" data-align="center" data-formatter="ComContent">内容摘要</th>
- <th data-field="FilePath" data-formatter="setCode">录音文件</th>
- <th data-field="WorkOrderID" data-formatter="Dispose" data-align="center">操作</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- <!--今天已处理/-->
- <div class="complain TDCL">
- <div style="width: 100%;padding: 10px;">
- <table id="daylist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
- <thead>
- <tr>
- <th data-field="F_WorkOrderId" data-align="center">登记编号</th>
- <th data-field="F_RegDate" data-align="center">登记时间</th>
- <!--<th data-field="UserName" data-align="center">登记人</th>-->
- <th data-field="F_UserCode" data-align="center">登记人</th>
- <th data-field="SourceName" data-align="center">信息来源</th>
- <th data-field="TypeName" data-align="center">信息类别</th>
- <th data-field="DeptName" data-align="center" >交办单位</th>
- <th data-field="WorkStateName" data-align="center">状态</th>
- <th data-field="F_ComContent" data-align="center" data-formatter="ComContent">内容摘要</th>
- <th data-field="FilePath" data-formatter="setCode">录音文件</th>
- <th data-field="WorkOrderID" data-formatter="Disposes" data-align="center">操作</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- <!--历史查询/-->
- <div class="complain LSCX">
- <div class="th-box">
- <div class="th-bar">
- <div class="seach-box">
- <ul>
- <li>
- 登记时间:
- <input class="photo x-color inputs laydate-icon" type="text" id="startTime" />-
- <input class="photo x-color inputs laydate-icon" type="text" id="endTime" />
- </li>
- <li>
- <a class="sc_btn btns ss">搜索</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div style="width: 100%;padding: 10px;">
- <table id="Historylist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
- <thead>
- <tr>
- <th data-field="F_WorkOrderId" data-align="center">登记编号</th>
- <th data-field="F_RegDate" data-align="center">登记时间</th>
- <!--<th data-field="UserName" data-align="center">登记人</th>-->
- <th data-field="F_UserCode" data-align="center">登记人</th>
- <th data-field="SourceName" data-align="center">信息来源</th>
- <th data-field="TypeName" data-align="center">信息类别</th>
- <th data-field="DeptName" data-align="center" >交办单位</th>
- <th data-field="WorkStateName" data-align="center">状态</th>
- <th data-field="F_ComContent" data-align="center" data-formatter="ComContent">内容摘要</th>
- <th data-field="FilePath" data-formatter="setCode">录音文件</th>
- <th data-field="WorkOrderID" data-formatter="Disposes" data-align="center">操作</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- </div>
- </div>
- <div class="t-shade">
- <!--办理-->
- <div class="shade_k clgd ">
- <div class="shade_title">
- <span>办理<srong class="cknum"></srong></span>
- <span class="setwin"><a>x</a></span>
- </div>
- <div class="shade_content" style="height: 500px;">
- <div style="padding: 10px;" class="tj_content clearFix">
- <div class="baseinfo" style="display:block;">
- <div>
- <span>【基本信息】</span>
- <div class="box_content">
- <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <th>登记编号:</th>
- <td><span class="djbh"></span></td>
- <th>登记日期:</th>
- <td><span class="djrq"></span></td>
- <th>状态:</th>
- <td><span class="zt"></span></td>
- </tr>
- <tr>
- <th>信息来源:</th>
- <td><span class="xxly"></span></td>
- <!--<th>录音文件:</th>
- <td><span class="lywj"></span></td>-->
- <th>登记人:</th>
- <td><span class="djr"></span></td>
- </tr>
- <tr>
- <th>形式分类:</th>
- <td><span class="xsfl"></span></td>
- <th>内容大类:</th>
- <td><span class="nrdl"></span></td>
- <th>内容小类:</th>
- <td><span class="nrxl"></span></td>
- </tr>
- <tr>
- <th>反映区域:</th>
- <td><span class="qy"></span></td>
- <th>事发地址:</th>
- <td colspan="3"><span class="sfdz"></span></td>
- </tr>
- </table>
- </div>
- </div>
- <div>
- <span>【联系人信息】</span>
- <div class="lxr clearFix box_content">
- <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <th>投诉人姓名:</th>
- <td>
- <span class="tsrname"></span>
- </td>
- <th>投诉人电话:</th>
- <td><span class="tsrphone"></span></td>
- <th>投诉人性别:</th>
- <td><span class="tsrsex"></span></td>
- <th>投诉人地址:</th>
- <td><span class="tsrdz"></span></td>
- </tr>
- <tr>
- <th>联系人姓名:</th>
- <td><span class="lxrname"></span></td>
- <th>联系人电话:</th>
- <td><span class="lxrphone"></span></td>
- <th>邮编:</th>
- <td><span class="yb"></span></td>
- <th>Email:</th>
- <td><span class='yj'></span></td>
- </tr>
- </table>
- </div>
- </div>
- <div>
- <div>
- <span>【情况摘要】</span>
- <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
- <!--<tr>
- <th style="width:200px;">标题:</th>
- <td><span class="bt"></span></td>
- </tr>-->
- <tr>
- <th>内容:</th>
- <td><span class="qkzy"></span></td>
- </tr>
- <tr>
- <th>附件:</th>
- <td><span class="fj"></span></td>
- </tr>
- </table>
- </div>
- </div>
- <div>
- <div>
- <span>【处理结果】</span>
- <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td><span class="cljg"></span></td>
- </tr>
- </table>
- </div>
- </div>
- <!--呈批信息-->
- <div class="cpjg_box" style="display:none;margin:10px 0;">
- <div>
- <span>【呈批结果】</span>
- <table id="cpjg" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
- </div>
- </div>
- <!--交办记录-->
- <div class="jbjl_box" style="display:none;margin:10px 0;">
- <div>
- <span>【交办记录】</span>
- <table id="jbjl" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
- </div>
- </div>
- <!--反馈信息-->
- <div class="fkxx_box" style="display:none;margin:10px 0;">
- <div>
- <span>【反馈信息】</span>
- <table id="fkxx" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
- </div>
- </div>
- <div class="clearfix wh_btn">
- <!--<input type="button" value="修改" class="" id="xggd" />-->
- <input type="button" value="交办" class="" id="CP" />
- <input type="button" value="回退" class="" id="Wjgd" />
- <input type="button" value="关闭" class="" id="Closexq" />
- </div>
- </div>
- <div class="gdxx_boxs" style="display:none;">
- <div>
- <span>【工单信息】</span>
- <table id="xg_gdxx" class="" style="width: 100%;margin-top:5px;" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <th style='width:200px;'>登记编号:</th>
- <td>
- <span class='xg_gdbh'></span>
- </td>
- </tr>
- <tr>
- <th>信息分类:</th>
- <td>
- 形式分类:
- <select name="" id="xxlb" class="select">
- <option selected="selected" value="">请选择</option>
- </select>
- 内容大类:
- <select name="" id="tsdl" class="select">
- <option selected="selected" value="">请选择</option>
- </select>
- 内容小类:
- <select name="" id="tsxl" class="select">
- <option selected="selected" value="">请选择</option>
- </select>
- </td>
- </tr>
- <tr>
- <th>工单内容:</th>
- <td>
- <textarea class='xg_gdnr'></textarea>
- </td>
- </tr>
- </table>
- </div>
- <div class="clearfix wh_btn">
- <input type="button" value="保存" class="" id="BC" />
- <input type="button" value="返回" class="" id="BCFH" />
- </div>
- </div>
- <div class="jbxx_boxs" style="display:none;">
- <div>
- <span>【交办信息】</span>
- <table id="cp_jbjl" class="" style="width: 100%;margin-top:5px;" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <th style='width:200px;'>登记编号:</th>
- <td>
- <span class='jb_djbhs'></span>
- </td>
- </tr>
- <tr>
- <th>领导批示:</th>
- <td>
- <textarea class='jb_ldps' >领导批示</textarea>
- </td>
- </tr>
- </table>
- <div class="form-group clearfix">
- <span class="">
- 交办单位:
- </span>
- <span class="">
- 区域:
- <select name="" id="JArea" class="select">
- <option selected="selected" value="">请选择</option>
- </select>
- </span>
- <span class="">
- 部门类别 :
- </span>
- <span class="">
- <select name="" id="Jtype" class="select">
- <option selected="selected" value="">请选择</option>
- </select>
- </span>
- <span class="">
- 部门 :
- </span>
- <span class="">
- <select name="" id="Department" class="select">
- <option selected="selected" value="">请选择</option>
- </select>
- </span>
- </div>
- <div class="form-group clearfix">
- <span class="">
- 交办意见:
- </span>
- <span class="col-sm-12">
- <input type="radio" value="1" name="jiaoban" />
- 1.<span class="head">请按领导批示认真调查处理,在</span>
- <select name="" id="" class="min_select">
- <option value=""></option>
- </select>
- <span class="end">
- 个工作日内网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。
- </span>
- </span>
- <span class="col-sm-12">
- <input type="radio" value="2" name="jiaoban" />
- 2.
- <span class="head">请按领导批示认真调查处理,在</span>
- <select name="" id="" class="min_select">
- <option value=""></option>
- </select>
- <span class="end">个工作日内通过书面反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
- </span>
- <span class="col-sm-12">
- <input type="radio" value="3" name="jiaoban" />
- 3.
- <span class="head">请按领导批示认真调查处理并答复来电人,在</span>
- <select name="" id="" class="min_select">
- <option value=""></option>
- </select>
- <span class="end">个工作日内书面反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
- </span>
- <span class="col-sm-12">
- <input type="radio" value="4" name="jiaoban" checked="checked" />
- 4.
- <span class="head">请按领导批示认真调查处理并答复来电人,在</span>
- <select name="" id="" class="min_select">
- <option value=""></option>
- </select>
- <span class="end">个工作日内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
- </span>
- <span class="col-sm-12">
- <input type="radio" value="5" name="jiaoban" />
- 5.
- <span class="head">请认真调查处理,在</span>
- <select name="" id="" class="min_select">
- <option value=""></option>
- </select>
- <span class="end">个工作日内书面反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
- </span>
- </div>
- </div>
- <div class="clearfix wh_btn">
- <input type="button" value="交办" class="" id="JB" />
- <input type="button" value="返回" class="" id="JBFH" />
- </div>
- </div>
- <div class="ht_boxs" style="display:none;">
- <div>
- <span>【回退信息】</span>
- <table id="cp_jbjl" class="" style="width: 100%;margin-top:5px;" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <th style='width:200px;'>受理编号:</th>
- <td>
- <span class='ht_slbh'></span>
- </td>
- </tr>
- <tr>
- <th>回退类型:</th>
- <td>
- <label style="font-weight:normal;"><input type='radio' name="httype" value="回退并统计">回退并统计</label>
- <label style="font-weight:normal;"><input type='radio' name="httype" value="回退不统计">回退不统计</label>
- </td>
- </tr>
- <tr>
- <th>回退原因:</th>
- <td>
- <textarea id="htyy"></textarea>
- </td>
- </tr>
- <tr>
- <th>呈批原因:</th>
- <td>
- <span>领导批示</span>
- </td>
- </tr>
- <tr>
- <th>领导批示:</th>
- <td>
- <textarea id="htldps"></textarea>
- </td>
- </tr>
- </table>
- </div>
- <div class="clearfix wh_btn">
- <input type="button" value="回退" class="" id="HT" />
- <input type="button" value="返回" class="" id="HTFH" />
- </div>
- </div>
- </div>
- <input type="hidden" id="wids" />
- </div>
- </div>
- <!--录音-->
- <div class="shade_k lyxz">
- <div class="shade_title">
- <span>录音播放与下载<srong class="cknum"></srong></span>
- <span class="setwin gbly"><a>x</a></span>
- </div>
- <div class="shade_content">
- <div class="Ly_box audiojs">
- </div>
- </div>
- </div>
- </div>
- <script>
- initTable();
- var ldps = '\r\n 吴登贺\r\n ' + laydate.now(0, "YYYY.MM.DD");
- $(document).ready(function () {
- laydate.skin('molv');
- laydate({
- elem: '#startTimes',
- event: 'focus'
- });
- laydate({
- elem: '#endTimes',
- event: 'focus'
- });
- laydate({
- elem: '#startTime',
- event: 'focus'
- });
- laydate({
- elem: '#endTime',
- event: 'focus'
- });
- //弹屏右侧切换效果
- $(".ld-service li").click(function () {
- $(this).addClass("cr-click").siblings().removeClass("cr-click");
- var index = $(this).index();
- var ss = $(this).attr("itemtype");
- $(".Content_box").find(".complain").eq(index).addClass("Shows").siblings().removeClass("Shows");
- switch (ss) {
- case '0': initTable(); break;
- case '1': dayTable(); break;
- case '2': history(); break;
- }
- });
- //代办搜索
- $(".db").click(function () {
- initTable();
- })
- //历史搜索
- $(".ss").click(function () {
- history();
- })
- //关闭录音弹出
- $(".gbly").click(function () {
- $(".t-shade").hide();
- $(".lyxz").removeClass("cx");
- $('audio')[0].pause();
- });
- //点击关闭详情
- $('.setwin').click(function () {
- $(".t-shade").hide();
- $(".clgd ").hide();
- })
- $("#Closexq").click(function () {
- $(".t-shade").hide();
- $(".clgd ").hide();
- })
- //天数下拉框
- $(".min_select").each(function () {
- $(this).empty();
- for (var i = 1; i <= 10; i++) {
- if (i == 5) {
- $("<option selected='selected' value='5'>5</option>").appendTo($(this));
- }
- else {
- $("<option value='" + i + "'>" + i + "</option>").appendTo($(this));
- }
- }
- })
- //交办
- $("#CP").click(function () {
- $(".baseinfo").hide();
- $(".jbxx_boxs").show();
- $(".ht_boxs").hide();
- })
- $("#JB").click(function () {
- var workorderid = $("#wids").val();
- var areaid = $("#JArea").val();
- var depttype = $("#Jtype").val();
- var deptid = $('#Department').val();
- var superopinion = $(".jb_ldps").val();
- var obj = $("input[name='jiaoban']:checked");
- var opitionid = obj.val();
- var day = obj.parent().find("select").val();
- var assignedopinion = obj.parent().find(".head").text() + day + obj.parent().find(".end").text();
- if (!superopinion) {
- layer.confirm('请输入领导批示!', {
- btn: ['确定']
- });
- return;
- }
- if (!deptid) {
- layer.confirm('请选择部门!', {
- btn: ['确定']
- });
- return;
- }
- if (!opitionid) {
- layer.confirm('请选择交办意见!', {
- btn: ['确定']
- });
- return;
- }
- $.post(huayi.config.callcenter_url + "WorkOrder/AssignWorkOrder", {
- workorderid: workorderid,
- areaid: areaid,
- depttype: depttype,
- deptid: deptid,
- opitionid: opitionid,
- superopinion: superopinion,
- assignedopinion: assignedopinion,
- day: day,
- token: $.cookie("token")
- }, function (data) {
- data = JSON.parse(data);
- /*验证请求*/
- if (data.state == "success") {
- layer.msg("交办成功");
- //重新加载
- initTable();
- $(".t-shade").hide();
- $(".clgd ").hide();
- }
- })
- })
- $("#JBFH").click(function () {
- $(".baseinfo").show();
- $(".jbxx_boxs").hide();
- $(".ht_boxs").hide();
- })
- //修改
- $("#xggd").click(function () {
- $(".baseinfo").hide();
- $(".gdxx_boxs").show();
- })
- $("#BC").click(function () {
- var workorderid = $("#wids").val();
- var type = $("#xxlb").val();
- var bigtype = $("#tsdl").val();
- var smalltype = $("#tsxl").val();
- var cont = $(".xg_gdnr").val();
- if (!smalltype) {
- layer.confirm('请选择内容小类!', {
- btn: ['确定']
- });
- return;
- }
- if (!cont) {
- layer.confirm('请输入工单内容!', {
- btn: ['确定']
- });
- return;
- }
- $.post(huayi.config.callcenter_url + "WorkOrder/UpdateSplitWorkOrder", {
- workorderid: workorderid,
- type: type,
- bigtype: bigtype,
- smalltype: smalltype,
- cont: cont,
- token: $.cookie("token")
- }, function (data) {
- data = JSON.parse(data);
- /*验证请求*/
- if (data.state == "success") {
- $(".xsfl").text($("#xxlb").find("option:selected").text());
- $(".nrdl").text($("#tsdl").find("option:selected").text());
- $(".nrxl").text($("#tsxl").find("option:selected").text());
- $('.qkzy').text(cont);
- $(".baseinfo").show();
- $(".gdxx_boxs").hide();
- layer.msg("保存成功");
- }
- })
- })
- $("#BCFH").click(function () {
- $(".baseinfo").show();
- $(".gdxx_boxs").hide();
- })
- //回退
- $("#Wjgd").click(function () {
- $(".baseinfo").hide();
- $(".jbxx_boxs").hide();
- $(".ht_boxs").show();
- })
- $("#HT").click(function () {
- var workorderid = $("#wids").val();
- var superopinion = $("#htldps").val();
- var backreason = $("#htyy").val();
- var backtype = $("input[name='httype']:checked").val();
- if (!backreason) {
- layer.confirm('请输入回退原因!', {
- btn: ['确定']
- });
- return;
- }
- $.post(huayi.config.callcenter_url + "WorkOrder/ReturnWorkOrder", {
- workorderid: workorderid,
- superopinion: superopinion,
- backreason: backreason,
- backtype: backtype,
- token: $.cookie("token")
- }, function (data) {
- data = JSON.parse(data);
- /*验证请求*/
- if (data.state == "success") {
- layer.msg("回退成功");
- //重新加载
- initTable();
- $(".t-shade").hide();
- $(".clgd ").hide();
- }
- })
- })
- $("#HTFH").click(function () {
- $(".baseinfo").show();
- $(".jbxx_boxs").hide();
- $(".ht_boxs").hide();
- })
- //区域
- loadArea($("#JArea"));
- $("#JArea").change(function () {
- $("#Jtype").empty();
- $("#Jtype").append('<option selected="selected" value="">请选择</option>');
- $("#Department").empty();
- $("#Department").append('<option selected="selected" value="">请选择</option>');
- var aid = $("#JArea").val();
- if (!aid) { aid = -1; }
- $.getJSON(huayi.config.callcenter_url + "Department/GetDeptTypeList", { "token": $.cookie("token"), aid: aid }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function (i, n) {
- $("<option value='" + n.F_DeptTypeId + "'>" + n.F_DeptTypeName + "</option>").appendTo($("#Jtype"));
- })
- }
- })
- })
- $("#Jtype").change(function () {
- $("#Department").empty();
- $("#Department").append('<option selected="selected" value="">请选择</option>');
- var tid = $("#Jtype").val();
- if (!tid) { tid = -1; }
- $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", { "token": $.cookie("token"), tid: tid }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function (i, n) {
- $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo($("#Department"));
- })
- }
- })
- })
- $("#Department").change(function () {
- var dw = $("#Department").find("option:selected").text();
- if (dw == '请选择') {
- $(".jb_ldps").val(ldps);
- }
- else {
- $(".jb_ldps").val("转" + dw + "处理。" + ldps);
- }
- })
- $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
- $('.success').removeClass('success'); //去除之前选中的行的,选中样式
- $(ele).addClass('success'); //添加当前选中的 success样式用于区别
- });
- $("#daylist").on("click-row.bs.table", function (e, row, ele) {
- $('.success').removeClass('success'); //去除之前选中的行的,选中样式
- $(ele).addClass('success'); //添加当前选中的 success样式用于区别
- });
- $("#Historylist").on("click-row.bs.table", function (e, row, ele) {
- $('.success').removeClass('success'); //去除之前选中的行的,选中样式
- $(ele).addClass('success'); //添加当前选中的 success样式用于区别
- });
- })
- //表格一
- function initTable(keys) {
- //先销毁表格
- $('#workorderlist').bootstrapTable('destroy');
- //初始化表格,动态从服务器加载数据
- $("#workorderlist").bootstrapTable({
- method: "get", //使用get请求到服务器获取数据
- url: huayi.config.callcenter_url + "WorkOrder/GetSplitList", //获取数据的Servlet地址
- contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
- pagination: true, //启动分页
- pageSize: 10, //每页显示的记录数
- pageNumber: 1, //当前第几页
- pageList: [10, 20, 50, 100], //记录数可选列表
- search: false, //是否启用查询
- showColumns: false, //显示下拉框勾选要显示的列
- showRefresh: false, //显示刷新按钮
- sidePagination: "server", //表示服务端请求
- //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
- //设置为limit可以获取limit, offset, search, sort, order
- queryParamsType: "undefined",
- queryParams: function queryParams(params) { //设置查询参数
- var param = {
- page: params.pageNumber,
- pagesize: params.pageSize,
- tab: 0,
- starttime: $("#startTimes").val(),
- endtime: $("#endTimes").val(),
- state: $('#States').val(),
- token: $.cookie("token")
- };
- return param;
- },
- onLoadSuccess: function () { //加载成功时执行
- //layer.msg("加载成功");
- },
- onLoadError: function () { //加载失败时执行
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
- }
- });
- }
- //内容
- function ComContent(val) {
- if (val) {
- var str = '<div '
- if (val.length > 10) {
- str = str + ' title="' + val + '" ';
- val = val.substr(0, 10) + "...";
- }
- return str + '>' + val + '</div>';
- } else {
- return '';
- }
- }
- //地址
- function SourceAddress(val) {
- if (val) {
- var str = '<div '
- if (val.length > 10) {
- str = str + ' title="' + val + '" ';
- val = val.substr(0, 5) + "...";
- }
- return str + '>' + val + '</div>';
- } else {
- return '';
- }
- }
- //操作
- function Dispose(val, row) {
- if (row.DeptName) {
- return '<div class="imgs" >' +
- '<a class="xg" onclick="ApproveWorkOrder(' + row.F_WorkOrderId + ')"> 通过</a>' +
- '<a class="xg" onclick="ckxq(' + row.F_WorkOrderId + ')"> 处理 </a>' +
- '<a class="xg" onclick="XG(' + row.F_WorkOrderId + ')"> 修改</a>' +
- '<a class="xg" onclick="Move(' + row.F_WorkOrderId + ')"> 删除 </a>' +
- '</div>';
- }
- else {
- return '<div class="imgs" >' +
- '<a class="xg" onclick="ckxq(' + row.F_WorkOrderId + ')"> 处理 </a>' +
- '<a class="xg" onclick="XG(' + row.F_WorkOrderId + ')"> 修改</a>' +
- '<a class="xg" onclick="Move(' + row.F_WorkOrderId + ')"> 删除 </a>' +
- '</div>';
- }
- }
- function Disposes(val, row) {
- return '<div class="imgs" >' +
- '<a class="xg" onclick="ckxqs(' + row.F_WorkOrderId + ')"> 查看详情 </a>' +
- '</div>';
- }
- //音频
- function setCode(val) {
- if (val) {
- return '<div class="imgs" style="cursor: pointer;">' +
- '<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
- '</div>';
- } else {
- return '';
- }
- }
- //录音
- function ck(val) {
- var path = $(val).attr("item");
- $(".t-shade").show();
- $(".lyxz").addClass("cx");
- $(".Ly_box").empty();
- $(".down").attr("href", path);
- $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
- }
- //当天处理工单
- function dayTable() {
- //先销毁表格
- $('#daylist').bootstrapTable('destroy');
- //初始化表格,动态从服务器加载数据
- $("#daylist").bootstrapTable({
- method: "get", //使用get请求到服务器获取数据
- url: huayi.config.callcenter_url + "WorkOrder/GetSplitList", //获取数据的Servlet地址
- contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
- pagination: true, //启动分页
- pageSize: 10, //每页显示的记录数
- pageNumber: 1, //当前第几页
- pageList: [10, 20, 50, 100], //记录数可选列表
- search: false, //是否启用查询
- showColumns: false, //显示下拉框勾选要显示的列
- showRefresh: false, //显示刷新按钮
- sidePagination: "server", //表示服务端请求
- //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
- //设置为limit可以获取limit, offset, search, sort, order
- queryParamsType: "undefined",
- queryParams: function queryParams(params) { //设置查询参数
- var param = {
- page: params.pageNumber,
- pagesize: params.pageSize,
- tab: 1,
- token: $.cookie("token")
- };
- return param;
- },
- onLoadSuccess: function () { //加载成功时执行
- //layer.msg("加载成功");
- },
- onLoadError: function () { //加载失败时执行
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
- }
- });
- }
- /////////////////////////////////历史查询////////////////
- ///历史查询
- function history() {
- //先销毁表格
- $('#Historylist').bootstrapTable('destroy');
- //初始化表格,动态从服务器加载数据
- $("#Historylist").bootstrapTable({
- method: "get", //使用get请求到服务器获取数据
- url: huayi.config.callcenter_url + "WorkOrder/GetSplitList", //获取数据的Servlet地址
- contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
- pagination: true, //启动分页
- pageSize: 10, //每页显示的记录数
- pageNumber: 1, //当前第几页
- pageList: [10, 20, 50, 100], //记录数可选列表
- search: false, //是否启用查询
- showColumns: false, //显示下拉框勾选要显示的列
- showRefresh: false, //显示刷新按钮
- sidePagination: "server", //表示服务端请求
- //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
- //设置为limit可以获取limit, offset, search, sort, order
- queryParamsType: "undefined",
- queryParams: function queryParams(params) { //设置查询参数
- var param = {
- page: params.pageNumber,
- pagesize: params.pageSize,
- tab: 2,
- starttime: $("#startTime").val(),
- endtime: $("#endTime").val(),
- state: $('#State').val(),
- token: $.cookie("token")
- };
- return param;
- },
- onLoadSuccess: function () { //加载成功时执行
- //layer.msg("加载成功");
- },
- onLoadError: function () { //加载失败时执行
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
- }
- });
- }
-
- //查看详情
- function ckxqs(str) {
- layer.open({
- type: 2,
- content: "WorkOrderDetail.html?wid=" + str, //iframe的url,no代表不显示滚动条
- title: '工单详情',
- area: ['85%', '80%'], //宽高
- });
- }
- function ckxq(str) {
- $("#Wjgd").show();
- $(".jb_ldps").val(ldps);
- $("#htldps").val("");
- $("#htyy").val("");
- $(".xg_gdbh").text(str);
- $(".jb_djbhs").text(str);
- $(".ht_slbh").text(str);
- $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
- workorderid: str,
- "token": $.cookie("token")
- }, function (result) {
- if (result.state.toLowerCase() == "success") {
- var content = result.data;
- $(".jb_djbhs").text(content.data[0].F_WorkOrderId);
- $("#wids").val(content.data[0].F_WorkOrderId);
- $(".bt").text(content.data[0].F_ComTitle);
- $(".djbh").text(content.data[0].F_WorkOrderId);
- $(".djrq").text(content.data[0].F_RegDate);
- $(".xxly").text(content.data[0].SourceName);
- //$(".djr").text(content.data[0].UserName);
- $(".djr").text(content.data[0].F_UserCode);
- $(".zt").text(content.data[0].WorkStateName);
- $(".xsfl").text(content.data[0].TypeName1);
- $(".nrdl").text(content.data[0].TypeName2);
- $(".nrxl").text(content.data[0].TypeName3);
- $(".qy").text(content.data[0].AreaName);
- $(".sfdz").text(content.data[0].F_SourceAddress);
- $(".tsrname").text(content.data[0].F_CusName);
- $(".lxrname").text(content.data[0].F_ConName);
- $('.tsrphone').text(content.data[0].F_CusPhone);
- $('.tsrsex').text(content.data[0].F_CusSex);
- $('.tsrdz').text(content.data[0].F_CusAddress);
- $('.lxrphone').text(content.data[0].F_ConPhone);
- $('.yb').text(content.data[0].F_ZipCode);
- $('.yj').text(content.data[0].F_Email);
- $('.qkzy').text(content.data[0].F_ComContent);
- $('.xg_gdnr').val(content.data[0].F_ComContent);
- if (content.data[0].F_Result) {
- var rt = content.data[0].F_Result.replace(/[ ]/g, " ").replace(/\ +/g, " ").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
- $(".cljg").html(rt);
- }
- else {
- $(".cljg").html("");
- }
- //附件
- if (content.fjdata.length > 0) {
- $(".fj").html("<a href='" + content.fjdata[0].fileurl + "' target='_blank'>" + content.fjdata[0].F_FileName + "</a>");
- }
- //呈批信息
- $("#cpjg").empty();
- $(".cpjg_box").hide();
- if (content.cpdata.length > 0) {
- $(".cpjg_box").show();
- }
- else {
- $(".cpjg_box").hide();
- }
- $(content.cpdata).each(function (i, n) {
- if (n.F_State != '2') {
- var ps = '';
- if (n.F_SuperOpinion) {
- ps = n.F_SuperOpinion.replace(/[ ]/g, " ").replace(/\ +/g, " ").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
- }
- var html = "<tr><th style='width:200px;'>呈批原因:<td><span class='cpyy'>" + n.F_BatchReason +
- "</span></td></th></tr><tr><th>领导批示:<td><span class='ldps'>" +
- ps + "</span></td></th></tr>";
- $(html).appendTo($("#cpjg"));
- } else {
- var ps = '';
- if (n.F_BackReason) {
- ps = n.F_BackReason.replace(/[ ]/g, " ").replace(/\ +/g, " ").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
- }
- var html = "<tr><th style='width:200px;'>回退类型:<td><span class='cpyy'>" + n.F_BackType +
- "</span></td></th></tr><tr><th>回退原因:<td><span class='ldps'>" +
- ps + "</span></td></th></tr>";
- $(html).appendTo($("#cpjg"));
- }
- })
- //交办信息
- $("#jbjl").empty();
- $(content.jbdata).each(function (i, n) {
- if (n.F_ResultState && n.F_ResultState != '0') {
- $(".jbjl_box").show();
- var str = '未反馈';
- if (n.F_ResultState + '') {
- switch (str) {
- case '0':
- str = '未反馈';
- case '1':
- str = '按期反馈';
- case '2':
- str = '逾期反馈';
- }
- }
- var html = '<tr>' +
- '<th style="width: 100px;">记录号:</th>' +
- '<td><span class="jlh">' + n.F_AssignedId + '</span></td>' +
- '<th style="width: 100px;">受理单号:</th>' +
- '<td><span class="sldh">' + n.F_WorkOrderId + '</span></td>' +
- '<th style="width: 100px;">交办日期:</th>' +
- '<td><span class="jbrq">' + n.F_SubmitDate + '</span></td>' +
- '<th style="width: 100px;">反馈情况:</th>' +
- '<td><span class="fkqk">' + str + '</span></td>' +
- '<th style="width: 100px;">交办人:</th>' +
- '<td><span class="jbr" >' + n.F_EUserName + '</span></td>' +
- '</tr>' +
- '<tr>' +
- '<th>交办单位:</th>' +
- '<td><span class="jbdw">' + n.DeptName + '</span></td>' +
- '<th>交办意见:</th>' +
- '<td colspan="7"><span class="jbyj">' + n.F_AssignedOpinion + '</span></td>' +
- '</tr>';
- $(html).appendTo($("#jbjl"));
- }
- })
- if (content.cpdata.length <= 0) {
- $(".jbjl_box").hide();
- }
- //反馈信息
- $("#fkxx").empty();
- if (content.fkdata.length > 0) {
- $(".fkxx_box").show();
- }
- else {
- $(".fkxx_box").hide();
- }
- $(content.fkdata).each(function (i, n) {
- var str = '';
- if (n.F_Satisfaction + '') {
- switch (str) {
- case '0':
- str = '满意';
- case '1':
- str = '基本满意';
- case '2':
- str = '不满意';
- }
- }
- var html = '<tr>' +
- '<th style="width: 100px;">承办单位:</th>' +
- '<td><span class="cbdw">' + n.DeptName + '</span></td>' +
- '<th>反馈时间:</th>' +
- '<td><span class="fksj">' + n.F_BackDate + '</span></td>' +
- '<th>用户满意度:</th>' +
- '<td><span class="myd">' + str + '</span></td>' +
- '</tr>' +
- '<tr>' +
- '<th>反馈内容:</th>' +
- '<td colspan="5"><span class="fknr">' + n.F_Result + '</span></td>' +
- '</tr>';
- $(html).appendTo($("#fkxx"));
- })
- var n = content.cpdata.length;
- if (n > 0) {
- var ps = content.cpdata[n - 1].F_SuperOpinion;
- $(".jb_ldps").val(ps);
- }
- var m = content.jbdata.length;
- if (m > 0) {
- var jbs = content.jbdata[m - 1];
- $("#JArea").val(jbs.F_Area);
- $("#Jtype").empty();
- $("#Jtype").append('<option selected="selected" value="">请选择</option>');
- $("#Department").empty();
- $("#Department").append('<option selected="selected" value="">请选择</option>');
- var aid = $("#JArea").val();
- if (!aid) { aid = -1; }
- $.getJSON(huayi.config.callcenter_url + "Department/GetDeptTypeList", { "token": $.cookie("token"), aid: aid }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function (i, n) {
- $("<option value='" + n.F_DeptTypeId + "'>" + n.F_DeptTypeName + "</option>").appendTo($("#Jtype"));
- })
- $("#Jtype").val(jbs.F_DeptType);
- $("#Department").empty();
- $("#Department").append('<option selected="selected" value="">请选择</option>');
- var tid = $("#Jtype").val();
- if (!tid) { tid = -1; }
- $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", { "token": $.cookie("token"), tid: tid }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function (i, n) {
- $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo($("#Department"));
- })
- $("#Department").val(jbs.F_DeptId);
- }
- })
- }
- })
- if (content.data[0].DeptName) {
- $(".jb_ldps").val("转" + content.data[0].DeptName + "处理。" + ldps);
- }
- $("input[name='jiaoban'][value='" + jbs.F_OpitionId + "']").prop("checked", true);
- }
- //信息分类
- $("#xxlb").empty();
- $("#xxlb").append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
- "token": $.cookie("token"),
- id: 2
- }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var result = data.data;
- $(result).each(function (i, n) {
- $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#xxlb"));
- })
- $("#xxlb").val(content.data[0].F_InfoType);
- $("#tsdl").empty();
- $("#tsdl").append('<option selected="selected" value="">请选择</option>');
- var pid=$("#xxlb").val();
- if (!pid) { pid = -1;}
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByParentId", {
- "token": $.cookie("token"),
- pid: pid
- }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var result = data.data;
- $(result).each(function (i, n) {
- $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#tsdl"));
- })
- $("#tsdl").val(content.data[0].F_InfoConBigType);
- $("#tsxl").empty();
- $("#tsxl").append('<option selected="selected" value="">请选择</option>');
- var pid = $("#tsdl").val();
- if (!pid) { pid = -1; }
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByParentId", {
- "token": $.cookie("token"),
- pid: pid
- }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var result = data.data;
- $(result).each(function (i, n) {
- $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#tsxl"));
- })
- $("#tsxl").val(content.data[0].F_InfoConSmallType);
- }
- })
- }
- })
- }
- $("#xxlb").change(function () {
- $("#tsxl").empty();
- $("#tsxl").append('<option selected="selected" value="">请选择</option>');
- loadDic($("#tsdl"), $("#xxlb").val());
- });
- $("#tsdl").change(function () {
- loadDic($("#tsxl"), $("#tsdl").val());
- });
- })
- $(".t-shade").show();
- $(".clgd ").show();
- $(".baseinfo").show();
- $(".gdxx_boxs").hide();
- $(".jbxx_boxs").hide();
- $(".ht_boxs").hide();
- }
- })
- }
- //加载字典
- function loadDic(obj, pid) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- if (!pid) { pid = -1; }
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByParentId", {
- "token": $.cookie("token"),
- pid: pid
- }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function (i, n) {
- $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
- })
- }
- })
- }
- //删除工单
- function Move(str) {
- layer.confirm('确定删除当前记录?', {
- btn: ['是', '否'] //按钮
- }, function () {
- var arr = [];
- arr.push(str);
- $.post(huayi.config.callcenter_url + "WorkOrder/DelWorkOrder", {
- ids: arr,
- token: $.cookie("token")
- }, function (data) {
- data = JSON.parse(data);
- /*验证请求*/
- if (data.state == "success") {
- layer.msg("删除成功");
- //重新加载
- initTable();
- }
- });
- });
-
- }
- //加载区域
- function loadArea(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "Department/GetAreaList", {
- "token": $.cookie("token")
- }, function (data) {
- if (data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function (i, n) {
- $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
- })
- }
- })
- }
-
- //分流通过
- function ApproveWorkOrder(sr) {
- layer.confirm('确定要通过吗?', {
- btn: ['是', '否'] //按钮
- }, function () {
- $.post(huayi.config.callcenter_url + "WorkOrder/ApproveWorkOrder", {
- workorderid: sr,
- token: $.cookie("token")
- }, function (data) {
- data = JSON.parse(data);
- /*验证请求*/
- if (data.state == "success") {
- layer.msg(data.message);
- //重新加载
- initTable();
- }
- });
- });
-
- }
- //修改工单
- function XG(stg) {
- layer.open({
- type: 2,
- content: "WorkOrderEdit.html?wid=" + stg, //iframe的url,no代表不显示滚动条
- title: '修改',
- area: ['85%', '80%'], //宽高
- });
- }
- </script>
- </body>
- </html>
|