| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <script src="../Script/Common/huayi.load.js"></script>
- <script src="../Script/Common/huayi.config.js"></script>
- <link rel="stylesheet" href="../css/init.css" />
- <title>申诉详情</title>
- <style type="text/css">
- ul,li{
- padding: 0;
- margin: 0;
- list-style: none;
- }
- .tab_list{
- border-bottom: 1px solid #d5d5d5;
- }
- .tab_list li{
- padding: 10px 15px;
- float: left;
- color: #333333;
- font-size: 14px;
- position: relative;
- }
- .tab_list li.active{
- color: #19aad0;
- }
- .tab_list li.active:after{
- content: "";
- width: 100%;
- height: 2px;
- background: #19aad0;
- position: absolute;
- bottom: -1px;
- left: 0;
- }
- .tab_content{
- font-size: 14px;
- color: #4c4c4c;
- padding: 15px 0;
- /*text-indent: 28px;*/
- }
- .tab_content>div{
- display: none;
- }
- .table tr td input[type="text"]{
- width: 100%;
- height: 30px;
- background: #f3f3f4;
- border: 0;
- outline: none;
- }
- .radio-inline input[type=radio]{
- margin-top: 2px;
- }
- .table tr td textarea{
- width: 100%;
- height: 100%;
- background: #f3f3f4;
- border: 0;
- resize: none;
- }
- #scwj{
- background-color: #FFF;
- background-image: none;
- border: 1px solid #ccc;
- border-radius: 1px;
- color: inherit;
- padding: 6px 12px!important;
- }
- .files{
- padding: 5px!important;
- }
- .time-box{
- position: relative;
- width: 197px!important;
- height: 34px;
- margin: 0;
- }
- .tub + input {
- padding-right: 30px;
- border: 1px solid #e5e6e7!important;
- }
- i.tub {
- position: absolute;
- right: 8px;
- top: 8px;
- font-size: 18px;
- color: #00a0ca;
- }
- .tab_content textarea{
- display: block;
- background: #f3f3f4;
- width: 100%;
- height: 298px;
- box-sizing: border-box;
- text-indent: 28px;
- }
- .tab_content .cons >div{
- background: #f3f3f4;
- width: 100%;
- min-height: 298px;
- box-sizing: border-box;
- text-indent: 28px;
- word-break:break-all;
- word-wrap:break-word;
- }
- .tab_content .cons >div img{
- max-width: 100%;
- /*width: 95%;
- margin: 0 auto;*/
- }
- .shdetail table{
- width: 100%;
- line-height: 30px;
- text-align: center;
- }
- </style>
- </head>
- <body class="gray-bg">
- <div class="container-fluid wrapper-content animated fadeInRight">
- <table class="table table-bordered table-condensed">
- <tr>
- <td width="100">工单编号</td>
- <td colspan="3"> <input type="text" id="detailsWorkOrderNumber" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">申诉部门</td>
- <td colspan="3"> <input type="text" id="detailsDepartment" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">申诉信息</td>
- <td colspan="3"> <input type="text" id="detailsComplaintInformation" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">申诉原因</td>
- <td colspan="3"> <input type="text" id="detailsAppealReason" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">其他原因</td>
- <td colspan="3"> <input type="text" id="detailsOtherReason" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">申诉依据</td>
- <td colspan="3"> <input type="text" id="detailsBasis" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">申诉要求</td>
- <td colspan="3"> <input type="text" id="detailsRequirement" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">申诉详情</td>
- <td colspan="3"> <input type="text" id="detailsRemark" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">审核申诉</td>
- <td colspan="3"> <input type="text" id="detailsState" readonly="readonly" /></td>
- </tr>
- <tr>
- <td width="100">审核申诉原因</td>
- <td colspan="3"> <input type="text" id="detailsStateReason" readonly="readonly" /></td>
- </tr>
- </table>
- <div class="cons">
- <div>
- <table class="table-bordered table-condensed feilTable" style="width: 100%;">
- <thead>
- <tr>
- <th>文件名称</th>
- <th>添加时间</th>
- <th>文件大小</th>
- </tr>
- </thead>
- <tbody>
- </tbody>
- </table>
- </div>
- </div>
-
- <script src="../js/kindeditor/kindeditor-all-min.js"></script>
- <script src="../js/kindeditor/lang/zh-CN.js"></script>
- <script src="../js/adjustHeight.js"></script>
- <script src="../js/laydate/laydate.js"></script>
- <script>
-
- var ids=helper.request.queryString("ids");
- $(document).ready(function(){
- $.ajax({
- type:"get",
- url:huayi.config.callcenter_url +"Appeal/GetAppeal",
- async:true,
- dataType:'json',
- data:{
- token: $.cookie("token"),
- nid:ids
- },
- success:function(res){
- if(res.state.toLowerCase()=='success'){
- var con = res.data;
- $("#detailsWorkOrderNumber").val(con.dt[0].F_WorkOrderId); //工单编号
- $("#detailsDepartment").val(con.NoticeDeptName); //申诉部门
- $("#detailsAppealReason").val(con.dt[0].F_NoticeInfo); //申诉原因
- $("#detailsOtherReason").val(con.dt[0].F_Content); //其他原因
- $("#detailsBasis").val(con.dt[0].F_Basis); //申诉依据
- $("#detailsRequirement").val(con.dt[0].F_Requirement); //申诉要求
- $("#detailsRemark").val(con.dt[0].F_Remark); //申诉详情
- if(con.dt[0].F_State === 0) {
- $("#detailsState").val("未处理");
- } else if (con.dt[0].F_State === 1) {
- $("#detailsState").val("通过");
- } else if (con.dt[0].F_State === 2) {
- $("#detailsState").val("退回");
- }
- $("#detailsStateReason").val(con.dt[0].F_Reason); //审核申诉原因
- //申诉信息分类
- if (con.dt[0].F_Type === 1) {
- $("#detailsComplaintInformation").val("办理情况");
- } else if (con.dt[0].F_Type === 2) {
- $("#detailsComplaintInformation").val("查收情况");
- } else if (con.dt[0].F_Type === 3) {
- $("#detailsComplaintInformation").val("办理规范");
- } else if (con.dt[0].F_Type === 4) {
- $("#detailsComplaintInformation").val("回访情况");
- } else if (con.dt[0].F_Type === 5) {
- $("#detailsComplaintInformation").val("退回情况");
- } else if (con.dt[0].F_Type === 6) {
- $("#detailsComplaintInformation").val("知识库索引更新不及时");
- } else if (con.dt[0].F_Type === 7) {
- $("#detailsComplaintInformation").val("知识库纠错情况");
- } else if (con.dt[0].F_Type === 8) {
- $("#detailsComplaintInformation").val("办理情况");
- }
- $(con.dt[0].File).each(function(k,q){
- var size= (q.F_Size/1024).toFixed(2)
- var strs='<tr>'+
- '<td><a href="'+ q.F_FileUrl+'" download="test.pdf">'+ q.F_FileName.substring(19) +'</a></td>'+
- '<td>'+ q.F_AddTime +'</td>'+
- '<td>'+ size +'kb</td>'+
- '</tr>'
- $(strs).appendTo($('.feilTable tbody'))
- })
- }
- }
- });
- })
- </script>
- </body>
- </html>
|