biapp
/
dup_frontend_h5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>答题</title>
  <!-- Bootstrap -->
  <link href="/static/answerpage/demo/css/bootstrap.min.css" rel="stylesheet">
  <style type="text/css">
    #reviewqu {
      font-weight: bold;
      color: rgb(69, 189, 245);
      text-align: center;
      margin: 0 auto;
    }

    #reviename {
      font-weight: bold;

    }

    .starCon {
      margin-bottom: 5em;
      clear: both;

    }

    body {
      /* background-color:azure */
      background-image: url(/static/img/zzpic12840.jpg);


    }

    .starCon {
      position: relative;
      margin: 0 auto;
    }

    .starTitle {
      margin-top: 0.8em;
    }

    .starCon ul {
      float: left;
      display: inline;
      height: 20px;
      line-height: 300px;
      margin-top: 0.8em;
      margin-left: -5%;
    }

    #reviewqu {
      margin-top: 1%;
      font-size: 1.5em;
    }

    #reviename {
      margin-top: 1%;
    }

    #reviedescribed {
      margin-top: 1%;
    }

    /* .starCon ul {
      margin:0 0 0em;
    } */

    .starCon li {
      float: left;
      width: 3.3em;
      height: 3.3em;
      cursor: pointer;
      text-indent: -9999px;
      display: inline-block;
      background: url(/static/answerpage/img/star-off.png) no-repeat;
      background-size: 40%;
    }

    .starCon li.on {
      width: 3.3em;
      height: 3.3em;
      background: url(star_choies.png) no-repeat;
      background-size: 40%
    }

    @media screen and (min-width:400px) {

      .modal-dialog {
        width: 250px;
        margin: auto;
        padding-top: 50%;

      }

      .modal-content {

        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

      }

    }
  </style>

</head>

<body>
  <!--弹窗提示-->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

    <div class="modal-dialog" role="document">

      <div class="modal-content">

        <div class="modal-header">

          <button type="button" class="close" data-dismiss="modal" aria-label="Close">

            <span aria-hidden="true">×</span>

          </button>

          <h4 class="modal-title" id="myModalLabel">提示</h4>

        </div>

        <div class="modal-body" id="modal-body">
          <p></p>
        </div>

        <div class="modal-footer">
          <button type="button" data-dismiss="modal" class="btn">确定</button>
        </div>

      </div>

    </div>

  </div>


  <div id="isrenf">
    <div class="row" style="margin-left:1%">
      <!--问卷名称-->
      <div id="reviewqu" class="col-xs-12 col-md-12"></div>


      <!--被调查者-->
      <div id="reviename" class="col-xs-12 col-md-12">
        你这次评价的对象是:
      </div>
      <!--问卷说明-->
      <div id="reviedescribed" class="col-xs-12 col-md-12">
      </div>

    </div>
    <hr/>
    <div class="row">
      <!--问题框-->
      <div id="titleDescription" class="col-xs-9 col-md-9">
        <!--问题详情-->
        <div id="problemVo" class="row" style="margin-left:2%">
        </div>
        <!--是否可以重复提交-->
        <input type="hidden" id="isrepeat">

        <button id="onsumit" style='margin-top:2%;margin-left:8%' type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false"
          autocomplete="off">
          提交
        </button>
      </div>
    </div>
    <div id="isrenf2"></div>

    <script src="/static/answerpage/js/jquery-2.1.4.min.js"></script>
    <script src="/static/answerpage/js/bootstrap.min.js"></script>

    <script>
      $(document).ready(function () {
        
        var domain = location.hostname;


        var backDomain = domain + ":";//后端域名
        if (domain === 'localhost') {  //开发
          backDomain += "6062/DPshow_depart/";
        } else if (domain === 'duptest.bgyfw.com') { //测试
          backDomain += "8002/DPshow_depart/";
        } else if (domain === 'duprc.bgyfw.com') { //预生产
          backDomain += "8002/DPshow_depart/";
        } else if (domain === 'dup.bgyfw.com') { //正式
          backDomain += "8002/DPshow_depart/";
        }


        var url = location.search; //获取url中"?"符后的字串   
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
          var str = url.substr(1);
          strs = str.split("&");
          for (var i = 0; i < strs.length; i++) {
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
          }
        }
        var iid = theRequest.iid;//被调查人id
        var jid = theRequest.jid;//参与评选人id
        var qid = theRequest.qid;//问卷id
        var dataObj = "";
        var investigatedName = "";
        var questionnaireId = "";
        var questionnaireName = "";
        var questionnaireDescribed = "";
        var problemVo = "";
        var answerArray = [];
        var answerJson = "";

        $("#onsumit").click(function () {
          var isrepeat = $("#isrepeat").val();
          if (isrepeat == 1) {
            $.ajax({
              type: "post",
              url: "http://" + backDomain + "api/reviewScore/updataflag",
              async: true,
              data: { id: iid, questionnaireId: qid, judgeId: jid },
              dataType: 'json',
              success: function (result) { }
            })
          }

          for (var i = 0; i < problemVo.length; i++) {
            var answer = { judgeId: "", problemId: "", potionId: "", score: "", type: "" };
            answer.judgeId = jid;
            answer.type = problemVo[i].type;
            answer.problemId = problemVo[i].id;

            //type==1为量表题,得到星星数
            if (problemVo[i].type == 1) {
              answer.score = $("#startProble" + i).val()
              if (answer.score == 0) {
                $("#modal-body p").html("问题" + (i + 1) + "不能为空，请选择")
                $('#myModal').modal('show')
                answerArray = []
                break;
              }
              //type==2为问答题,得到输入框值           
            } else if (problemVo[i].type == 2) {

              answer.score = $("#text" + i).val();
              if (answer.score == "" || answer.score == null) {
                $("#modal-body p").html("问题" + (i + 1) + "不能为空，请选择")
                $('#myModal').modal('show')
                answerArray = []
                break;
              }
              //type==1为单选,得到选中的id    
            } else if (problemVo[i].type == 3) {
              var potionId = $("input[name='field_name" + i + "']:checked").val();
              if (potionId == undefined) {
                $("#modal-body p").html("问题" + (i + 1) + "不能为空，请选择")
                $('#myModal').modal('show')
                answerArray = []
                break;
              } else {
                debugger
                var optionStr = problemVo[i].option;

                for (var j = 0; j < optionStr.length; j++) {
                  if (optionStr[j].optionId == potionId) {
                    answer.score = optionStr[j].optionScore;
                    answer.potionId = potionId;
                  }
                }

              }


            }

            answerArray.push(answer)


          }

          if (answerArray.length != 0) {
           
            $.ajax({
              type: "post",
              url: "http://" + backDomain + "api/reviewScore/add",
              async: true,
              data: { answer: JSON.stringify(answerArray) },
              dataType: 'json',
              success: function (result) {


                if (isrepeat == 0) {
                  $("#onsumit").css("display", "none");

                }
                $("#modal-body p").html("提交成功")
                $('#myModal').modal('show')
                //   alert('提交成功')

              }, error: function (XmlHttpRequest, textStatus, errorThrown) {
                $("#modal-body p").html("提交失败")
                $('#myModal').modal('show')
                //  alert('提交失败');
              }

            })
          }


        })
        $.ajax({

          type: "get",
          url: "http://" + backDomain + "api/reviewQuestionnaire/getreviewquestionnaireanswer",
          async: true,
          data: { investigatedId: iid },
          dataType: 'json',
          success: function (result) {
            var dataol = JSON.stringify(result.data);
            if (dataol == 'null') {
              $("#isrenf").css("display", "none");
              $("#isrenf2").append("<p>该问卷调查已结束或者你已提交过</p>");
            } else {

              dataObj = eval(result).data;
              investigatedName = eval(dataObj).investigatedName;
              questionnaireId = eval(dataObj).questionnaireId;
              questionnaireName = eval(dataObj).questionnaireName;
              questionnaireDescribed = eval(dataObj).questionnaireDescribed;
              problemVo = eval(dataObj).problemVo;
              $("#reviewqu").html(questionnaireName);
              $("#reviename").append(investigatedName);
              $("#reviedescribed").html(questionnaireDescribed);
              $("#problemVo").html("");

              for (var i = 0; i < problemVo.length; i++) {
                //type==1为量表题
                if (problemVo[i].type == 1) {

                  var ulStr = "";
                  for (var j = 0; j < problemVo[i].score; j++) {
                    ulStr += "<li><a href='javascript:;'>" + (j + 1) + "</li>";
                  }

                  $("#problemVo").append(
                    "<div class='starCon' id='star" + (i + 1) + "'>" +

                    "<div class='starTitle'>" + (i + 1) + "、" + problemVo[i].title + "</div>" +
                    "<ul>" + ulStr + "</ul>" + "<input type='hidden' value='0' id='startProble" + i + "' /></div>"
                  );
                  starComm('star' + (i + 1));
                  function starComm(starId) {
                    var oStar = document.getElementById(starId);
                    var aLi = oStar.getElementsByTagName("li");
                    var oUl = oStar.getElementsByTagName("ul")[0];
                    var oP = oStar.getElementsByTagName("input")[0];
                    var i = iScore = iStar = 0;
                    for (i = 1; i <= aLi.length; i++) {
                      aLi[i - 1].index = i;
                      //点击后进行评分处理
                      aLi[i - 1].onclick = function () {
                        iStar = this.index;
                        fnPoint(iStar);
                        oP.value = iStar;
                      }
                    }
                    //评分处理
                    var fnPoint = function (iArg) {
                      //分数赋值
                      iScore = iArg || iStar;
                      for (i = 0; i < aLi.length; i++) aLi[i].className = i < iScore ? "on" : "";
                    }
                  }
                }
                if (problemVo[i].type == 2) {
                  $("#problemVo").append(
                    "<div class='starCon'  id='star3'>" +

                    "<div class='starTitle'>" + (i + 1) + "、" + problemVo[i].title + "</div>" +
                 //   " <textarea  placeholder='是的' style='margin-top:2%;margin-left:5%' rows='4' cols='30' id='text" + i + "'" + ">" +  " </textarea></div>"
                 "<textarea type='text' style='margin-top:2%;margin-left:5%;width:280px;height:100px' id='text" + i + "' placeholder='" + problemVo[i].answerDescription + "'></textarea></div>"
                  );
                }
                if (problemVo[i].type == 3) {

                  var optionStr = "";

                  for (var j = 0; j < problemVo[i].option.length; j++) {

                    optionStr += "<input type='radio' style='margin-top:1.5%;margin-left:5%' name='field_name" + i + "'" + "value='" + problemVo[i].option[j].optionId + "'/>" + problemVo[i].option[j].name + "<br>";
                  }

                  $("#problemVo").append(
                    "<div class='starCon' id='star'>" +

                    "<div class='starTitle'>" + (i + 1) + "、" + problemVo[i].title + "</div>" +
                    optionStr + "</div>"

                  );
                }
              }
            }

          }
        })


      })
    </script>

</body>

</html>