zhoufan
/
SQXY12345_Web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633
							<!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" />
    <link href="../css/WorkOrder/seeProjectDetail.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%;
            }
            .layui-layer-imguide {
			display: block !important;
			}
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <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="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">
                                    <div class="FJ file_imgs">
											
									</div>
                                </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;">
					<div style="text-align: center; height: ">
						<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 authority" style="min-width:100px;">操作</td>
								</tr>
							</theard>
							<tbody class="HTXX">
							</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="../js/mousewheel/jquery.mousewheel.min.js"></script>
	<script src="../js/WorkOrder/jquery.drag.js"></script>
    <script src="../Appeal/workDetail.js"></script>


</body>

</html>