| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628 |
- <!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>
- <style>
- .ld-service li {
- float: left;
- font-size: 14px;
- color: #000;
- padding: 5px 15px;
- cursor: pointer;
- }
-
- .cr-click {
- border-bottom: 2px solid #00a1cb;
- }
-
- .Shows {
- display: block !important;
- }
-
- .complain {
- display: none;
- }
-
- .Borders {
- border: 1px solid #d7d7d7;
- }
-
- .form-group {
- margin-top: 10px;
- }
-
- .Table {
- width: 100%;
- }
-
- tbody {
- border: 1px solid #ccc;
- }
-
- .Table th {
- width: 7%;
- padding: 5px 8px 10px 0;
- text-align: right;
- }
-
- .Table td {
- padding: 6px;
- }
-
- .bor_bootm {
- border-bottom: 1px solid #ccc;
- }
-
- .datil_ul {
- padding-left: 0;
- }
-
- .datil_ul li {
- width: 25%;
- padding: 5px;
- float: left;
- }
-
- .wh_btn input {
- background: rgb(0, 161, 203);
- }
- .XGXX {
- margin-left: 0;
- }
- /*.authority{
- display: none;
- }*/
- .lc_step{
- margin-bottom: 100px;
- margin-top: 20px;
- }
- .lc_step li{
- float: left;
- width: 16%;
- text-align: center;
- }
- .lc_step li.steps1,.lc_step li.steps0{
- /*position: relative;*/
- /*width: ;
- height: 118px;*/
- }
- /*.start_step{
- background: url(../img/start.png) no-repeat;
- width: 58px;
- height: 149px;
- background-position: bottom;
- }*/
- .no_step{
- /*background: url(../img/no_Step.png) no-repeat;*/
- display: none;
- }
- .no_step img{
- width: 100%;
- }
- /*.step1_0{
- background: url(../img/step1_0.png) no-repeat
- }
- .step1_1{
- background: url(../img/step1_1.png) no-repeat;
- }
- .step2_0{
- background: url(../img/step2_0.png) no-repeat;
- left: -14px;
- }
- .step2_1{
- background: url(../img/step2_1.png) no-repeat;
- left: -14px;
- }
- .step3_0{
- background: url(../img/step3_0.png) no-repeat;
- left: -27px;
- }
- .step3_1{
- background: url(../img/step3_1.png) no-repeat;
- left: -27px;
- }
- .step4_0{
- background: url(../img/step4_0.png) no-repeat;
- left: -40px;
- }
- .step4_1{
- background: url(../img/step4_1.png) no-repeat;
- left: -40px;
- }
- .step5_0{
- background: url(../img/step5_0.png) no-repeat;
- left: -53px;
- }
- .step5_1{
- background: url(../img/step5_1.png) no-repeat;
- left: -53px;
- }*/
- .lc_step li img{
- display: block;
- width: 100%;
- margin-bottom: 5px;
- }
- .lc_step li:nth-child(6) img{
- width: 60%!important;
- }
- .lc_step li .step_w0{
- color:#bfbfbf ;
- }
- .lc_step li .step_w1{
- color:#02a1cb ;
- }
- .step_content{
- background: #f3f3f4;
- border: 2px solid #02a1cb;
- border-radius: 3px;
- color: #02a1cb;
- padding: 5px;
- position: relative;
- text-align: left;
- box-sizing: border-box;
- width: 92%;
- /*position: absolute;
- right: -65px;
- bottom: -116px;*/
- }
- .step_content:before{
- position: absolute;
- display: block;
- content: "";
- height:0;
- width: 0;
- border: 6px solid #02a1cb;
- border: 6px solid #02a1cb;
- border-left-color: transparent;
- border-top-color: transparent;
- border-right-color: transparent;
- top: -14px;
- left: 52%;
- }
-
-
- .lcs>div{
- float: left;
- width: 16%;
- height: 100%;
- }
- .lcs>div:first-child{
- text-align: right;
- }
- .lcs>div:first-child>img{
- width: initial;
- }
- .lcs>div>img{
- display: block;
- width: 100%;
- }
-
- </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="" class="nowPosition">工单详情</a>
- </sapn>
- </div>
- <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
- </div>-->
- <ul class="ld-service clearfix">
- <li itemtype="0" class="cr-click" itemtype="0">工单信息</li>
- <li itemtype="1" itemtype="1">交办信息</li>
- <li itemtype="1" itemtype="1">监察意见</li>
- <li itemtype="2" itemtype="2">领导批示</li>
- <li itemtype="3" itemtype="3">办理情况</li>
- <li itemtype="3" itemtype="3">延时审核</li>
- <li itemtype="3" itemtype="3">退回审核</li>
- <li itemtype="4" itemtype="4">回访信息</li>
- <li itemtype="5" itemtype="5">督办信息</li>
- <li itemtype="6" itemtype="6">市民催办</li>
- <li itemtype="7" itemtype="7">办理过程</li>
- <li itemtype="8" itemtype="8">流程图示</li>
- </ul>
- <div class="Content_box">
- <!--诉求信息-->
- <div class="complain Shows DCL">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="0" cellspacing="0" cellpadding="0">
- <tbody>
- <tr class="bor_bootm">
- <th>名字:</th>
- <td><span class="F_CusName"></span></td>
- <th>来源:</th>
- <td><span class="LY"></span></td>
- <th>来电号码:</th>
- <td><span class="F_ConPhone"></span></td>
- <th>联系号码:</th>
- <td><span class="F_CusPhone"></span></td>
- </tr>
- <tr>
- <th>标题:</th>
- <td colspan="7">
- <span class="F_ComTitle"></span>
- </td>
- </tr>
- <tr>
- <th>内容:</th>
- <td colspan="7">
- <span class="F_ComContent"></span>
- </td>
- </tr>
- <tr>
- <th>附件:</th>
- <td colspan="7">
- <span class="FJ">
-
- </span>
- </td>
- </tr>
- <tr class="bor_bootm">
- <th>事件地址:</th>
- <td colspan="7">
- <span class="AreaName" style="margin-right: 10px;"></span><span class='F_SourceAddress'>563 4494</span>
- </td>
- </tr>
- <tr>
- <th>类型:</th>
- <td>
- <span class="LX"></span>
- </td>
- <th>紧急程度:</th>
- <td>
- <span class="CD"></span>
- </td>
- <th>被投诉单位:</th>
- <td>
- <span class="ComplainedUnit"></span>
- </td>
- <!--<th colspan="3">密级:</th>-->
- <th>密级:</th>
- <td>
- <span class="MJ"></span>
- </td>
- </tr>
- <tr>
- <th>来源地址:</th>
- <td colspan="7">
- <span class="sourceName"></span>
- </td>
- </tr>
- <tr>
- <th>处理结果:</th>
- <td colspan="7">
- <span class="Result"></span>
- </td>
- </tr>
- <tr class="bor_bootm">
- <th>结案意见:</th>
- <td colspan="7">
- <span class="F_FinalOpinion"></span>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <!--交办信息-->
- <div class="complain DCL">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="width:60px;">次数</td>
- <td class="text-center" style="width:114px;">交办时间</td>
- <td class="text-center" style="width:114px;">办理时限</td>
- <td class="text-center" style="min-width:80px;">主办单位</td>
- <td class="text-center" style="min-width:80px;">协办单位</td>
- <td class="text-center" style="min-width: 200px;">交办意见</td>
- <td class="text-center authority" style="min-width: 100px;">操作</td>
- </tr>
- </theard>
- <tbody class="JBXX">
- </tbody>
- </table>
- </div>
- </div>
- <!--监察-->
- <div class="complain DCL">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="width:50px;">次数</td>
- <td class="text-center" style="min-width:100px;">监察人</td>
- <td class="text-center" style="min-width:100px;">监察意见</td>
- <td class="text-center" style="min-width:100px;">监察时间</td>
- <td class="text-center" style="min-width:50px;">附件</td>
- </tr>
- </theard>
- <tbody class="JC">
- </tbody>
- </table>
- </div>
- </div>
- <!--领导批示-->
- <div class="complain DCL">
- <div style="width: 100%;padding: 10px;">
- <div style="text-align: center; height: ">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="min-width:50px;">类型</td>
- <td class="text-center" style="min-width:100px;">批示人</td>
- <td class="text-center" style="min-width:100px;">批示内容</td>
- <td class="text-center" style="min-width:100px;">批示时间</td>
- <td class="text-center" style="min-width:100px;">附件</td>
- <td class="text-center authority" style="min-width:100px;">操作</td>
- </tr>
- </theard>
- <tbody class="LDPS">
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <!--办理情况-->
- <div class="complain DCL ">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="min-width:100px;">办理人</td>
- <td class="text-center" style="min-width:100px;">单位</td>
- <td class="text-center" style="min-width:100px;">类型</td>
- <td class="text-center" style="min-width:100px;">办理内容</td>
-
- <td class="text-center" style="min-width:100px;">办理时间</td>
- <td class="text-center" style="min-width:50px;">附件</td>
- <td class="text-center authority" style="min-width:80px;">操作</td>
-
- </tr>
- </theard>
- <tbody class="BLQK">
- </tbody>
- </table>
- </div>
- </div>
- <!--延时情况-->
- <div class="complain DCL ">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="min-width:100px;">次数</td>
- <td class="text-center" style="min-width:100px;">状态</td>
- <td class="text-center" style="min-width:100px;">申请时间</td>
- <td class="text-center" style="min-width:100px;">申请原因</td>
- <td class="text-center" style="min-width:100px;">审核时间</td>
- <td class="text-center" style="min-width:80px;">审核意见</td>
- <td class="text-center authority" style="min-width:100px;">操作</td>
- </tr>
- </theard>
- <tbody class="YSSHS">
- </tbody>
- </table>
- </div>
- </div>
- <!--退回审核-->
- <div class="complain DCL ">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="min-width:100px;">次数</td>
- <td class="text-center" style="min-width:100px;">申请时间</td>
- <td class="text-center" style="min-width:100px;">申请原因</td>
- <td class="text-center" style="min-width:100px;">状态</td>
- <td class="text-center" style="min-width:100px;">审核时间</td>
- <td class="text-center" style="min-width:80px;">审核意见</td>
- <td class="text-center authority" style="min-width:100px;">操作</td>
- </tr>
- </theard>
- <tbody class="YTHHS">
- </tbody>
- </table>
- </div>
- </div>
- <!--回访信息-->
- <div class="complain DCL">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="min-width:50px;">次数</td>
- <td class="text-center" style="min-width:100px;">回访人</td>
- <td class="text-center" style="min-width:100px;">回访方式</td>
- <td class="text-center" style="min-width:100px;">回访信息</td>
- <td class="text-center" style="min-width:100px;">回访结果</td>
- <td class="text-center" style="min-width:100px;">操作时间</td>
- <td class="text-center authority" style="min-width:100px;">操作</td>
- </tr>
- </theard>
- <tbody class="HGXX">
- </tbody>
- </table>
- </div>
- </div>
- <!--督办信息-->
- <div class="complain DCL">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="min-width:50px;">次数</td>
- <td class="text-center" style="min-width:100px;">督办人</td>
- <td class="text-center" style="min-width:100px;">督办意见</td>
- <td class="text-center" style="min-width:100px;">督办时间</td>
- <td class="text-center" style="min-width:50px;">附件</td>
- </tr>
- </theard>
- <tbody class="DBXX">
- </tbody>
- </table>
- </div>
- </div>
- <!--市民催办-->
- <div class="complain DCL">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="width:50px;">序号</td>
- <td class="text-center" style="min-width:100px;">催办内容</td>
- <td class="text-center" style="width:100px;">催办时间</td>
- </tr>
- </theard>
- <tbody id="citizenReminder">
- </tbody>
- </table>
- </div>
- </div>
- <!--办理过程-->
- <div class="complain DCL " id="BLGC">
- <div style="width: 100%;padding: 10px;">
- <table class="Table" border="" cellspacing="0" cellpadding="0">
- <theard>
- <tr>
- <td class="text-center" style="min-width:50px;">序号</td>
- <td class="text-center" style="min-width:100px;">事项</td>
- <td class="text-center" style="min-width:100px;">操作时间</td>
- </tr>
- </theard>
- <tbody id="BLGC_">
- </tbody>
- </table>
- </div>
- </div>
-
- <div class="complain DCL">
- <!--<div class="lcs clearfix">
- <div class="ss"><img src="../img/start.png" alt="" /></div>
- <div class="one"><img src="../img/step1_0.png" alt="" /></div>
- <div class="one"><img src="../img/step2_0.png" alt="" /></div>
- <div class="one"><img src="../img/step3_0.png" alt="" /></div>
- <div class="one"><img src="../img/step4_0.png" alt="" /></div>
- <div class="one"><img src="../img/step5_0.png" alt="" /></div>
- </div>-->
-
-
-
- <ul class="lc_step clearfix">
- <!--<li class="no_step">
- <img src="../img/no_Step.png" alt="" />
- </li>-->
- <li class="start_step" style="text-align: right;">
- <p class="step_w1" style="visibility: hidden;">办理流程</p>
- <img src="../img/start.png" alt="" style="width: 70%;display: inline-block;position: relative;right: -1px;" />
-
- </li>
- <li class="step1">
- <p class="step_w0">录入</p>
- <img src="../img/step1_0.png" alt="" />
- <!--<div class="step_content">
- <p> 姓名：小白</p>
- <p> 部门：客服</p>
- <p> 时间：2018-04-25 12:20:00</p>
- </div>-->
- </li>
- <li class="step2 stem_other">
- <p class="step_w0">交办</p>
- <img src="../img/step2_0.png" alt="" />
- <!--<div class="step_content">
- <p> 姓名：小白</p>
- <p> 部门：客服</p>
- <p> 时间：2018-04-25 12:20:00</p>
- </div>-->
-
- </li>
- <li class="step3 stem_other">
- <p class="step_w0">办理</p>
- <img src="../img/step3_0.png" alt="" />
- </li>
- <li class="step4 stem_other">
- <p class="step_w0">回访</p>
- <img src="../img/step4_0.png" alt="" />
- </li>
- <li class="step5">
- <p class="step_w0">结案</p>
- <img src="../img/step5_0.png" alt="" />
- </li>
- </ul>
-
-
- </div>
-
-
- <div class="clearfix">
- <ul class="clearfix datil_ul">
- <li>
- 单号:
- <span class="DH"></span>
- </li>
- <li>
- 状态:
- <span class='ZT'></span>
- </li>
- <li>
- 受理人:
- <span class="SL"></span>
- </li>
- <li>
- 处理方式:
- <span class="CLFS"></span>
- </li>
- <li>
- 录入时间:
- <span class="LRSJ"></span>
- </li>
- <li>
- 提交时间:
- <span class="submitTime"></span>
- </li>
- <li>
- 办理时间:
- <span class="SLHJ"></span>
- </li>
- <li>
- 结案时间:
- <span class="lawsuitTime"></span>
- </li>
- </ul>
- <div class="clearfix wh_btn" style="width:100%;text-align:center;margin:10px 0;">
- <input type="hidden" class="hidWid" />
- <input type="button" value="发布网站" class="release mediaTransfer" /> <input type="button" class="change release authority" value="修改"/> <input type="button" value="打印预览" class="print" /> <input type="button" value="关闭" class="closexq" />
- </div>
- <input type="hidden" id="Change" />
- </div>
- </div>
- </div>
- <script src="../Appeal/workDetail.js"></script>
-
-
-
- </body>
- </html>
|
