duhongyu
/
AnYang_UI


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431
							<!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 rel="stylesheet" href="../css/bootstrap-select.css" />
    <link href="../css/init.css" rel="stylesheet" />
    <script src="../css/laydate/laydate.js"></script>
    <link href="../css/WorkOrder/seeProjectDetail.css" rel="stylesheet" />
    <script src="../My97DatePicker/WdatePicker.js"></script>
    <style>
        .ld-service li {
            float: left;
            font-size: 15px;
            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;
			}*/
        /*.layui-layer-phimg img{
				width: 100% !important;
				height: auto !important;
			}*/
        .layui-layer-imguide {
            display: block !important;
        }

        .gray-bg {
            overflow: auto;
        }

        .img-box .img_mask i {
            position: absolute;
            right: 5px;
            top: 5px;
            display: inline-block;
            width: 13px;
            height: 12px;
            cursor: pointer;
            color: #fff;
        }

        .tdWidth td {
            width: 20%;
        }

        .jbDiv tr {
            height: 50px;
        }

        .phoneTitle,
        .callerTitle {
            cursor: pointer;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <ul class="ld-service clearfix">
            <li itemtype="0" class="cr-click" itemid="0" itemaction="1">工单信息</li>
            <li itemtype="1" itemid="1">交办信息</li>
            <!-- <li itemtype="1" itemtype="1">监察意见</li> -->
            <!-- <li itemtype="2" itemtype="2">领导批示</li> -->
            <li itemtype="2" itemid="2">市长批示</li>
            <li itemtype="2" itemid="3">工单驳回</li>
            <li itemtype="3" itemid="4">办理情况</li>
            <li itemtype="3" itemid="5">延时审核</li>
            <!-- <li itemtype="3" itemtype="3">退回审核</li> -->
            <li itemtype="4" itemid="6" itemaction="1">回访信息</li>
            <li itemtype="5" itemid="7" itemaction="1">督办信息</li>
            <li itemtype="6" itemid="8">市民催办</li>
            <li itemtype="7" itemid="9">办理过程</li>
            <li itemtype="8" itemid="10">市民评议</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>
                                <th>标题:</th>
                                <td colspan="7">
                                    <span class="F_ComTitle"></span>
                                </td>
                            </tr>
                            <tr class="content-wrapper">
                                <th>来电内容:</th>
                                <td colspan="7">
                                    <span class="F_ComContent"></span>
                                </td>
                            </tr>
                            <tr>
                                <th>工单内容:</th>
                                <td colspan="7">
                                    <span class="F_Content"></span>
                                </td>
                            </tr>
                            <tr>
                                <th class="callerTitle">来电人:</th>
                                <td><span class="F_CusName"></span></td>
                                <th>来源:</th>
                                <td><span class="LY"></span></td>
                                <th class="phoneTitle">来电号码:</th>
                                <td><span class="F_CusPhone"></span></td>
                                <th>电话类别:</th>
                                <td><span class="phoneType"></span></td>
                                <!-- <th>联系号码:</th>
									<td><span class="F_ConPhone"></span></td> -->
                            </tr>
                            <tr>
                                <th>分管领导:</th>
                                <td><span class="splituser"></span></td>
                            </tr>
                            <tr>
                                <th>附件:</th>
                                <td colspan="7">
                                    <div class="FJ file_imgs">

                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </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>
                        <li>
                            三方通话:
                            <span class="threeWayCall"></span>
                        </li>
                    </ul>
                    <table border="0" cellspacing="0" cellpadding="0" class="jbDiv" style="width: 100%;">
                        <tr>
                            <th style="width: 150px; text-align: center;">交办单位：</th>
                            <td colspan="3" style="width: 300px;">
                                <select id="jbSelect" name="select" class="selectpicker show-tick  form-control"
                                    data-live-search="true">

                                </select>
                            </td>
                            <th style="width: 150px; text-align: center;">&nbsp;</th>
                            <td colspan="3" style="width: 300px;">
                                &nbsp;
                            </td>
                        </tr>
                        <!-- <tr>
                            <th style="width: 150px; text-align: center;">协办单位：</th>
                            <td colspan="3" style="width: 300px;">
                                <select id="xbSelect" name="select" class="selectpicker show-tick form-control" multiple
                                    data-live-search="true">

                                </select>
                            </td>
                            <th style="width: 150px; text-align: center;">&nbsp;</th>
                            <td colspan="3" style="width: 300px;">
                                &nbsp;
                            </td>
                        </tr> -->

                    </table>

                </div>
                <div style="width: 100%;padding: 10px;">
                    <table class="Table" border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr class="tdWidth">
                                <th>反映类型:</th>
                                <td>
                                    <span class="LX"></span>
                                </td>
                                <th>紧急程度:</th>
                                <td>
                                    <span class="CD"></span>
                                </td>
                                <th>反映类别:</th>
                                <td><span class="subjectWords"></span></td>
                                <th>密级:</th>
                                <td>
                                    <span class="MJ"></span>
                                </td>
                            </tr>
                            <tr>
                                <th>办理单位:</th>
                                <td>
                                    <span class="handlingUnit"></span>
                                </td>
                                <th>关联工单类型:</th>
                                <td>
                                    <span class="associatedWorkOrderType"></span>
                                </td>
                                <th>关联工单:</th>
                                <td colspan="3">
                                    <span class="associatedWorkOrderList"></span>
                                </td>
                            </tr>
                            <tr>
                                <th>主工单多派单:</th>
                                <td>
                                    <span class="mainWorkOrderMoreOrders"></span>
                                </td>
                                <th>子工单多派单:</th>
                                <td>
                                    <span class="childWorkOrderMoreOrders"></span>
                                </td>
                            </tr>
                            <tr>
                                <th>处理结果:</th>
                                <td colspan="7">
                                    <span class="Result"></span>
                                </td>
                            </tr>
                            <tr>
                                <th>追加回复:</th>
                                <td colspan="7">
                                    <span style="color: rgb(176,0,0)" class="additionalReply"></span>
                                </td>
                            </tr>
                            <tr class="bor_bootm">
                                <th>结案意见:</th>
                                <td colspan="7">
                                    <span class="F_FinalOpinion"></span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div style="font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;回访信息</div>
                <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" 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 style="font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;督办信息</div>
                <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>
                            </tr>
                        </theard>
                        <tbody class="DBXX">
                        </tbody>
                    </table>
                </div>

                <div style="padding: 10px; font-weight: bold;">
                    退回审核
                </div>
                <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" style="min-width:80px;">申请单位</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 class="clearfix wh_btn" style="width:100%;text-align:center;margin:10px 0;">
                    <input type="hidden" class="hidWid" />
                    <input type="button" value="转公开" class="release publicTransfer" style="display: none;" />
                    <input type="button" value="转媒体" class="release mediaTransfer" style="display: none;" />
                    &nbsp;&nbsp;<input type="button" class="change release authority" value="修改" />
                    &nbsp;&nbsp;<input type="button" class="jbDiv pdBtn release authority" value="派单" />
                    &nbsp;&nbsp;<input type="button" class="return release authority" style="display: none;"
                        value="退回申请" />
                    &nbsp;&nbsp;<input type="button" class="applicationDelay release authority" style="display: none;"
                        value="申请延时" />
                    &nbsp;&nbsp;<input type="button" class="handle release authority" style="display: none;"
                        value="办理" />
                    &nbsp;&nbsp;<input type="button" value="打印预览" class="print" />
                    &nbsp;&nbsp;<input type="button" value="关闭" class="closexq" />
                </div>
                <input type="hidden" id="Change" />

                <table class="Table" border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                        <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 class="Importent"></th>
                            <td colspan="7">
                                <div style="width:710px;border: 1px solid #000000;">
                                    <div id="myMap" style="width:100%;height:400px;"></div>
                                    <input type="hidden" class="store_Lng" value="114.398996" />
                                    <input type="hidden" class="store_Lat" value="36.104678" />
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </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" style="min-width: 150px;">不规范内容</td> -->
                                <!-- <td class="text-center authority" style="min-width: 100px;">操作</td> -->
                            </tr>
                        </theard>
                        <tbody class="JBXX">
                        </tbody>
                    </table>
                </div>
                <div style="padding: 10px;">
                    二级单位交办信息
                </div>
                <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="EJJBXX">
                        </tbody>
                    </table>
                </div>
                <div style="padding: 10px;">
                    退回审核
                </div>
                <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" style="min-width:80px;">申请单位</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="width:50px;">次数</td>
                                <td class="text-center" style="min-width:100px;">监察人</td>
                                <td class="text-center">监察意见</td>
                                <td class="text-center" style="min-width:100px;">监察时间</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;">
                        <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 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;">
                        <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 authority" style="min-width:100px;">操作</td>
                                </tr>
                            </theard>
                            <tbody class="SZPS">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--工单驳回-->
            <div class="complain  DCL">
                <div style="width: 100%;padding: 10px;">
                    <div style="text-align: center;">
                        <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 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:80px;">承办人</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:80px;">处理结果</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:80px;">办理结果</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:80px;">已办未果备注</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:80px;">审核领导</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:80px;">沟通时间</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:80px;">附件</td>
                                <td class="text-center" style="min-width:80px;">追加回复附件</td>
                                <!--<td class="text-center authority" style="min-width:80px;">操作</td>-->
                            </tr>
                        </theard>
                        <tbody class="BLQK">
                        </tbody>
                    </table>
                </div>
                <div style="width: 100%;padding: 10px; display: none;">
                    <!--startprint2-->
                    <table class="Table" border="" cellspacing="0" cellpadding="0">
                        <theard>
                            <tr>
                                <!-- <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:80px;">职务</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:80px;">办理结果</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:80px;">是否满意</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:80px;">审核领导联系方式</td> -->
                                <!-- <td class="text-center" style="min-width:80px;">附件</td> -->
                                <!-- <td class="text-center" style="min-width:80px;">追加回复附件</td> -->
                            </tr>
                        </theard>
                        <tbody class="BLQKPrint">
                        </tbody>
                    </table>
                    <!--endprint2-->
                </div>
                <!-- 二级办理情况打印结束 -->
                <div style="padding: 10px;">
                    三级单位办理情况
                </div>
                <div style="width: 100%;padding: 10px;">
                    <table class="Table" border="" cellspacing="0" cellpadding="0">
                        <theard>
                            <tr>
                                <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:80px;">职务</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:80px;">类型</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:80px;">是/否向当事人反馈</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:80px;">是否满意</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:80px;">审核领导联系方式</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:80px;">是否满意</td> -->
                                <td class="text-center" style="min-width:80px;">附件</td>
                                <td class="text-center" style="min-width:80px;">追加回复附件</td>
                                <!--<td class="text-center authority" style="min-width:80px;">操作</td>-->
                            </tr>
                        </theard>
                        <tbody class="SJBLQK">
                        </tbody>
                    </table>
                </div>
                <div class="clearfix wh_btn" style="width:100%;text-align:center;margin:10px 0;">
                    <input type="button" value="打印" class="handlingSituationPrinting" />
                </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" 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" 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:100px;">督办意见</td>
                                <td class="text-center" style="min-width:100px;">督办时间</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">
                <!--startprint1-->
                <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: 200px;">操作时间</td>
                                <td class="text-center" data-align="left" style="min-width: 100px;">事项</td>
                            </tr>
                        </theard>
                        <tbody id="BLGC_">
                        </tbody>
                    </table>
                </div>
                <!--endprint1-->
                <div class="clearfix wh_btn" style="width:100%;text-align:center;margin:10px 0;">
                    <input type="button" value="打印" class="processPrinting" />
                </div>
            </div>
            <!--市民评议-->
            <div class="complain DCL" id="">
                <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:50px;">评议时间</td>
                                <td class="text-center" data-align="left" style="min-width:100px;">满意度</td>
                                <td class="text-center" style="min-width:100px;">评议内容</td>
                            </tr>
                        </theard>
                        <tbody id="SMPY">
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
    <script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
    <script src="../js/bootstrap-select.js"></script>
    <script src="../js/appeal/mapDeti.js"></script>
    <script src="../js/mousewheel/jquery.mousewheel.min.js"></script>
    <script src="../js/WorkOrder/jquery.drag.js"></script>
    <script>
        var wid = helper.request.queryString("wid");
        var check = helper.request.queryString("check");
        var workOrderType = helper.request.queryString("workOrderType");
        var isProtect = "";
        var phoneNumber = "";
        var callerName = ""
        var roleCode = $.cookie("code")
        $(document).ready(function () {
            jbSelect($("#jbSelect"));
            xbSelect($("#xbSelect"));

            if (wid) {

                load('0');
                load('6');
                load('7');
                load('1');
                $("#Change").val(wid);
                //预览
                $(".print").click(function () {
                    layer.open({
                        type: 2,
                        content: "PrintPreview-1.html?wid=" + wid, //iframe的url，no代表不显示滚动条
                        title: '打印/导出',
                        area: ['1200.8px', '90%'], //宽高
                    });
                    //window.location.href = "PrintPreview-1.html?wid=" + wid;
                })
                //关闭
                $(".closexq").click(function () {
                    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                    parent.layer.close(index); //再执行关闭  
                })
            }
            if (check) {
                $(".return").show()
                $(".jbDiv").show()
            } else {
                $(".return").hide()
                $(".jbDiv").hide()
            }
            if (workOrderType === "todo") {
                $(".return").show()
                $(".jbDiv").show()
                $(".applicationDelay").show()
                $(".handle").show()
            } else {
                $(".return").hide()
                $(".jbDiv").hide()
                $(".applicationDelay").hide()
                $(".handle").hide()
            }
            //弹屏右侧切换效果
            $(".ld-service li").click(function () {
                $(this).addClass("cr-click").siblings().removeClass("cr-click");
                var index = $(this).index();
                var type = $(this).attr("itemid");
                $(".Content_box").find(".complain").eq(index).addClass("Shows").siblings().removeClass(
                    "Shows");
                if (!$(this).attr("itemaction")) {
                    load(type);
                    $(this).attr("itemaction", '1');
                }
            });

            if (roleCode === "GLY" || roleCode === "ZXHWY" || roleCode === "ZXLD" || roleCode === "MTDD") {
                $(".content-wrapper").show();
            } else {
                $(".content-wrapper").hide();
            }

            function load(type) {
                $.ajax({
                    type: "get",
                    url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrderNew",
                    dataType: 'json',
                    async: false,
                    data: {
                        workorderid: wid,
                        type: type,
                        token: $.cookie("token")
                    },
                    success: function (result) {

                        if (result.state.toLowerCase() == "success") {

                            switch (type) {
                                case '0':
                                    var Data = result.data.data;
                                    var State = Data[0].F_WorkState;
                                    var CLFS = Data[0].F_IsResult;
                                    var isprotect = Data[0].isprotect;
                                    var level = Data[0].F_Level;
                                    $(".F_CusName").text(Data[0].F_CusName);
                                    $(".F_CusPhone").text(Data[0].F_CusPhone);
                                    $(".F_ConPhone").text(Data[0].F_ConPhone);
                                    $(".phoneType").text(Data[0].F_PhoneType);
                                    $(".splituser").text(Data[0].F_SplitUser);
                                    $(".F_ComTitle").text(Data[0].F_ComTitle);
                                    $('.F_ComContent').text(Data[0].F_ComContent);
                                    if (Data[0].F_Content === "" || Data[0].F_Content === null) {
                                        $('.F_Content').text(Data[0].F_ComContent);
                                    } else {
                                        $('.F_Content').text(Data[0].F_Content);
                                    }
                                    $('.F_SourceAddress').text(Data[0].F_SourceAddress);
                                    $(".store_Lng").val(Data[0].F_Longitude);
                                    $(".store_Lat").val(Data[0].F_Latitude);
                                    $('.F_FinalOpinion').text(Data[0].F_FinalOpinion);
                                    $('.additionalReply').text(Data[0].F_AdditionalReply);
                                    $('.LRSJ').text(Data[0].F_CreateTime); //录入时间
                                    $('.submitTime').text(Data[0].F_SubmitTime); //提交时间
                                    $('.SLHJ').text(Data[0].F_DealTime); //办理时间
                                    $('.lawsuitTime').text(Data[0].F_CloseTime); //结案时间
                                    $('.SL').text(Data[0].F_CusName);
                                    $(".DH").text(Data[0].F_WorkOrderId);
                                    $(".LY").text(Data[0].SourceName);
                                    $(".subjectWords").text(Data[0].KeyName);
                                    $(".LX").text(Data[0].TypeName1);
                                    $(".Result").text(Data[0].F_Result);
                                    $(".AreaName").text(Data[0].AreaName);
                                    $(".handlingUnit").text(Data[0].deptname);
                                    isProtect = result.data.data[0].F_IsProtect
                                    if (Data[0].F_CusPhone) {
                                        if (roleCode !== "WLDW" && roleCode !== "EJWLDW") {
                                            $(".F_CusPhone").hide()
                                        } else {
                                            $(".phoneTitle").unbind("click");
                                        }
                                        phoneNumber = Data[0].F_CusPhone
                                    } else {
                                        $(".phoneTitle").unbind("click");
                                    }
                                    if (Data[0].F_CusName) {
                                        if (roleCode !== "WLDW" && roleCode !== "EJWLDW") {
                                            $(".F_CusName").hide()
                                        } else {
                                            $(".callerTitle").unbind("click");
                                        }
                                        callerName = Data[0].F_CusName
                                    } else {
                                        $(".callerTitle").unbind("click");
                                    }
                                    if (String(Data[0].F_Business) === "1") {
                                        $(".threeWayCall").text("是");
                                    } else {
                                        $(".threeWayCall").text("否");
                                    }
                                    //附件
                                    var HTML;
                                    $(Data[0].File).each(function (i, v) {
                                        //								HTML = '<a style="margin-right:5px;" href="' + n.F_FileUrl + '" download="' + n.F_FileName.substring(19)+ '">' + n.F_FileName.substring(19) + '</a>'
                                        //								$(HTML).appendTo($('.FJ'));
                                        var $list = $(".FJ");
                                        if (v.F_FileType == ".jpg" || v.F_FileType ==
                                            ".png" || v
                                            .F_FileType == ".image") {
                                            //原来的图片
                                            var $li = $(
                                                //<i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i>
                                                '<li><span class="img_mask"><a href="' +
                                                v
                                                .F_FileUrl +
                                                '" download="w3logo" title="点击下载"></a></span>' +
                                                '<img layer-src="' + v.F_FileUrl +
                                                '" alt="' + v
                                                .F_FileName + '" src="' + v.F_FileUrl +
                                                '" title="图片"/>' +
                                                //										'<span class="file_name">' + v.F_FileName + '</span>' +
                                                '</li>'
                                            );
                                            $list.append($li);
                                        } else {
                                            var fileExtension = v.F_FileName.substring(v
                                                .F_FileName
                                                .lastIndexOf('.'));
                                            if (fileExtension === ".jpg" ||
                                                fileExtension ===
                                                ".png" || fileExtension === ",image") {
                                                var $li = $(
                                                    //<i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i>
                                                    '<li><span class="img_mask"><a href="' +
                                                    v
                                                    .F_FileUrl +
                                                    '" download="w3logo" title="点击下载"></a></span>' +
                                                    '<img layer-src="' + v.F_FileUrl +
                                                    '" alt="' + v
                                                    .F_FileName + '" src="' + v
                                                    .F_FileUrl +
                                                    '" title="图片"/>' +
                                                    //										'<span class="file_name">' + v.F_FileName + '</span>' +
                                                    '</li>'
                                                );
                                                $list.append($li);
                                            } else {
                                                var $liFile = $(
                                                    //<i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i>
                                                    '<li><span class="img_mask"><a href="' +
                                                    v
                                                    .F_FileUrl +
                                                    '" download="w3logo" title="点击下载"> <i class="fa fa-download" aria-hidden="true"></i></a></span>' +
                                                    '<div class="noThumb" title="文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
                                                    //										'<span class="file_name">' + v.F_FileName + '</span>' +
                                                    '</li>'
                                                );
                                                $list.append($liFile);
                                            }
                                        }
                                    })
                                    layer.photos({
                                        photos: '.FJ',
                                        anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                                        title: '查看图片',
                                        move: '.layui-layer-title',
                                        shadeClose: false,
                                        closeBtn: 1,
                                        area: ['80%', '90%'],
                                        tab: function (pic, layero) {
                                            $('.layui-layer-content').on("mousewheel",
                                                function (e, d) {

                                                    helper.methods.zoomImg($(
                                                        '#layui-layer-photos'
                                                    ).find(
                                                        'img[alt="' + pic
                                                        .alt + '"]'
                                                    ), d);
                                                    $('#layui-layer-photos').find(
                                                            'img[alt="' + pic.alt +
                                                            '"]')
                                                        .dragging({
                                                            move: "both", //拖动方向，x y both
                                                            randomPosition: false //初始位置是否随机
                                                        });
                                                    return false;

                                                });
                                            helper.methods.initLayerPhotos(
                                                '#layui-layer-photos', pic, layero);
                                        },
                                    });
                                    if (State == 0) {
                                        var entryTimeDate = new Date(Date.parse(Data[0]
                                            .F_CreateTime));
                                        var defaultTimeDate = new Date(Date.parse(
                                            "2020-10-16 00:00:00"));
                                        if (entryTimeDate >= defaultTimeDate) {
                                            $('.ZT').text("新工单");
                                        } else if (entryTimeDate < defaultTimeDate) {
                                            $('.ZT').text("新工单（历史工单）");
                                        }
                                    } else if (State == 1) {
                                        $('.ZT').text("待交办");
                                    } else if (State == 2) {
                                        $('.ZT').text("待查收");
                                    } else if (State == 3) {
                                        $('.ZT').text("退回审核中");
                                    } else if (State == 4) {
                                        $('.ZT').text("办理中");
                                    } else if (State == 5) {
                                        $('.ZT').text("延时审核中");
                                    } else if (State == 6) {
                                        $('.ZT').text("已办理");
                                    } else if (State == 7) {
                                        $('.ZT').text("已回访");
                                    } else if (State == 8) {
                                        if (Data[0].F_Identification === 0) {
                                            $('.ZT').text("重置转发");
                                        } else if (Data[0].F_Identification === 1) {
                                            $('.ZT').text("退回重办");
                                        } else {
                                            $('.ZT').text("重办中");
                                        }
                                    } else if (State == 9) {
                                        $('.ZT').text("已结案");
                                    } else if (State == 10) {
                                        $('.ZT').text("待审核");
                                    } else if (State == 11) {
                                        $('.ZT').text("重办待交办");
                                    } else if (State == 13) {
                                        $('.ZT').text("重办驳回");
                                    }
                                    //办理方式
                                    if (CLFS == 0) {
                                        $('.CLFS').text("网络转办");
                                    } else {
                                        $('.CLFS').text("当即办理");
                                    }
                                    //密级程度
                                    if (Data[0].F_IsProtect == 0) {
                                        $('.MJ').text("普通");
                                    } else {
                                        $('.MJ').text("保密");
                                    }
                                    //紧急程度
                                    if (Data[0].F_Level == 1) {
                                        $('.CD').text("普通");
                                    } else if (Data[0].F_Level == 2) {
                                        $('.CD').text("紧急");
                                    }
                                    if (Data[0].F_IsRelease == 2) {
                                        $('.associatedWorkOrderType').text("主工单");
                                        if (Data[0].F_SubWorkorder !== "") {
                                            var subWorkorder = Data[0].F_SubWorkorder.split(",")
                                            var subWorkorderStr = ""
                                            subWorkorder.forEach(function (v, i) {
                                                // if ((subWorkorder.length - 1) === i) {
                                                //     subWorkorderStr +=
                                                //         "<a class='viewWorkOrder'>" +
                                                //         v + "</a>"
                                                //     return;
                                                // }
                                                subWorkorderStr +=
                                                    "<a class='viewWorkOrder' onclick='ckxq(\"" + v + "\")'>" + v + "</a>,"
                                            })
                                            subWorkorderStr = subWorkorderStr.slice(0, -1);
                                            $(".associatedWorkOrderList").append(subWorkorderStr)
                                        }
                                    } else if (Data[0].F_IsRelease == 3) {
                                        $('.associatedWorkOrderType').text("子工单");
                                        if (Data[0].F_MainWorkorder !== "") {
                                            // var mainWorkorder = Data[0].F_MainWorkorder.split(",")
                                            var mainWorkorderStr = "<a class='viewWorkOrder' onclick='ckxq(\"" + Data[0].F_MainWorkorder + "\")'>" + Data[0].F_MainWorkorder +
                                                "</a>"
                                            $(".associatedWorkOrderList").append(mainWorkorderStr)
                                        }
                                    }
                                    // if (Data[0].F_MainWorkorder1 != null) {
                                    //     var mainWorkOrderMoreOrdersList = Data[0].F_MainWorkorder1.split(",");
                                    //     var mainWorkOrderMoreOrdersStr = "";
                                    //     mainWorkOrderMoreOrdersList.forEach(function(v, i) {
                                    //         mainWorkOrderMoreOrdersStr += "<a class='viewWorkOrder'>" + v +
                                    //                 "</a>，"

                                    //     })
                                    // } 
                                    if (Data[0].F_MainWorkorder1 != null) {
                                        var mainWorkOrderMoreOrdersStr = "<a class='viewWorkOrder' onclick='ckxq(\"" + Data[0].F_MainWorkorder1 + "\")'>" + Data[0].F_MainWorkorder1 + "</a>"
                                        $(".mainWorkOrderMoreOrders").append(mainWorkOrderMoreOrdersStr)
                                    }

                                    if (Data[0].F_SubWorkorder1 != null) {
                                        var childWorkOrderMoreOrdersList = Data[0].F_SubWorkorder1.split(",");
                                        var childWorkOrderMoreOrdersStr = "";
                                        childWorkOrderMoreOrdersList.forEach(function(v, i) {
                                            childWorkOrderMoreOrdersStr += "<a class='viewWorkOrder' onclick='ckxq(\"" + v + "\")'>" + v +
                                                    "</a>，"
                                        })
                                        $(".childWorkOrderMoreOrders").append(childWorkOrderMoreOrdersStr);
                                    }
                                    // $(".mainWorkOrderMoreOrders").()

                                    //转公开按钮显示或隐藏
                                    if (String(result.data.data[0].F_IsOpen) === "0" && String(Data[
                                            0].F_WorkState) === "9") {
                                        $(".publicTransfer").show();
                                    } else {
                                        $(".publicTransfer").hide();
                                    }

                                    // 转媒体按钮显示或隐藏
                                    if (String(result.data.data[0].F_IsMedia) === "0" && String(
                                            Data[0].F_WorkState) === "9") {
                                        $(".mediaTransfer").show();
                                    } else {
                                        $(".mediaTransfer").hide();
                                    }
                                    //修改按钮显示或隐藏
                                    if (result.data.isedit == '1') {
                                        $(".authority").show();
                                    } else {
                                        $(".authority").hide();
                                    }
                                    break;
                                case '1':
                                    //交办信息
                                    var jbxx = '';
                                    $(".JBXX").empty();
                                    $(result.data.jbdata).each(function (i, n) {
                                        //debugger;
                                        var OtherDeptName = n.OtherDeptName == null ? '-' :
                                            n
                                            .OtherDeptName;
                                        var StandardNames = n.StandardNames == null ? '-' :
                                            n
                                            .StandardNames;
                                        jbxx += '<tr>' +
                                            '<td class="text-center">' + (i + 1) + '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_LimitTime +
                                            '</td>' +
                                            '<td class="text-center">' + n.DeptName +
                                            '</td>' +
                                            '<td class="text-center">' + OtherDeptName +
                                            '</td>' +
                                            '<td class="text-center">' + n
                                            .F_AssignedOpinion +
                                            '</td>' +
                                            // '<td class="text-center">' + StandardNames +
                                            // '</td>' +
                                            // '<td class="text-center authority"><botton class="btns  XGXX " data_time="' +
                                            // n.F_LimitTime + '"  data_Opinio="' + n
                                            // .F_AssignedOpinion + '"  index="' + n.F_Id +
                                            // '">修改</botton></td>' +
                                            '</tr>';
                                    })
                                    $(jbxx).appendTo($(".JBXX"));
                                    //二级单位交办信息
                                    var ejjbxx = '';
                                    $(".EJJBXX").empty();
                                    $(result.data.ejjbdata).each(function (j, n) {
                                        var OtherDeptName = n.OtherDeptName == null ? '-' :
                                            n
                                            .OtherDeptName;
                                        ejjbxx += '<tr>' +
                                            '<td class="text-center">' + (j + 1) + '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_LimitTime +
                                            '</td>' +
                                            '<td class="text-center">' + n.DeptName +
                                            '</td>' +
                                            '<td class="text-center">' + OtherDeptName +
                                            '</td>' +
                                            '<td class="text-center">' + n
                                            .F_AssignedOpinion +
                                            '</td>' +
                                            // '<td class="text-center authority"><botton class="btns  XGXX " data_time="' +
                                            // n.F_LimitTime + '"  data_Opinio="' + n
                                            // .F_AssignedOpinion + '"  index="' + n.F_Id +
                                            // '">修改</botton></td>' +
                                            '</tr>';
                                    })
                                    $(ejjbxx).appendTo($('.EJJBXX'));
                                    //退回审核
                                    var Ths = '';
                                    $(".YTHHS").empty();
                                    $(result.data.thdata).each(function (i, n) {
                                        var a = '未审核';
                                        var AuditTime;
                                        var AuditReason;
                                        if (n.F_IsAudit == '1') {
                                            a = '同意';
                                        }
                                        if (n.F_IsAudit == '2') {
                                            a = '拒绝';
                                        }
                                        if (n.F_AuditTime == null) {
                                            AuditTime = "";
                                        } else {
                                            AuditTime = n.F_AuditTime
                                        }
                                        if (n.F_AuditReason == null) {
                                            AuditReason = '';
                                        } else {
                                            AuditReason = n.F_AuditReason
                                        }
                                        Ths += '<tr>' +
                                            '<td class="text-center">' + (i + 1) + '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_Result +
                                            '</td>' +
                                            '<td class="text-center">' + a + '</td>' +
                                            '<td class="text-center">' + AuditTime +
                                            '</td>' +
                                            '<td class="text-center">' + AuditReason +
                                            '</td>' +
                                            '<td class="text-center">' + n.DeptName +
                                            '</td>' +
                                            '<td class="text-center">'
                                        // '<td class="text-center authority"><botton class="btns  LTHSH " index="' +
                                        // n.F_Id + '" reason="' + n.F_AuditReason +
                                        // '" >修改</botton></td>' +
                                        var FileHtml;
                                        $(n.File).each(function (j, m) {
                                            if (m.F_FileType == ".jpg" || m
                                                .F_FileType == ".png") {
                                                FileHtml =
                                                    '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
                                                    m.F_FileUrl + '" alt="' + m
                                                    .F_FileName +
                                                    '" fileId="' + m.F_FileId +
                                                    '">';
                                            } else {
                                                FileHtml =
                                                    '<div><a style="margin-right:5px;" target="view_window" href="' +
                                                    m.F_FileUrl + '" download="' + m
                                                    .F_FileName + '">' + m
                                                    .F_FileName.substring(
                                                        19) + '</a></div>'
                                            }
                                            Ths += FileHtml;
                                        })
                                        Ths += '</td></tr>'
                                    })
                                    $(Ths).appendTo($(".YTHHS"));
                                    break;
                                case '2':
                                    //市长批示
                                    $('.SZPS').empty();
                                    $(result.data).each(function (i, n) {

                                        var str = '<tr>' +
                                            '<td class="text-center">' + n.F_BatchReason +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_SuperOpinion +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">';
                                        //办理情况附件
                                        var FileHtml;
                                        $(n.File).each(function (j, m) {
                                            if (m.F_FileType == ".jpg" || m
                                                .F_FileType ==
                                                ".png") {
                                                FileHtml =
                                                    '<img style="width:15px; height:15px" border="0" onclick="viewImage(this)" src="' +
                                                    m.F_FileUrl + '" alt="' + m
                                                    .F_FileName +
                                                    '" fileId="' + m.F_FileId + '">'
                                            } else {
                                                // FileHtml = m.F_FileName.substring(
                                                //     19)
                                                FileHtml +=
                                                    '<a style="margin-right:5px;" target="view_window" href="' +
                                                    m.F_FileUrl + '" download="' + m
                                                    .F_FileUrl + '">' + m.F_FileName
                                                    .substring(19) + '</a>';

                                            }
                                            str += FileHtml
                                            // str +=
                                            //     '<a style="margin-right:5px;" target="view_window" href="' +
                                            //     m.F_FileUrl + '" download="' + m
                                            //     .F_FileUrl + '">' + m.F_FileName
                                            //     .substring(19) + '</a>';
                                        })
                                        str += '</td>' +
                                            '</tr>'
                                        // str += '</td>' +
                                        //     '<td class="text-center authority"><botton class="btns  LDPSS "   superuser="' +
                                        //     n.F_BatchReason + '" superopinion="' + n
                                        //     .F_SuperOpinion + '" type="' + n.F_Type +
                                        //     '" index="' + n.F_Id + '">修改</botton></td>' +
                                        //     '</tr>';
                                        $(str).appendTo($(".SZPS"));
                                    })
                                    break;
                                case '3':
                                    //工单驳回
                                    $(".HTXX").empty();
                                    $(result.data).each(function (i, n) {
                                        var str = '<tr>' +
                                            '<td class="text-center">' + n.UserName +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_SuperOpinion +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>'
                                        //											'<td class="text-center">';
                                        //											//办理情况附件
                                        //											$(n.File).each(function(j, m) {
                                        //												str += '<a style="margin-right:5px;" href="' + m.F_FileUrl + '" download="' + m.F_FileUrl + '">' + m.F_FileName.substring(19) + '</a>';
                                        //											})
                                        str += '</td>' +
                                            // '<td class="text-center authority"><botton class="btns  HtxxBtn "   superuser="' +
                                            // n.F_BatchReason + '" superopinion="' + n
                                            // .F_SuperOpinion + '" type="' + n.F_Type +
                                            // '" index="' + n.F_Id + '">修改</botton></td>' +
                                            '</tr>';
                                        $(str).appendTo($(".HTXX"));
                                    })
                                    break;
                                case '4':
                                    //办理情况
                                    var htmls = '';
                                    var htmlsPrint = '';
                                    if (result.data.bldata.length < 0) {
                                        htmls = '<tr>' +
                                            '<td class="text-center">' + n.UserName + '</td>' +
                                            '</tr>';
                                    }
                                    if (result.data.bldata.length < 0) {
                                        htmlsPrint = '<tr>' +
                                            '<td class="text-center">' + n.UserName + '</td>' +
                                            '</tr>';
                                    }
                                    $(".BLQK").empty();
                                    $(".BLQKPrint").empty();
                                    //console.log(result.data.bldata);
                                    $(result.data.bldata).each(function (i, n) {
                                        //类型
                                        var bval = n.F_Type;
                                        switch (bval + '') {
                                            case '1':
                                                bval = '主办';
                                                break;
                                            case '2':
                                                bval = '协办';
                                                break;
                                        }
                                        //是/否向当事人反馈
                                        var isProResultValue = n.F_IsProResult + "";
                                        switch (isProResultValue) {
                                            case "0":
                                                isProResultValue = "否";
                                                break;
                                            case "1":
                                                isProResultValue = "是";
                                                break;
                                            case "2":
                                                isProResultValue = "已办未果";
                                                break;
                                        }
                                        //是否满意
                                        var isSatisfiedValue = n.F_IsSatisfied + "";
                                        switch (isSatisfiedValue) {
                                            case "0":
                                                isSatisfiedValue = "未评价";
                                                break;
                                            case "1":
                                                isSatisfiedValue = "满意";
                                                break;
                                            case "2":
                                                isSatisfiedValue = "基本满意";
                                                break;
                                            case "3":
                                                isSatisfiedValue = "不满意";
                                                break;
                                        }
                                        //沟通时间 
                                        var connectTimeValue = n.F_ConnectTime;
                                        switch (connectTimeValue) {
                                            case null:
                                                connectTimeValue = "";
                                                break;
                                            default:
                                                connectTimeValue = n.F_ConnectTime;
                                        }
                                        //职务
                                        var dutiesValue
                                        switch (n.F_Duties) {
                                            case "":
                                                dutiesValue = ""
                                                break;
                                            case null:
                                                dutiesValue = ""
                                                break;
                                            default:
                                                dutiesValue = n.F_Duties
                                                break;
                                        }
                                        //处理情况
                                        var situationValue
                                        switch (n.F_Situation) {
                                            case "":
                                                situationValue = ""
                                                break;
                                            case null:
                                                situationValue = ""
                                                break;
                                            default:
                                                situationValue = n.F_Situation
                                                break;
                                        }

                                        //已办未果备注
                                        var unsuccessful
                                        switch (n.F_Unsuccessful) {
                                            case "":
                                                unsuccessful = ""
                                                break;
                                            case null:
                                                unsuccessful = ""
                                                break;
                                            default:
                                                unsuccessful = n.F_Unsuccessful
                                                break;
                                        }

                                        // 审核领导
                                        var auditUser
                                        switch (n.F_AuditUser) {
                                            case "":
                                                auditUser = ""
                                                break;
                                            case null:
                                                auditUser = ""
                                                break;
                                            default:
                                                auditUser = n.F_AuditUser
                                                break;
                                        }

                                        // 领导职务
                                        var auditPost
                                        switch (n.F_AuditPost) {
                                            case "":
                                                auditPost = ""
                                                break;
                                            case null:
                                                auditPost = ""
                                                break;
                                            default:
                                                auditPost = n.F_AuditPost
                                                break;
                                        }

                                        // 领导联系方式
                                        var auditContact
                                        switch (n.F_AuditContact) {
                                            case "":
                                                auditContact = ""
                                                break;
                                            case null:
                                                auditContact = ""
                                                break;
                                            case undefined:
                                                auditContact = ""
                                                break;
                                            default:
                                                auditContact = n.F_AuditContact
                                                break;
                                        }

                                        htmls += '<tr>' +
                                            '<td class="text-center">' + n.F_DealUser +
                                            '</td>' +
                                            '<td class="text-center">' + n
                                            .F_DealUserContact +
                                            '</td>' +
                                            '<td class="text-center">' + dutiesValue +
                                            '</td>' +
                                            '<td class="text-center">' + situationValue +
                                            '</td>' +
                                            '<td class="text-center">' + n.DeptName +
                                            '</td>' +
                                            // '<td class="text-center" data-formatter="shtype">' +
                                            // bval + '</td>' +
                                            '<td class="text-center">' + n.F_Result +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + isProResultValue +
                                            '</td>' +
                                            // '<td class="text-center">' + unsuccessful +
                                            // '</td>' +
                                            // '<td class="text-center">' + n.F_ProSituation +
                                            // '</td>' +
                                            '<td class="text-center">' + isSatisfiedValue +
                                            '</td>' +
                                            '<td class="text-center">' + auditUser +
                                            '</td>' +
                                            '<td class="text-center">' + auditPost +
                                            '</td>' +
                                            '<td class="text-center">' + auditContact +
                                            '</td>' +
                                            // '<td class="text-center">' + connectTimeValue +
                                            // '</td>' +
                                            // '<td class="text-center">' + n.F_ConnectMode + '</td>' +

                                            '<td class="text-center">'
                                        htmlsPrint += '<tr>' +
                                            // '<td class="text-center">' + n.F_DealUser +
                                            // '</td>' +
                                            '<td class="text-center">' + n
                                            .F_DealUserContact +
                                            '</td>' +
                                            '<td class="text-center">' + dutiesValue +
                                            '</td>' +
                                            // '<td class="text-center">' + situationValue +
                                            // '</td>' +
                                            '<td class="text-center">' + n.DeptName +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_Result +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + isProResultValue +
                                            '</td>' +
                                            '<td class="text-center">' + isSatisfiedValue +
                                            '</td>'
                                            // '<td class="text-center">' + auditUser +
                                            // '</td>' +
                                            // '<td class="text-center">' + auditPost +
                                            // '</td>' +
                                            // '<td class="text-center">' + auditContact +
                                            // '</td>' +
                                            // '<td class="text-center">'
                                        //办理情况附件
                                        var FileHtml;
                                        $(n.File).each(function (j, m) {
                                            if (m.F_FileType == ".jpg" || m
                                                .F_FileType ==
                                                ".png") {
                                                FileHtml =
                                                    '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
                                                    m.F_FileUrl + '" alt="' + m
                                                    .F_FileName +
                                                    '" fileId="' + m.F_FileId +
                                                    '">';
                                            } else {
                                                // FileHtml = m.F_FileName.substring(
                                                //     19);
                                                FileHtml =
                                                    '<div><a style="margin-right:5px;" target="view_window" href="' +
                                                    m.F_FileUrl + '" download="' + m
                                                    .F_FileName + '">' + m
                                                    .F_FileName.substring(
                                                        19) + '</a></div>'
                                            }
                                            // htmls +=
                                            //     '<div><a style="margin-right:5px;" target="view_window" href="' +
                                            //     m.F_FileUrl + '" download="' + m
                                            //     .F_FileName + '">' + m.F_FileName.substring(
                                            //         19) + '</a></div>';
                                            htmls += FileHtml;
                                        })
                                        htmls += '</td>' +
                                            '<td class="text-center">'
                                        var FileHtmls;
                                        $(n.Files).each(function (j, m) {
                                            if (m.F_FileType == ".jpg" || m
                                                .F_FileType ==
                                                ".png") {
                                                FileHtmls =
                                                    '<img style="width:15px; height:15px" border="0" onclick="viewImage(this)" src="' +
                                                    m.F_FileUrl + '" alt="' + m
                                                    .F_FileName +
                                                    '" fileId="' + m.F_FileId +
                                                    '">';
                                            } else {
                                                // FileHtmls = m.F_FileName.substring(
                                                //     19);
                                                FileHtmls =
                                                    '<div><a style="margin-right:5px;" target="view_window" href="' +
                                                    m.F_FileUrl + '" download="' + m
                                                    .F_FileName + '">' + m
                                                    .F_FileName.substring(
                                                        19) + '</a></div>'
                                            }
                                            // htmls +=
                                            //     '<div><a style="margin-right:5px;" target="view_window" href="' +
                                            //     m.F_FileUrl + '" download="' + m
                                            //     .F_FileName + '">' + m.F_FileName.substring(
                                            //         19) + '</a></div>';
                                            htmls += FileHtmls
                                        })
                                        htmls += '</td></tr>';
                                        htmlsPrint += '</td></tr>';
                                    })
                                    $(htmls).appendTo($(".BLQK"));
                                    $(htmlsPrint).appendTo($(".BLQKPrint"));
                                    //三级办理情况
                                    var SJhtmls = '';
                                    if (result.data.ejbldata.length < 0) {
                                        SJhtmls = '<tr>' +
                                            '<td class="text-center">' + n.UserName + '</td>' +
                                            '</tr>';
                                    }
                                    $(result.data.ejbldata).each(function (i, n) {
                                        var bval = n.F_Type;
                                        switch (bval + '') {
                                            case '1':
                                                bval = '主办';
                                                break;
                                            case '2':
                                                bval = '协办';
                                                break;
                                        }
                                        //是/否向当事人反馈
                                        var isProResultValue = n.F_IsProResult + "";
                                        switch (isProResultValue) {
                                            case "0":
                                                isProResultValue = "否";
                                                break;
                                            case "1":
                                                isProResultValue = "是";
                                                break;
                                            case "2":
                                                isProResultValue = "已办未果";
                                                break;
                                        }
                                        //是否满意
                                        var isSatisfiedValue = n.F_IsSatisfied + "";
                                        switch (isSatisfiedValue) {
                                            case "0":
                                                isSatisfiedValue = "未评价";
                                                break;
                                            case "1":
                                                isSatisfiedValue = "满意";
                                                break;
                                            case "2":
                                                isSatisfiedValue = "基本满意";
                                                break;
                                            case "3":
                                                isSatisfiedValue = "不满意";
                                                break;
                                        }
                                        //沟通时间 
                                        var connectTimeValue = n.F_ConnectTime;
                                        switch (connectTimeValue) {
                                            case null:
                                                connectTimeValue = "";
                                                break;
                                            default:
                                                connectTimeValue = n.F_ConnectTime;
                                        }

                                        //职务
                                        var dutiesValue
                                        switch (n.F_Duties) {
                                            case "":
                                                dutiesValue = ""
                                                break;
                                            case null:
                                                dutiesValue = ""
                                                break;
                                            default:
                                                dutiesValue = n.F_Duties
                                                break;
                                        }
                                        //处理情况
                                        var situationValue
                                        switch (n.F_Situation) {
                                            case "":
                                                situationValue = ""
                                                break;
                                            case null:
                                                situationValue = ""
                                                break;
                                            default:
                                                situationValue = n.F_Situation
                                                break;
                                        }

                                        //已办未果备注
                                        var unsuccessful
                                        switch (n.F_Unsuccessful) {
                                            case "":
                                                unsuccessful = ""
                                                break;
                                            case null:
                                                unsuccessful = ""
                                                break;
                                            default:
                                                unsuccessful = n.F_Unsuccessful
                                                break;
                                        }

                                        // 审核领导
                                        var auditUser
                                        switch (n.F_AuditUser) {
                                            case "":
                                                auditUser = ""
                                                break;
                                            case null:
                                                auditUser = ""
                                                break;
                                            default:
                                                auditUser = n.F_AuditUser
                                                break;
                                        }

                                        // 领导职务
                                        var auditPost
                                        switch (n.F_AuditPost) {
                                            case "":
                                                auditPost = ""
                                                break;
                                            case null:
                                                auditPost = ""
                                                break;
                                            default:
                                                auditPost = n.F_AuditPost
                                                break;
                                        }

                                        // 领导联系方式
                                        var auditContact
                                        switch (n.F_AuditContact) {
                                            case "":
                                                auditContact = ""
                                                break;
                                            case null:
                                                auditContact = ""
                                                break;
                                            case undefined:
                                                auditContact = ""
                                                break;
                                            default:
                                                auditContact = n.F_AuditContact
                                                break;
                                        }

                                        SJhtmls += '<tr>' +
                                            '<td class="text-center">' + n.F_DealUser +
                                            '</td>' +
                                            '<td class="text-center">' + n
                                            .F_DealUserContact +
                                            '</td>' +
                                            '<td class="text-center">' + dutiesValue +
                                            '</td>' +
                                            '<td class="text-center">' + situationValue +
                                            '</td>' +
                                            '<td class="text-center">' + n.DeptName +
                                            '</td>' +
                                            // '<td class="text-center" data-formatter="shtype">' +
                                            // bval + '</td>' +
                                            '<td class="text-center">' + n.F_Result +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + isProResultValue +
                                            '</td>' +
                                            // '<td class="text-center">' + unsuccessful +
                                            // '</td>' +
                                            // '<td class="text-center">' + n.F_ProSituation +
                                            // '</td>' +
                                            '<td class="text-center">' + isSatisfiedValue +
                                            '</td>' +
                                            '<td class="text-center">' + auditUser +
                                            '</td>' +
                                            '<td class="text-center">' + auditPost +
                                            '</td>' +
                                            '<td class="text-center">' + auditContact +
                                            '</td>' +
                                            // '<td class="text-center">' + connectTimeValue +
                                            // '</td>' +
                                            // '<td class="text-center">' + n.F_ConnectMode + '</td>' +
                                            '<td class="text-center">'
                                        //办理情况附件
                                        var FileHtml;
                                        $(n.File).each(function (j, m) {
                                            if (m.F_FileType == ".jpg" || m
                                                .F_FileType ==
                                                ".png") {
                                                FileHtml =
                                                    '<img style="width: 80px; height: 80px" border="0" onclick="viewImage(this)" src="' +
                                                    m.F_FileUrl + '" alt="' + m
                                                    .F_FileName +
                                                    '" fileId="' + m.F_FileId + '">'
                                            } else {
                                                // FileHtml = m.F_FileName.substring(
                                                //     19)
                                                FileHtml +=
                                                    '<div><a style="margin-right:5px;" target="view_window" href="' +
                                                    m.F_FileUrl + '" download="' + m
                                                    .F_FileName + '">' + m
                                                    .F_FileName.substring(
                                                        19) + '</a></div>';
                                            }
                                            // SJhtmls +=
                                            //     '<div><a style="margin-right:5px;" target="view_window" href="' +
                                            //     m.F_FileUrl + '" download="' + m
                                            //     .F_FileName + '">' + m.F_FileName.substring(
                                            //         19) + '</a></div>';
                                            SJhtmls += FileHtml
                                        })
                                        SJhtmls += '</td>' +
                                            '<td class="text-center">'
                                        var FileHtmls;
                                        $(n.Files).each(function (j, m) {
                                            if (m.F_FileType == ".jpg" || m
                                                .F_FileType ==
                                                ".png") {
                                                FileHtmls =
                                                    '<img style="width:15px; height:15px" border="0" onclick="viewImage(this)" src="' +
                                                    m.F_FileUrl + '" alt="' + m
                                                    .F_FileName +
                                                    '" fileId="' + m.F_FileId +
                                                    '">';
                                            } else {
                                                // FileHtmls = m.F_FileName.substring(
                                                //     19);
                                                FileHtmls +=
                                                    '<div><a style="margin-right:5px;" target="view_window" href="' +
                                                    m.F_FileUrl + '" download="' + m
                                                    .F_FileName + '">' + m
                                                    .F_FileName.substring(
                                                        19) + '</a></div>';

                                            }
                                            SJhtmls += FileHtmls
                                            // SJhtmls +=
                                            //     '<div><a style="margin-right:5px;" target="view_window" href="' +
                                            //     m.F_FileUrl + '" download="' + m
                                            //     .F_FileName + '">' + m.F_FileName.substring(
                                            //         19) + '</a></div>';
                                        })
                                        SJhtmls += '</td></tr>'
                                    })
                                    $(SJhtmls).appendTo($(".SJBLQK"));
                                    break;
                                case '5':
                                    //延时审核
                                    var Ysh = '';
                                    $(".YSSHS").empty();
                                    $(result.data).each(function (i, n) {
                                        var a = '未审核';
                                        if (n.F_IsAudit == '1') {
                                            a = '同意';
                                        }
                                        if (n.F_IsAudit == '2') {
                                            a = '拒绝';
                                        }
                                        Ysh += '<tr>' +
                                            '<td class="text-center">' + (i + 1) + '</td>' +
                                            '<td class="text-center">' + a + '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_Reason +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_AuditTime +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_RefuseReason +
                                            '</td>' +
                                            // '<td class="text-center authority"><botton class="btns  LYSSH " index="' +
                                            // n.F_Id + '" reason="' + n.F_RefuseReason +
                                            // '" >修改</botton></td>' +
                                            '</tr>';
                                    })
                                    $(Ysh).appendTo($(".YSSHS"));
                                    break;
                                case '6':
                                    //回访信息
                                    var htmlss = '';
                                    if (result.data.length < 0) {
                                        htmlss = '<tr>' +
                                            '<td class="text-center">' + n.UserName + '</td>' +
                                            '</tr>';
                                    } else {
                                        $(".HGXX").empty();
                                        $(result.data).each(function (i, n) {
                                            var a;
                                            var b;
                                            if (String(n.F_IsSatisfie) === "0") {
                                                a = "不满意";
                                            } else if (String(n.F_IsSatisfie) == "1") {
                                                a = "满意";
                                            }
                                            if (n.F_Type == 0) {
                                                b = "电话";
                                            } else if (n.F_Type == 1) {
                                                b = "微信";
                                            } else if (n.F_Type == 2) {
                                                b = "APP";
                                            } else if (n.F_Type == 3) {
                                                b = "网站";
                                            } else if (n.F_Type == 4) {
                                                b = "微博";
                                            } else if (n.F_Type == 5) {
                                                b = "信箱";
                                            }

                                            htmlss += '<tr>' +
                                                '<td class="text-center">' + (i + 1) +
                                                '</td>' +
                                                '<td class="text-center">' + n.F_VisitUser +
                                                '</td>' +
                                                '<td class="text-center">' + b + '</td>' +
                                                '<td class="text-center">' + n.F_Result +
                                                '</td>' +
                                                '<td class="text-center">' + a + '</td>' +
                                                '<td class="text-center">' + n
                                                .F_CreateTime +
                                                '</td>' +
                                                '<td class="text-center">' + phoneNumber +
                                                '</td>' +
                                                '<td class="text-center">'
                                            // '<td class="text-center authority">' +
                                            // '<botton class="btns  HFXG " index="' + n
                                            // .F_Id +
                                            // '" visituser="' + n.F_VisitUser + '"' +
                                            // 'result="' + n.F_Result +
                                            // '" callid="" type="' + n
                                            // .F_Type + '" issatisfie="' + n
                                            // .F_IsSatisfie +
                                            // '">修改</botton>' +
                                            // '</td>' +
                                            // '</tr>';
                                            var audioFile = '';
                                            if (n.FilePath) {
                                                audioFile += '<div class="imgs">' +
                                                    '<img src="../img/vice.png" alt="" onclick="recordingFun(this)" item="' +
                                                    n.FilePath + '" />' +
                                                    '</div></td>';
                                            }
                                            htmlss += audioFile + '</tr>'
                                        })
                                        $(htmlss).appendTo($(".HGXX"));
                                    }
                                    break;
                                case '7':
                                    //督办信息
                                    var htmlsss = '';
                                    if (result.data.length < 0) {
                                        htmlsss = '<td>' +
                                            '<td class="text-center">' + n.UserName + '</td>' +
                                            '</td>';
                                    } else {
                                        $(".DBXX").empty();
                                        $(result.data).each(function (i, n) {
                                            htmlsss = htmlsss + '<tr>' +
                                                '<td class="text-center">' + (i + 1) +
                                                '</td>' +
                                                '<td class="text-center">' + n.F_CreateUser +
                                                '</td>' +
                                                '<td class="text-center">' + n.F_Remark +
                                                '</td>' +
                                                '<td class="text-center">' + n.Supervisor +
                                                '</td>' +
                                                // '<td class="text-center">' + n.UserName +
                                                // '</td>' +
                                                '<td class="text-center">' + n.F_Content +
                                                '</td>' +
                                                '<td class="text-center">' + n
                                                .F_CreateTime +
                                                '</td>' +
                                                '</tr>';
                                        })
                                        $(htmlsss).appendTo($(".DBXX"));
                                    }
                                    break;
                                case '8':
                                    //市民催办
                                    $("#citizenReminder").empty();

                                    $(result.data).each(function (i, n) {
                                        var html = '<tr>' +
                                            '<td class="text-center">' + (i + 1) + '</td>' +
                                            '<td class="text-center">' + n.F_Content +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '</tr>';
                                        $(html).appendTo($("#citizenReminder"));
                                    });
                                    break;
                                case '9':
                                    //办理过程
                                    $("#BLGC_").empty();
                                    $(result.data).each(function (i, n) {
                                        var html = '<tr>' +
                                            '<td class="text-center">' + (i + 1) + '</td>' +
                                            '<td class="text-center">' + n.F_CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + n.F_Message +
                                            '</td>' +
                                            '</tr>';
                                        $(html).appendTo($("#BLGC_"));
                                    });
                                    break;
                                case '10':
                                    //市民评议
                                    $("#SMPY").empty();
                                    $(result.data).each(function (i, n) {
                                        var str = '<tr>' +
                                            '<td class="text-center">' + (i + 1) +
                                            '</td>' +
                                            '<td class="text-center">' + n
                                            .CreateTime +
                                            '</td>' +
                                            '<td class="text-center">' + n
                                            .strWrkOrder_Cst_Ssf_Cd +
                                            '</td>' +
                                            '<td class="text-center">' + n
                                            .strSsf_Cst_Ass_CntDsc +
                                            '</td>'
                                        $(str).appendTo($("#SMPY"));
                                    })
                                    break;
                            }
                        }
                    }
                })
            }

            //修改交办意见
            $('.XGXX').click(function () {
                var index = $(this).attr('index');
                layer.open({
                    type: 2,
                    content: "../CommonHtml/XGjiaoban.html?wid=" +
                        index, //iframe的url，no代表不显示滚动条
                    title: '修改交办信息',
                    area: ['48%', '40%'], //宽高
                });
                //window.location.href = "../CommonHtml/XGjiaoban1.html?id=" + index + "&wid=" + wid; //iframe的url，no代表不显示滚动条

            })
            //修改回访意见
            $(".HFXG").click(function () {
                var index = $(this).attr('index');
                layer.open({
                    type: 2,
                    content: "../CommonHtml/XGHF.html?wid=" +
                        index, //iframe的url，no代表不显示滚动条
                    title: '修改回访信息',
                    area: ['58%', '60%'], //宽高
                });
                //window.location.href = "../CommonHtml/XGHF.html?wid=" + index; //iframe的url，no代表不显示滚动条
            });
            //领导批示
            $(".LDPSS").click(function () {
                var index = $(this).attr('index'); //批示ID
                var superuser = $(this).attr('superuser'); //批示人
                var superopinion = $(this).attr("superopinion"); //批示内容
                var type = $(this).attr("type"); //批示类型
                layer.open({
                    type: 2,
                    content: "../CommonHtml/LDPS.html?wid=" +
                        index + "&type=" +
                        type, //iframe的url，no代表不显示滚动条
                    title: '修改领导批示信息',
                    area: ['58%', '60%'], //宽高
                })
                //window.location.href = "../CommonHtml/LDPS.html?wid=" + index + "&type=" + type; //iframe的url，no代表不显示滚动条
            });

            //修改回退信息
            $(".HtxxBtn").click(function () {
                var index = $(this).attr('index');
                layer.open({
                    type: 2,
                    content: "../CommonHtml/BackDatil.html?wid=" +
                        index + '&tab=0', //iframe的url，no代表不显示滚动条
                    title: '修改回退信息',
                    area: ['58%', '60%'], //宽高
                })
                //window.location.href = "../CommonHtml/BackDatil.html?wid=" + index+'&tab=0'
            })
            //修改审核延时
            $(".LYSSH").click(function () {
                var index = $(this).attr('index');
                layer.open({
                    type: 2,
                    content: "../CommonHtml/YSSH.html?wid=" +
                        index, //iframe的url，no代表不显示滚动条
                    title: '修改延时审核',
                    area: ['58%', '60%'], //宽高
                })
                //window.location.href = "../CommonHtml/YSSH.html?wid=" + index;
            })
            //修改退回审核
            $(".LTHSH").click(function () {
                var index = $(this).attr('index');
                layer.open({
                    type: 2,
                    content: "../CommonHtml/lSHTH.html?wid=" +
                        index, //iframe的url，no代表不显示滚动条
                    title: '修改退回审核',
                    area: ['58%', '60%'], //宽高
                })
                //window.location.href = "../CommonHtml/lSHTH.html?wid=" + index;
            })

            //转公开
            $('.publicTransfer').click(function () {
                layer.open({
                    content: '是否要转公开？',
                    btn: ['是', '否'],
                    yes: function (index, layero) {
                        $.post(huayi.config.callcenter_url + "WorkOrder/ReleaseWorkOrder", {
                            workorderid: wid, //工单编号
                            isrelease: 1, //(0撤回，1转媒体)
                            isopen: 1,
                            token: $.cookie("token")
                        }, function (result) {
                            var data = JSON.parse(result);
                            if (data.state == "success") {
                                $(".publicTransfer").hide();
                                var index = parent.layer.getFrameIndex(window
                                    .name); //先得到当前iframe层的索引
                                parent.layer.close(index); //再执行关闭
                                parent.$('#orderlist').bootstrapTable('refresh');
                                parent.layer.msg("转公开成功");
                            }
                        })
                    }
                })
            });

            //转媒体
            $('.mediaTransfer').click(function () {
                layer.open({
                    content: '是否要转媒体？',
                    btn: ['是', '否'],
                    yes: function (index, layero) {
                        $.post(huayi.config.callcenter_url + "WorkOrder/MediaWorkOrder", {
                            workorderid: wid, //工单编号
                            isrelease: 1, //(0撤回，1转媒体)
                            token: $.cookie("token")
                        }, function (result) {
                            var data = JSON.parse(result);
                            if (data.state == "success") {
                                $(".mediaTransfer").hide();
                                var index = parent.layer.getFrameIndex(window
                                    .name); //先得到当前iframe层的索引
                                parent.layer.close(index); //再执行关闭
                                parent.$('#orderlist').bootstrapTable('refresh');
                                parent.layer.msg("操作成功");
                            }
                        })
                    }
                })
            });


            //修改
            $(".change").click(function () {

                var str = $("#Change").val();
                layer.open({
                    type: 2,
                    content: "../CommonHtml/XGwordel.html?wid=" + str, //iframe的url，no代表不显示滚动条
                    title: '修改交办信息',
                    area: ['80%', '80%'], //宽高
                })
                //					layer.open({
                //					type: 2,
                //					content: "../CommonHtml/XGwordel.html?wid=" + str, //iframe的url，no代表不显示滚动条
                //					title: '编辑工单',
                //					area: ['96%', '80%'], //宽高
                //					window.location.href = "../CommonHtml/XGwordel.html?wid=" + str;
                //									});
            })
            //退回
            $(".return").click(function () {
                layer.open({
                    type: 2,
                    content: "../CommonHtml/tuihuisq.html?wid=" + wid, //iframe的url，no代表不显示滚动条
                    title: "申请退回工单",
                    area: ["60%", "80%"], //宽高
                });
            })
            $(".pdBtn").click(function () {
                var jbSelect = $("#jbSelect").val();
                var xbSelect = $("#xbSelect").val()
                console.log(jbSelect)
                console.log(xbSelect)
                layer.open({
                    type: 2,
                    content: "../CommonHtml/handle_cs.html?wid=" + wid + "&jbSelect=" +
                        jbSelect + "&xbSelect=" + xbSelect, //iframe的url，no代表不显示滚动条
                    title: "工单交办",
                    area: ["95%", "95%"], //宽高
                });
            })
            $(".applicationDelay").click(function () {
                layer.open({
                    type: 2,
                    content: "../CommonHtml/Timesq.html?wid=" + wid, //iframe的url，no代表不显示滚动条
                    title: "申请延时",
                    area: ["60%", "80%"], //宽高
                });
            })
            $(".handle").click(function () {
                layer.open({
                    type: 2,
                    content: "../CommonHtml/banli.html?wid=" + wid + "&isProtect=" +
                        isProtect, //iframe的url，no代表不显示滚动条
                    title: "办理工单",
                    area: ["60%", "80%"], //宽高
                });
            })
        });

        function closePage() {
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index); //再执行关闭
            parent.$("#orderlist").bootstrapTable("refresh");
            parent.layer.msg("操作成功");
        }

        function jbSelect(obj) {
            obj.empty();
            $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
                "token": $.cookie("token"),
            }, function (data) {
                if (data.state.toLowerCase() == "success") {
                    var content = data.data;
                    $("<option value=''>请选择</option>").appendTo(obj);
                    $(content).each(function (i, n) {
                        $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(
                            obj);
                    })
                    obj.selectpicker({
                        noneSelectedText: '请选择' //默认显示内容
                    });
                    obj.selectpicker('refresh');
                }
            })
        }

        function xbSelect(obj) {
            obj.empty();
            $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
                "token": $.cookie("token"),
            }, 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(
                            obj);

                    })
                    obj.selectpicker({
                        noneSelectedText: '请选择' //默认显示内容
                    });
                    obj.selectpicker('refresh');
                }
            })
        }

        $(".phoneTitle").click(function () {
            layer.open({
                type: 2,
                content: "./callerNumber.html?phoneNumber=" + encodeURIComponent(
                    phoneNumber), //iframe的url，no代表不显示滚动条
                title: "来电号码",
                area: ["40%", "25%"], //宽高
            });
        })

        $(".callerTitle").click(function () {
            layer.open({
                type: 2,
                content: "./callerName.html?callerName=" + callerName, //iframe的url，no代表不显示滚动条
                title: "来电人",
                area: ["40%", "25%"], //宽高
            });
        })

        function viewImage(file) {
            var json = {
                "title": "", //相册标题
                "id": 1, //相册id
                "start": 0, //初始显示的图片序号，默认0
                "data": [ //相册包含的图片，数组格式
                    {
                        "alt": $(file).attr("alt"),
                        "pid": $(file).attr("fileId"), //图片id
                        "src": $(file).attr("src"), //原图地址
                        "thumb": "" //缩略图地址
                    }
                ]
            }
            layer.photos({
                photos: json,
                anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });
        }

        function recordingFun(htmlstr) {
            var path = $(htmlstr).attr("item");
            layer.open({
                type: 2,
                content: "../CommonHtml/recording.html?path=" + path, //iframe的url，no代表不显示滚动条
                title: '录音',
                area: ['30%', '20%'], //宽高
                maxmin: true,
                shade: 0
            });
        }

        // 查看详情
        function ckxq(str) {
            layer.open({
                type: 2,
                content: "WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
                title: "工单详情",
                area: ["100%", "100%"], //宽高
                maxmin: true,
                shade: 0,
            });
        }

        $(".processPrinting").click(function () {
            var oper = 1
            if (oper < 5) {
                bdhtml = window.document.body.innerHTML; //获取当前页的html代码
                sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
                eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
                prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
                print.portrait = true; //纵向打印
                prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
                window.document.body.innerHTML = prnhtml;
                window.print();
                window.document.body.innerHTML = bdhtml;
            } else {
                window.print();
            }
        })
        $(".handlingSituationPrinting").click(function () {
            var oper = 2
            if (oper < 5) {
                bdhtml = window.document.body.innerHTML; //获取当前页的html代码
                sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
                eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
                prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
                print.portrait = true; //纵向打印
                prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
                window.document.body.innerHTML = prnhtml;
                window.print();
                window.document.body.innerHTML = bdhtml;
            } else {
                window.print();
            }
        })
    </script>
</body>

</html>