preview.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>问卷预览</title>
  7. <link href="js/plugs/jquery-ui-1.10.3.custom/css/mycss/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
  8. <script type="text/javascript" src="js/plugs/jquery-ui-1.10.3.custom/js/jquery-1.10.1.js"></script>
  9. <script type="text/javascript" src="js/plugs/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
  10. <script type="text/javascript" src="js/plugs/colpick-jQuery/js/colpick.js"></script>
  11. <script type="text/javascript" src="js/plugs/clipboard.js/clipboard.min.js"></script>
  12. <link href="css/preview-dev.css" rel="stylesheet" type="text/css" />
  13. <link rel="stylesheet" href="js/plugs/colpick-jQuery/css/colpick.css" type="text/css"/>
  14. <link href="js/plugs/font-awesome-4.2.0/css/font-awesome.css" rel="stylesheet"/>
  15. <link href="js/plugs/validate/jquery.validate.css" type="text/css" rel="stylesheet" />
  16. <script src="js/common/common.js" type="text/javascript"></script>
  17. <script src="js/dw/preview.js" type="text/javascript"></script>
  18. </head>
  19. <body>
  20. <div id="wrap">
  21. <input type="hidden" id="id" name="id" value="${survey.id }">
  22. <input type="hidden" id="sid" name="sid" value="${survey.id }">
  23. <input type="hidden" id="ctx" name="ctx" value="/api/dwsurvey/app">
  24. <input type="hidden" id="surveyStyleId" value="${surveyStyle.id }">
  25. <input type="hidden" id="prevHost" value="${ctx }">
  26. <input type="hidden" id="surveyName" value="${survey.surveyName }">
  27. <input type="hidden" id="tag" value="p">
  28. <div id="preview_head">
  29. <div class="leftTabbar" style="position: fixed;left: 0px;z-index: 99999;">
  30. <ul>
  31. <li>
  32. <div class="centerTabbar">
  33. <a href="#dwPc" class="centerTabbarBtn active" title="PC端"><i class="fa fa-desktop"></i></a>
  34. <a href="#dwPad" class="centerTabbarBtn" title="平板端"><i class="fa fa-tablet"></i></a>
  35. <a href="#dwPhone" class="centerTabbarBtn" title="手机端"><i class="fa fa-mobile-phone"></i></a>
  36. </div>
  37. </li>
  38. </ul>
  39. </div>
  40. <div id="editorPreview" class="rightTabbar" style="position: fixed;right: 0px;z-index: 99999;">
  41. <a id="confirgDevSuvey" href="#" class="sbtn24 sbtn24_0">确认发布</a>
  42. <a href="#" class="sbtn24 sbtn24_1" id="surveyList">返回列表</a>
  43. <a href="#" class="sbtn24 sbtn24_1" id="designSurvey">返回编辑</a>
  44. </div>
  45. <div style="clear: both;"></div>
  46. <div style="text-align: center;padding-top: 10px;position: fixed;width: 100%;top:0px;font-size: 14px;color: #615c5c;font-weight: normal;">
  47. 当前为预览页不记录任何答案,回答不会真提交,请勿发送给他人填写!
  48. </div>
  49. </div>
  50. <div id="dwPc" class="dwPreviewBody" style="margin-top: 40px;">
  51. <iframe name="PcSurvey" frameborder="0" src="" class="uploadfile" id="PcSurvey" style="width: 100%;height: 700px;margin: 0px;"></iframe>
  52. </div>
  53. <div id="dwPhone" class="dwPreviewBody" style="margin-top: 40px;">
  54. <iframe name="PhoneSurvey" frameborder="0" src="" class="uploadfile" id="PhoneSurvey" style="width:255px;height:455px;margin:96px 0 0 67px;"></iframe>
  55. </div>
  56. <div id="dwPad" class="dwPreviewBody" style="margin-top: 40px;" >
  57. <iframe name="PadSurvey" frameborder="0" src="" class="uploadfile" id="PadSurvey" style="width: 774px;height: 579px;margin: 27px 0 0 68px;"></iframe>
  58. </div>
  59. </div>
  60. <script type="text/javascript">
  61. //$("#dw_body").hide();
  62. </script>
  63. </body>
  64. </html>