myd-wjfb.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>创建问卷</title>
  6. <link type="text/css" rel="stylesheet" href="../../commons/themes/default/css/style.css" media="screen"/>
  7. <link type="text/css" rel="stylesheet" href="../../commons/themes/default/css/yihuui.css" media="screen"/>
  8. <script language="javascript" src="../../commons/js/jquery-1.8.3.min.js"></script>
  9. <link type="text/css" rel="stylesheet" href="../../commons/themes/default/css/base.css" media="screen"/>
  10. <link type="text/css" rel="stylesheet" href="../../commons/themes/default/css/wjdc.layout.css" media="screen"/>
  11. <script type="text/javascript" src="./js/myd-wjfb.js"></script>
  12. <script language="javascript" type="text/javascript" src="./js/ZeroClipboard.js"></script>
  13. <script language="javascript" type="text/javascript" src="./jqcode/jqueryqr.js"></script>
  14. <script language="javascript" type="text/javascript" src="./jqcode/ff-range.js"></script>
  15. <script language="javascript" type="text/javascript" src="./jqcode/scripts.js"></script>
  16. </head>
  17. <body>
  18. <div class="main-tit"><h2>发布问卷</h2><div class="absolute myd-step-3" style="right:20px; top:20px;"></div></div>
  19. <div class="p30">
  20. <div class="pb50" style="border-bottom:1px dashed #e1e1e1;">
  21. <h4>问卷链接</h4>
  22. <p class="f12 mt25">可以直接把问卷链接复制发给被访人或复制到微官网或微导诊相应的栏目链接里</p>
  23. <div class="mt20">
  24. <div class="copylink" style="width:700px;" >
  25. <span id='fe_text'></span>
  26. <a href="javascript:;" data-clipboard-target="fe_text" id='copyBtn' class="btn btn-w65 btn-gray">复制</a>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="control left" style='display:none'>
  31. <a id="banner" href="http://www.js-css.cn/jscode/qrcode">二维码生成器</a>
  32. <hr>
  33. <label for="render">渲染模式</label>
  34. <select id="render">
  35. <option value="canvas" selected="selected">Canvas</option>
  36. <option value="image">Image</option>
  37. <option value="div">DIV</option>
  38. </select>
  39. <hr>
  40. <label for="size">二维码尺寸: 200px</label>
  41. <input id="size" value="200" min="100" max="1000" step="50" type="range">
  42. <label for="fill">二维码颜色</label>
  43. <input id="fill" value="#333333" type="color">
  44. <label for="background">二维码背景颜色</label>
  45. <input id="background" value="#ffffff" type="color">
  46. <label for="text">二维码内容</label>
  47. <textarea id="text" >
  48. <!-- www.yihu.com/web/SurveyHome.aspx?platformType=17&sourceType=1&sourceId=1024727-->
  49. </textarea>
  50. <hr>
  51. <label for="minversion">MIN VERSION: 6</label>
  52. <input id="minversion" value="6" min="1" max="10" step="1" type="range">
  53. <label for="eclevel">误差校正水平</label>
  54. <select id="eclevel">
  55. <option value="L">L - Low (7%)</option>
  56. <option value="M">M - Medium (15%)</option>
  57. <option value="Q">Q - Quartile (25%)</option>
  58. <option value="H" selected="selected">H - High (30%)</option>
  59. </select>
  60. <label for="quiet">版本: 1 modules</label>
  61. <input id="quiet" value="1" min="0" max="4" step="1" type="range">
  62. <label for="radius">圆滑度: 50%</label>
  63. <input id="radius" value="0" min="0" max="50" step="10" type="range">
  64. </div>
  65. <div class="control right" style='display:none'>
  66. <label for="mode">二维码LOGO设置</label>
  67. <select id="mode">
  68. <option value="0">0 - Normal</option>
  69. <option value="1">1 - Label-Strip</option>
  70. <option value="2">2 - Label-Box</option>
  71. <option value="3">3 - Image-Strip</option>
  72. <option selected="selected" value="4">4 - Image-Box</option>
  73. </select>
  74. <hr>
  75. <label for="msize">二维码LOGO尺寸: 31%</label>
  76. <input id="msize" value="31" min="0" max="40" step="1" type="range">
  77. <label for="mposx">二维码LOGOX坐标: 50%</label>
  78. <input id="mposx" value="50" min="0" max="100" step="1" type="range">
  79. <label for="mposy">二维码LOGOY坐标: 50%</label>
  80. <input id="mposy" value="50" min="0" max="100" step="1" type="range">
  81. <hr>
  82. <label for="label">标签</label>
  83. <input id="label" value="111111" type="text">
  84. <label for="font">字体名字</label>
  85. <input id="font" value="Ubuntu" type="text">
  86. <label for="fontcolor">字体颜色:</label>
  87. <input id="fontcolor" value="#ff9818" type="color">
  88. <hr>
  89. <label for="image">上传二维码LOGO</label>
  90. <input id="image" type="file">
  91. </div>
  92. <div class="mt50">
  93. <h4>手机二维码</h4>
  94. <p class="f12 mt25">通过微信扫一扫将问卷分享给你的朋友,或下载二维码后将其发送给被访人</p>
  95. <div class="mt40">
  96. <div id="container"><canvas height="200px" width="200px"></canvas></div>
  97. <img style="display: none" id="img-buffer" src="../../commons/themes/default/images/wbjlogo.ico">
  98. <a id="download" class="btn btn-w65" download="qrcode.png">下载</a>
  99. </div>
  100. </div>
  101. </div>
  102. </body>
  103. </html>