<%@ page language="java" import="java.util.*" pageEncoding="gbk" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
    <%@include file="../../../../frame/assets/header-all.jsp" %>
    <script type="text/javascript" src="ywworkorder_detail.js"></script>
    <style type="text/css">
        body {
            overflow:hidden;
        }
        li {
            margin: 0 30px;
            font-size: 13px;
        }

        table {
            border: 1px solid #e6e6e6;
            width: 100%;
            height: 100%;
        }

        tr {
            height: 30px;
        }

        tr, td {
            border: 1px solid #e6e6e6;
            text-align: center;
        }

        tr td:nth-child(odd) {
            background-color: #eeeeee;
            text-align: center;
            width: 16%;
            color: black;
        }

        tr td:nth-child(even) {
            color: black;
        }

        .textbox {
            margin: 0 !important;
        }

        span.textbox:hover, span.combo:hover {
            border: 0 !important;
            text-align: center;
        }

        span.textbox {
            border: 0 !important;
        }

        .textbox-text {
            text-align: center !important;
        }

        * {
            box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) !important;
        }


        #pic {
            width: auto;
            height: auto;
            position: absolute;
            top: 10%;
            left: 20%;
            z-index: 1;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            /* 		var state=2;
                    $("#chuliState li").find("span:eq(0)").css("backgroundColor",'red');
                    $("#chuliState li").find("span:eq(1)").css("color",'red');

                    $("#chuliState li").each(function(index,val){
                        if(state==index){
                            return false;
                        }
                        $(this).find("span:eq(0)").css("backgroundColor",'green');
                        $(this).find("span:eq(1)").css("color",'green');
                    }); */

        });
    </script>
</head>
<body>

<div style="padding:0 8px">
    <div style="line-height:36px;height:36px;border-bottom:1px solid  #e6e6e6;">
        <ul style="display:flex;justify-content:space-between;">
            <li style="margin-left:0 !important;">工单编号：<span id="jobid" style="color:#008000;">-</span></li>
            <!-- <li>故障类型：<span style="color:#a0d6a1;">相机异常</span></li> -->
            <li>告警等级：<span id="alarmgradename" style="color:#008000;"></span></li>
            <li>处理状态：<span style="color:#008000;" id="jobprocessstatename"></span></li>
        </ul>
    </div>
    <div id="pic" style="display:none;">
        <img alt="" src="" style="width: 600px">
    </div>
    <div style="padding-top:0px;height:100%">
        <form id="childform" class="easyui-form" data-options="novalidate:true" method="post">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td colspan="6" style="background-color:#dcdcdc;">故障详情描述</td>
                </tr>
                <tr>
                    <td>故障设备类型:</td>
                    <td><span id="faultdevicetypename"></span></td>
                    <td>故障设备名称:</td>
                    <td><span id="faultdevicename"></span></td>
                    <td>故障设备编号:</td>
                    <td><span id="faultdeviceid"></span></td>

                </tr>
                <tr>
                    <td>故障发生时间:</td>
                    <td><span id="faultoccurtime"></span></td>
                    <td>故障类型:</td>
                    <td><span id="faulttype">--</span></td>
                    <td>工单上报单位:</td>
                    <td><span id="jobreportcompanyname"></span></td>
                </tr>
                <tr>
                    <td>工单上报人:</td>
                    <td><span id="jobreportpeoplename"></span></td>
                    <td>上报人电话:</td>
                    <td><span id="jobreportphone"></span></td>
                    <td>上报时间:</td>
                    <td><span id="jobreporttime"></span></td>
                </tr>
                <tr>
                    <td>故障描述</td>
                    <td colspan="5"><span id="faultdescription"></span>
                        <!-- <span  style="float:right;display:inline-block;width:100px;height:24px;background-color:#59b559;color:white;line-height:24px;">相关知识点</span> -->
                    </td>
                </tr>
                <tr>
                    <td>故障图片</td>
                    <td colspan="5">
                        <a><span id="faultpictureurl"></span></a>
                    </td>
                    <!-- <td colspan="5">
                        <span id="faultpictureurl" style="float:right;display:inline-block;width:45px;height:24px;background-color:#59b559;color:white;line-height:24px;margin-left:10px;">上传</span>
                        <span style="float:right;display:inline-block;width:45px;height:24px;background-color:#59b559;color:white;line-height:24px;">查看</span>
                    </td> -->
                </tr>

                <tr>
                    <td>工单受理单位:</td>
                    <td><span id="jobacceptcompanyname"></span></td>
                    <td>工单受理人:</td>
                    <td><span id="jobacceptpeople"></span></td>
                    <td>工单受理人电话:</td>
                    <td><span id="jobacceptphone"></span></td>
                </tr>
                <tr>
                    <td>工单受理时间:</td>
                    <td><span id="jobaccepttime"></span></td>
                    <td>要求完成时间:</td>
                    <td><span id="requirefinishtime"></span></td>
                    <td>工单受理信息:</td>
                    <td><span id="faultacceptinfo"></span></td>
                </tr>
                <tr>
                    <td>是否申请延期:</td>
                    <td><span id="isdelay"></span></td>
                    <td>申请完成时间:</td>
                    <td><span id="delaytime"></span></td>
                    <td>延期审批意见:</td>
                    <td><span id="delayfordescription"></span></td>
                </tr>
                <tr>
                    <td>工单反馈单位:</td>
                    <td><span id="feedbackcompanyname"></span></td>
                    <td>工单反馈人:</td>
                    <td><span id="feedbackpeople"></span></td>
                    <td>反馈人电话:</td>
                    <td><span id="feedbackphone"></span></td>
                </tr>
                <tr>
                    <td>反馈时间:</td>
                    <td><span id="feedbacktime"></span></td>
                    <td>工单反馈描述:</td>
                    <td ><span id="feedbackinfo"></span></td>
                    <td>反馈确认时间:</td>
                    <td>
                        <span id="confirmtime"></span>
                    </td>
                </tr>
                <tr>
                    <td >确认故障类型:</td>
                    <td >
                        <span id="confirmfaulttype"></span>
                    </td>
                    <td>反馈确认描述:</td>
                    <td  colspan="3">
                        <span id="confirmdescription"></span>
                    </td>
                </tr>
                <tr>
                    <td  name="confirmTd">确认维护结果状况:</td>
                    <span  name="confirmTd"><span  id="maintenanceResult " class="easyui-textbox"> </span>
                    <td name="rejectTd" style="display:none;border:0;">驳回原因:</td>
                    <td name="rejectTd"  style="display:none;border:0;">
                        <span id="rejectcause" style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"  ></span>
                    </td>
                    <td name="rejectTd1"  style="display:none;background:white;border:0;"></td>
                    <td name="rejectTd1" style="display:none;border:0;">
                        <span id="rejectcause1" readonly style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"  ></span>
                    </td>
                </tr>
                <tr>

                    <td name="confirmTd">确认设施检修:</td>
                    <td name="confirmTd">
                        <span  id="confirmMaintenance" ></span>
                    </td>
                    <td name="confirmTd">竣工时间:</td>
                    <td name="confirmTd">
                        <span id="completionTime"></span>
                    </td>
                    <td  name="confirmTd">验收时间:</td>
                    <td  name="confirmTd">
                        <span  id="receivertime"></span>
                    </td>


                </tr>
                <tr>
                    <td  name="confirmTd"> 验收人单位:</td>
                    <td  name="confirmTd">
                        <span id="receivercompany"></span>
                    </td>
                    <td  name="confirmTd">工单验收人:</td>
                    <td name="confirmTd">
                        <span id="receiverpeople"></span>
                    </td>
                    <td  name="confirmTd"> 验收人联系方式:</td>
                    <td name="confirmTd"><span id="receiverphone"></span></td>
                </tr>

                <tr>
                    <td name="confirmTd">信息录入准确性(%):</td>
                    <td name="confirmTd">
                        <span type="text" id="accuracyOfInfo"></span>
                    </td>
                    <td name="confirmTd">建设单位:</td>
                    <td name="confirmTd">
                        <span  id="construction" class="easyui-textbox"></span>
                    </td>
                    <td  name="confirmTd">验收资料:</td>
                    <td  name="confirmTd"> <span  id="receiverdata"></span>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
</body>
</html>
