<%@ 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="ywcheckworkorder.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 () {
            $("#submitVideo").on('click',function() {
                $.ajax({
                    url: "uploadPictureAction!uploadPicture.do",
                    type: "POST",
                    data: new FormData($('#uploadForm')[0]),//$( '#uploadForm1').serialize(),    //表单序列化 ,【注意】上传文件的文件流是无法被序列化并传递的
                    processData: false,   //  告诉jquery不要处理发送的数据
                    contentType: false,    // 告诉jquery不要设置content-Type请求头
                    success: function (data) {
                        if (data && data != "error") {
                            $.showMsg("上传成功");
                            $("#receiverdata").val(data);
                        } else {
                            $.showMsg("上传失败");
                        }
                        //$("#uploadFormVideo").resetForm();
                    }
                });
            });

        });
    </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;">验收待确认</span></li>
        </ul>
    </div>
    <div id="pic" style="display:none;">
        <img alt="" src="" style="width: 600px">
    </div>
    <div style="padding-top:0px;">
        <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 colspan="6" style="background-color:#dcdcdc;">工单进度信息</td>
                </tr>
                <tr>
                    <td>处理阶段:</td>
                    <td colspan="5">
                        <ul style="display:flex;'" id="chuliState">
                            <li style="position:relative;padding-left:22px;"><span
                                    style="background-color:green;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:14px;text-align:center;color:white;'">1</span><span
                                    style="color:black;">工单上报</span><span class="qiantou"
                                                                          style="height: 26px;width: 39px;border-radius: 12px; display: block;position: absolute;top: -8px;right: -53px; line-height: 12px;text-align: center;color: green;font-weight: bolder;font-size: 16px;background: url(../../common/images/jt-green.png) no-repeat;"></span>
                            </li>
                            <li style="position:relative;padding-left:22px;"><span
                                    style="background-color:green;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:14px;text-align:center;color:white;'">2</span><span
                                    style="color:black;">工单受理</span><span class="qiantou"
                                                                          style="height: 26px;width: 39px;border-radius: 12px; display: block;position: absolute;top: -6px;right: -53px; line-height: 12px;text-align: center;color: green;font-weight: bolder;font-size: 16px;background: url(../../common/images/jt-green.png) no-repeat;"></span>
                            </li>
                            <li style="position:relative;padding-left:22px;"><span
                                    style="background-color:green;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:14px;text-align:center;color:white;'">3</span><span
                                    style="color:black;">工单反馈</span><span class="qiantou"
                                                                          style="height: 26px;width: 39px;border-radius: 12px; display: block;position: absolute;top: -6px;right: -53px; line-height: 12px;text-align: center;color: green;font-weight: bolder;font-size: 16px;background: url(../../common/images/jt-green.png) no-repeat;"></span>
                            </li>
                            <li style="position:relative;padding-left:22px;"><span
                                    style="background-color:green;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:14px;text-align:center;color:white;'">4</span><span
                                    style="color:black;">工单维保确认</span><span class="qiantou"
                                                                            style="height: 26px;width: 39px;border-radius: 12px; display: block;position: absolute;top: -5px;right: -53px; line-height: 12px;text-align: center;color: green;font-weight: bolder;font-size: 16px;background: url(../../common/images/jt-gray.png) no-repeat;"></span>
                            </li>
                            <li style="position:relative;padding-left:22px;"><span
                                    style="background-color:gray;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:15px;text-align:center;color:white;">5</span><span
                                    style="color:gray;">工单验收</span></li>
                        </ul>

                    </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 colspan="6">工单验收</td>
                </tr>

                <tr>
                    <td>是否驳回:</td>
                    <td>
                        <input id="isreject" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'">
                    </td>

                    <td name="confirmTd">竣工时间:</td>
                    <td name="confirmTd">
                        <input id="completionTime" class="easyui-datetimebox">
                    </td>
                    <td  name="confirmTd">验收时间:</td>
                    <td  name="confirmTd">
                        <input  id="receivertime" class="easyui-datetimebox"  data-options="validType:'length[0,20]'">
                    </td>

                    <td name="rejectTd" style="display:none;border:0;">驳回原因:</td>
                    <td name="rejectTd"  style="display:none;border:0;">
                        <input id="rejectcause" style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"  >
                    </td>
                    <td name="rejectTd1"  style="display:none;background:white;border:0;"></td>
                    <td name="rejectTd1" style="display:none;border:0;">
                        <input id="rejectcause1" readonly style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"  >
                    </td>
                </tr>
                <tr>

                    <td name="confirmTd">确认设施检修:</td>
                    <td name="confirmTd">
                        <input  id="confirmMaintenance" class=""  style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;" >
                    </td>
                    <td  name="confirmTd">相关交通设备:</td>
                    <td  name="confirmTd"><span id="faultdevicename1" ></span>  </td>
                    <td  name="confirmTd">确认维护结果状况:</td>
                    <td  name="confirmTd">
					<input id="maintenanceResult" class=""  style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"  >
					</td>
                </tr>


                <tr>
                    <td name="confirmTd">信息录入准确性(%):</td>
                    <td name="confirmTd">
                        <input type="text" id="accuracyOfInfo" class="easyui-numberbox" value="1" precision="0"  min="0"  max="100">
                    </td>
                    <td name="confirmTd">建设单位:</td>
                    <td name="confirmTd">
                        <input  id="construction" class=""  style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;" >
                    </td>

                    <td  name="confirmTd">验收资料:</td>
                    <td  name="confirmTd"> <input  id="receiverdata" class=""  style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"  >

                        <form id="uploadForm" class="form" action="" method="post" enctype="multipart/form-data">
                            <input type="file" id="checkfile"  multiple   name="myFile"/>
                            <input type="button" id="submitVideo" value="上传"/>
                        </form>
                    </td>


                </tr>
            </table>
</form>
    </div>
</div>
</body>
</html>
