duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport"
      content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>工单详情</title>
    <link rel="stylesheet" type="text/css" href="./css/mui.min.css" />
    <link rel="stylesheet" href="./css/orderDetails.css" />

  </head>
  <body>
    <header class="mui-bar mui-bar-nav" style="background-color: #048aad !important; height: 60px; ">
      
      <h1 class="mui-title" style="line-height: 60px;">工单详情</h1>
    </header>

    <div class="mui-content" style="margin-top: 10px;">
      <div class=" mui-table mui-table-view mui-padding">
        <div class="mui-table-cell mui-col-xs-9">
          <h4 class="mui-ellipsis size-16">
            <span>工单编号:</span><span id="ID" style="-webkit-user-select:text;"></span>
          </h4>
        </div>
        <div class="mui-table-cell mui-col-xs-3 mui-text-right">
      		  <span class="mui-h5 States" id="F_State"></span>
        </div>
      </div>
    </div>

    <ul class="mui-table-view size-14 message-box">
      <li class="work-content">
        <span>标题：</span>
        <span class="spanColor" id="F_ComTitle"></span>
      </li>
      <li class="work-content">
        <span>内容：</span>
        <span class="spanColor" id="F_ComContent"></span>
      </li>
      <li class="work-content">
        <span>办理结果：</span>
        <span class="spanColor" id="F_Result"></span>
      </li>
    </ul>
    <!--按钮展示-->
    <div class="mui-table-view  BTS">
    	<h4 class="mui-ellipsis size-16" style="padding: 20px 0px 0px 10px; margin: 0px;">操作按钮：</h4>
      <div class="btn_box">
        <button type="button" class="mui-btn mui-btn-primary btn_turn">市民评议</button>
      </div>
    </div>
    
    <div class="mui-table-view  PYNR">
    	<h4 class="mui-ellipsis size-16" style="padding: 20px 0px 20px 10px; margin: 0px;">评议内容：</h4>
      <ul class="mui-table-view size-14 message-box">
        <li class="work-content">
          <span>满意度：</span>
          <span class="spanColor" id="strWrkOrder_Cst_Ssf_Cd"></span>
        </li>
        <li class="work-content">
          <span>评议内容：</span>
          <span class="spanColor" id="strSsf_Cst_Ass_CntDsc"></span>
        </li>
        
      </ul>
    </div>
    <script src="./js/mui.min.js"></script>
    <script src="./js/zepto.js"></script>
    <script src="./script/config.js"></script>
    <script src="./js/huayi.http.js"></script>
    <script>
      mui.init();
      var workorderid = helper.request.queryString("workorderid")
      
      mui.ready(function() {
        
      	$.ajax({
      	  type: "get",      
      	  url: huayi.config.callcenter_url + 'APP/GetWorkOrderNew',
      	  dataType: "json",
      	  async: true,
      	  data: {
      	   workorderid: workorderid,
      	  },
      	  success: function(data) {
      	    if (data.state =="success") {
              var dataPy = data.data.pydt && data.data.pydt[data.data.pydt.length-1]
              var data = data.data.data && data.data.data[0]
      				
              $("#F_ComTitle").text(data.F_ComTitle)
              $("#F_ComContent").text(data.F_ComContent)
              $("#F_Result").text(data.F_Result)
      	      
              if(dataPy){
                $("#strWrkOrder_Cst_Ssf_Cd").text(dataPy.strWrkOrder_Cst_Ssf_Cd)
                $("#strSsf_Cst_Ass_CntDsc").text(dataPy.strSsf_Cst_Ass_CntDsc)
                $(".PYNR").show()
              } else{
                $(".BTS").show()
              }
      	    }else{
      	      
      	    } 
      	  }
      	})
        
        $(".btn_turn").click(function(){
          window.location.href ="./orderComment.html?workorderid="+workorderid
        })
        
      })
    </script>
  </body>
</html>