zhoufan
/
SQZC12345_Web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618
							<!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>&gt;

                    <a href="javaScript:;">工单管理</a>&gt;

                    <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 colspan="3">密级:</th>

                                <td>

                                    <span class="MJ"></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" />&nbsp;&nbsp;<input type="button" class="change release authority" value="修改" />&nbsp;&nbsp;<input type="button" value="打印预览" class="print" />&nbsp;&nbsp;<input type="button" value="关闭" class="closexq" />

                </div>

                <input type="hidden" id="Change" />

            </div>

        </div>

    </div>


    <script src="../Appeal/workDetail.js"></script>


</body>


</html>