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" />
    <style>
    .mui-btn-primary{
      background-color: #048aad;
      border: 1px solid #048aad;
    }
    </style>
  </head>
  <body>
    <header class="mui-bar mui-bar-nav" style="background-color: #048aad !important; height: 60px; ">
      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #FFFFFF; line-height: 40px;"></a>
      <h1 class="mui-title" style="line-height: 60px;">市民评议</h1>

    </header>
    <div class="mui-content">
      <ul class="mui-table-view">
        <li class="mui-table-view-cell">
          <div class="mui-input-row" style="display: flex;">
            <label class="label labels">满意度：</label>
            <div>
              <div class="mui-input-row mui-radio mui-left radio_box">
                <label>非常满意</label>
                <input type="radio" name="Satisfaction" checked="checked" value="非常满意" />
              </div>
              <div class="mui-input-row mui-radio mui-left radio_box">
                <label>满意</label>
                <input type="radio" name="Satisfaction" value="满意" />
              </div>
              <div class="mui-input-row mui-radio mui-left radio_box">
                <label>基本满意</label>
                <input type="radio" name="Satisfaction" value="基本满意" />
              </div>
              <div class="mui-input-row mui-radio mui-left radio_box">
                <label>不满意</label>
                <input type="radio" name="Satisfaction" value="不满意" />
              </div>
              <div class="mui-input-row mui-radio mui-left radio_box">
                <label>非常不满意</label>
                <input type="radio" name="Satisfaction" value="非常不满意" />
              </div>
            </div>
          </div>

        </li>
        <li class="mui-table-view-cell">
          <div class="mui-input-row">
            <label class="label labels">评议内容：</label>
            <textarea class="ztext" name="" id="content" rows="3" cols=""
              placeholder="请详细描述您的问题和建议..."></textarea>
          </div>
        </li>

      </ul>

      <div class="" style="padding: 10px;">
        <br />
        <button id="submit" type="button" class="mui-btn mui-btn-block mui-btn-primary submit">保存</button>
      </div>
    </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 type="text/javascript">
    	mui.init();
      var workorderid = helper.request.queryString("workorderid")
      var SatisfactionChecked
    	mui.ready(function() {
        
    		document.getElementById("submit").addEventListener('tap', function() {
    			SatisfactionChecked = $('input[name="Satisfaction"]:checked').val()
    			
    			if(SatisfactionChecked==="不满意" || SatisfactionChecked==="非常不满意") {
    				$("#content").val()?commentMethod(): mui.alert('输入评议内容');
    			} else {
            commentMethod()
    			}
    		})
    		
    		function commentMethod(){
    			$.ajax({
              type: "post",      
              url: huayi.config.callcenter_url + 'APP/Comment',
              dataType: "json",
              async: true,
              data: {
              	id: Number(workorderid),
              	content: $("#content").val(), //评议结果
                Satisfaction: SatisfactionChecked
              },
              success: function(data) {
                if(data.state == "success") {
                  debugger
                	mui.alert("评议成功");
                  window.location.href ="./orderDetails.html?workorderid="+workorderid
                	
                } else {
                	mui.alert(data.message);
                }
              }
            })
    		}
        
    	})
    </script>
  </body>
</html>