鑫苑新版本前端代码

wenJuanSheZhi.html 7.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  7. <link href="./css/bootstrap.min.css" />
  8. <link rel="stylesheet" href="./css/boot/bootstrap-table.css" />
  9. <link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  10. <link href="./css/animate.min.css" rel="stylesheet">
  11. <link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
  12. <link href="./css/layer/need/layer.css" />
  13. <link rel="stylesheet" href="./css/wenJuanSheZhi.css" />
  14. <title>问卷设置</title>
  15. </head>
  16. <body>
  17. <div class="wjsz clearfix">
  18. <div class="col-md-4 wjsz-left">
  19. <div class="topBar">
  20. <p>试题问卷</p>
  21. </div>
  22. <div class="leftCon">
  23. <div class="serBox">
  24. 关键字:<input class="input_"type="text" /><button class="btn sear">搜索</button>
  25. </div>
  26. <div class="toolBar gn">
  27. <button class="btn">增加</button>
  28. <button class="btn">修改</button>
  29. <button class="btn">删除</button>
  30. </div>
  31. <table id="leftTable" >
  32. <thead>
  33. <th data-align="center" data-field="id" data-formatter="setCode"></th>
  34. <th data-align="center" data-field="name">试卷名称</th>
  35. <th data-align="center" data-field="count">数量</th>
  36. </thead>
  37. <tbody>
  38. </tbody>
  39. </table>
  40. </div>
  41. </div>
  42. <div class="col-md-8 wjsz-right">
  43. <div class="topBar">
  44. <p>问卷信息</p>
  45. </div>
  46. <div class="wjse_content">
  47. <div class="wjse_title">
  48. <table id="title_table" border="0" cellspacing="0" cellpadding="0" width="100%">
  49. <tr>
  50. <th>问卷名称:</th>
  51. <td> 质检问卷</td>
  52. </tr>
  53. <tr>
  54. <th>问卷说明:</th>
  55. <td></td>
  56. </tr>
  57. </table>
  58. </div>
  59. <div class="b_table">
  60. <table id="bs_table"border="0" cellspacing="0" cellpadding="0" width="100%">
  61. <tr class="bom_bor">
  62. <td>
  63. 1.您对来次服务满意吗?
  64. </td>
  65. </tr>
  66. <tr >
  67. <td>
  68. <div class="fl pl">
  69. <input type="radio" name="name_1" id="" value="1" />
  70. <label for="">1.非常满意</label>
  71. </div>
  72. <div class="fl pl">
  73. <input type="radio" name="name_1" id="" value="2" />
  74. <label for="">2.满意</label>
  75. </div>
  76. <div class="fl pl">
  77. <input type="radio" name="name_1" id="" value="3" />
  78. <label for="">3.不满意</label>
  79. </div>
  80. <div class="fl pl">
  81. <input type="radio" name="name_1" id="" value="4" />
  82. <label for="">4.非常不满意</label>
  83. </div>
  84. </td>
  85. </tr>
  86. <tr class="bom_bor">
  87. <td>
  88. 2丶你喜欢什么运动
  89. </td>
  90. </tr>
  91. <tr >
  92. <td>
  93. <div class="fl pl">
  94. <input type="radio" name="name_1" id="" value="1" />
  95. <label for="">1.登山</label>
  96. </div>
  97. <div class="fl pl">
  98. <input type="radio" name="name_1" id="" value="2" />
  99. <label for="">2.游泳</label>
  100. </div>
  101. </td>
  102. </tr>
  103. <tr class="bom_bor">
  104. <td>
  105. 3丶请对我们的服务评分
  106. </td>
  107. </tr>
  108. <tr >
  109. <td>
  110. <div class="fl pl">
  111. <input type="radio" name="name_1" id="" value="1" />
  112. <label for="">1.10分</label>
  113. </div>
  114. <div class="fl pl">
  115. <input type="radio" name="name_1" id="" value="2" />
  116. <label for="">2.9分</label>
  117. </div>
  118. <div class="fl pl">
  119. <input type="radio" name="name_1" id="" value="3" />
  120. <label for="">2.8分</label>
  121. </div>
  122. <div class="fl pl">
  123. <input type="radio" name="name_1" id="" value="4" />
  124. <label for="">2.5分</label>
  125. </div>
  126. </td>
  127. </tr>
  128. <tr class="bom_bor">
  129. <td>
  130. 4丶你喜欢我们的哪些产品?
  131. </td>
  132. </tr>
  133. <tr >
  134. <td>
  135. <div class="fl pl">
  136. <input type="radio" name="name_1" id="" value="1" />
  137. <label for="">1.标准版呼叫中心1</label>
  138. </div>
  139. <div class="fl pl">
  140. <input type="radio" name="name_1" id="" value="2" />
  141. <label for="">2.营销型呼叫中心</label>
  142. </div>
  143. <div class="fl pl">
  144. <input type="radio" name="name_1" id="" value="3" />
  145. <label for="">3.乐呼智能呼叫中心</label>
  146. </div>
  147. <div class="fl pl">
  148. <input type="radio" name="name_1" id="" value="4" />
  149. <label for="">4.车贷业务系统</label>
  150. </div>
  151. </td>
  152. </tr>
  153. </table>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. <!--<div class="model">
  159. <div class="rightBox">
  160. <div class="add_title">
  161. <span >问卷信息</span>
  162. </div>
  163. <div class="wj_content">
  164. <div class="wfc_top">
  165. <div class="wjm" style="margin-bottom: 10px;">
  166. 问卷名称:
  167. <textarea name="" rows="5" cols=""></textarea>
  168. </div><div class="wjm">
  169. 问卷说明:
  170. <textarea name="" rows="5" cols=""></textarea>
  171. </div>
  172. </div>
  173. <div class="xzss">
  174. <p>选择试题</p>
  175. </div>
  176. <div class="sx">
  177. 分类:&nbsp;&nbsp;<select name="">
  178. <option value="">所有分类</option>
  179. <option value="">回访调查</option>
  180. <option value="">满意度调查</option>
  181. <option value="">产品升级</option>
  182. <option value="">套餐升级</option>
  183. </select>&nbsp;&nbsp;
  184. 题型:&nbsp;&nbsp;
  185. <select name="">
  186. <option value="">所有题型</option>
  187. <option value="">问答题</option>
  188. <option value="">单选题</option>
  189. <option value="">多选题</option>
  190. </select>&nbsp;&nbsp;
  191. 关键字:&nbsp;&nbsp;
  192. <input type="text" class="input_"/>
  193. <button class="btn sear">搜索</button>
  194. </div>
  195. </div>
  196. </div>
  197. </div>-->
  198. </body>
  199. <script src="./js/jquery.min.js?v=2.1.4"></script>
  200. <script src="./js/bootstrap.min.js"></script>
  201. <script src="./js/bootstrap-table.js"></script>
  202. <script src="./js/bootstrap-table-zh-CN.js"></script>
  203. <script src="./css/laydate/laydate.js"></script>
  204. <script src="./css/layer/layer.js"></script>
  205. <script>
  206. var data=[
  207. {
  208. 'id':'1',
  209. 'name':'满意度调查',
  210. 'count':'2'
  211. },{
  212. 'id':'2',
  213. 'name':'bu满意度调查',
  214. 'count':'2'
  215. },{
  216. 'id':'3',
  217. 'name':'bubu满意度调查',
  218. 'count':'2'
  219. }
  220. ]
  221. var leftTable=$('#leftTable');
  222. leftTable.bootstrapTable({
  223. data: data, //请求后台的URL(*)
  224. method: 'get',
  225. pagination: true,
  226. pageNumber: 1, //初始化加载第一页,默认第一页
  227. pageSize: 10, //每页的记录行数(*)
  228. pageList: [10, 25, 50, 100] //可供选择的每页的行数(*)
  229. //showRefresh: true //刷新按钮
  230. });
  231. function setCode(val,row,index){
  232. return ''+index+'';
  233. }
  234. </script>
  235. </html>