PingAnYeXianSZCG_Web 前端代码

QuestionSetting.js 6.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. var keys;
  2. var Cids; //分类id
  3. var ids; //指标id
  4. var CategoryName; //分类名称
  5. var Sort; //排序
  6. var Score; //分数
  7. var Title; //标题
  8. var Remark; //备注
  9. var Pid; //父id
  10. var Left_Cids;
  11. var Left_Sort;
  12. var Left_Score;
  13. var Left_Pid;
  14. var $tableLeft = $('#tbr');
  15. var $tableLeft1 = $('#tb1');
  16. var token = $.cookie("token");
  17. IndexCategoryGe();
  18. //所有指标
  19. $(".rightAll").click(function() {
  20. Finish();
  21. });
  22. //搜索功能
  23. $(".sear").click(function() {
  24. keys = escape();
  25. Finish(keys);
  26. });
  27. //*删除*/
  28. $(".inpBox").hover(function(event) {
  29. $(this).children(".de_icon").show();
  30. event.stopPropagation();
  31. }, function() {
  32. $(this).children(".de_icon").hide();
  33. });
  34. $(".de_icon").click(function(event) {
  35. event.stopPropagation();
  36. $(this).siblings("input").eq(0).val("");
  37. $(this).siblings("input").eq(1).val("");
  38. if($(this).siblings("div").find("ul").attr("id") == "zrbmtree") {
  39. getRY($(".zrid"), $("#zrbm").val());
  40. }
  41. });
  42. $(".inpBox").mouseleave(function() {
  43. $(this).children(".addTree").hide();
  44. })
  45. $(".xl").click(function() {
  46. if($(this).parent().find(".addTree").is(":hidden")) {
  47. $(this).parent().find(".addTree").show();
  48. } else {
  49. $(this).parent().find(".addTree").hide();
  50. }
  51. });
  52. //清空选项
  53. function Clean() {
  54. $(".model").hide();
  55. $("._CategoryName").val("");
  56. $("._Score").val('');
  57. $("._Sort").val('');
  58. $(".F_Title").val('');
  59. $(".F_Remark").val('');
  60. }
  61. ///////////////////////////////////左边表格
  62. /*获取选中行对象*/
  63. $tableLeft1.on("click-row.bs.table", function(e, row, ele) {
  64. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  65. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  66. Left_Cids = row.F_PagerId; //问卷ID
  67. $(".IMG_content").hide();
  68. $('#tbr').show();
  69. XQ(Left_Cids); ///获取问卷
  70. });
  71. //z获取问卷列表
  72. function IndexCategoryGe() {
  73. //销毁表格
  74. $tableLeft1.bootstrapTable('destroy');
  75. //初始化表格,动态从服务器加载数据
  76. $tableLeft1.bootstrapTable({
  77. method: "get", //使用get请求到服务器获取数据
  78. url: huayi.config.callcenter_url + "Questionnaire/GetPagerInfoList",
  79. striped: true, //表格显示条纹
  80. pagination: true, //启动分页
  81. pageSize: 5, //每页显示的记录数
  82. pageNumber: 1, //当前第几页
  83. pageList: [5, 20, 50, 100], //记录数可选列表
  84. search: false, //是否启用查询
  85. showColumns: false, //显示下拉框勾选要显示的列
  86. showRefresh: false, //显示刷新按钮
  87. sidePagination: "server", //表示服务端请求
  88. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  89. //设置为limit可以获取limit, offset, search, sort, order
  90. queryParamsType: "undefined",
  91. queryParams: function queryParams(params) { //设置查询参数
  92. var param = {
  93. PageIndex: params.pageNumber,
  94. PageSize: params.pageSize,
  95. token: token
  96. };
  97. return param;
  98. },
  99. onLoadSuccess: function() { //加载成功时执行
  100. // layer.msg("加载成功");
  101. },
  102. onLoadError: function() { //加载失败时执行
  103. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  104. }
  105. });
  106. }
  107. //编号
  108. function setCode(val, row, index) {
  109. return index + 1;
  110. }
  111. //操作
  112. function Code(val) {
  113. return '<a onclick="Add(' + val + ')">操作</a>'
  114. }
  115. //右边操作
  116. function Add(val) {
  117. layer.open({
  118. type: 2,
  119. content: "../Questionnaire/addSetting.html?str=" + val, //iframe的url,no代表不显示滚动条
  120. title: '问卷信息',
  121. area: ['80%', '75%'], //宽高
  122. });
  123. }
  124. //删除
  125. $('.leftDelete').click(function() {
  126. if(Left_Cids) {
  127. DelIndexCategory(Left_Cids);
  128. } else {
  129. layer.msg('没有可删除的选项!');
  130. }
  131. })
  132. //删除功能
  133. function DelIndexCategory(Left_Cids) {
  134. $.ajax({
  135. type: "get",
  136. url: huayi.config.callcenter_url + "/Questionnaire/DeletePagerInfo",
  137. //url: '//117.158.196.116:8878/IndexCategory/DelIndexCategory',
  138. dataType: 'json',
  139. data: {
  140. id: Left_Cids
  141. },
  142. async: true,
  143. success: function(data) {
  144. layer.msg("删除成功");
  145. IndexCategoryGe();
  146. }
  147. });
  148. }
  149. ///修改功能
  150. $(".leftChange ").click(function() {
  151. var Str = Left_Cids;
  152. if(Left_Cids) {
  153. layer.open({
  154. type: 2,
  155. content: "../Questionnaire/xgWenjuanxinxi.html?str=" + Str, //iframe的url,no代表不显示滚动条
  156. title: '修改问卷',
  157. area: ['35%', '40%'], //宽高
  158. });
  159. } else {
  160. layer.msg('没有可修改的选项!');
  161. Clean();
  162. }
  163. })
  164. //增加
  165. $(".leftAdd").click(function() {
  166. var Str = Left_Cids;
  167. console.log(Str);
  168. layer.open({
  169. type: 2,
  170. content: "../Questionnaire/addSWenjuanxinxi.html?", //iframe的url,no代表不显示滚动条
  171. title: '问卷信息',
  172. area: ['35%', '40%'], //宽高
  173. });
  174. });
  175. ////////////////////////////////////////////////////////////////右边表格
  176. //详情展示
  177. function XQ(Left_Cids) {
  178. $(".Qus_box").empty();
  179. $.ajax({
  180. type: "get",
  181. url: huayi.config.callcenter_url + "/Questionnaire/GetPagerInfoQ",
  182. async: true,
  183. dataType: "json",
  184. data: {
  185. pid:Left_Cids,
  186. token: $.cookie("token"),
  187. },
  188. success: function(data) {
  189. if(data.state.toLowerCase() == 'success') {
  190. $('.Title').text(data.data.F_Title);
  191. $(".F_Remark").text(data.data.F_Remark);
  192. var Questions = data.data.F_Questions;
  193. var html = '';
  194. for(var i = 0; i < Questions.length; i++) {
  195. var questype = Questions[i].questype;
  196. var Quesid =Questions[i].quesid;
  197. console.log(Questions[i]);
  198. html += '<li >';
  199. html += '<div class="Back">';
  200. html += '<h3 class="size-14 QuesTitle" indexs="'+Questions[i].quesid+'">' + Questions[i].questitle + ' </h3>';
  201. html += '</div>';
  202. //判断类型
  203. if(questype == 2) { //问答题
  204. //选项
  205. if(Questions[i].quesitems.length > 0) {
  206. html += '<div>';
  207. var quesitems = Questions[i].quesitems;
  208. for(var j = 0; j < quesitems.length; j++) {
  209. html += '<label style="font-weight: normal;">'
  210. html +=''+(j+1)+'.';
  211. html += '<input type="radio" index_="' + quesitems[j].itemid + '" value="'+ quesitems[j].itemname + '" name="ltype'+Quesid+'" style="margin-left:5px;"> ' + quesitems[j].itemname + '</label>'
  212. }
  213. html += '</div>'
  214. html += '</li>'
  215. }
  216. }
  217. else if(questype == 1) {
  218. html += '<div>';
  219. html += '<textarea index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;"></textarea>'
  220. html += '</div>'
  221. }else{
  222. if(Questions[i].quesitems.length > 0) {
  223. html += '<div>';
  224. var quesitems = Questions[i].quesitems;
  225. for(var j = 0; j < quesitems.length; j++) {
  226. html += '<label style="font-weight: normal;">'
  227. html +=''+(j+1)+'.';
  228. html += '<input type="checkbox" value="'+ quesitems[j].itemname +'" name="checks" > ' + quesitems[j].itemname + '</label>'
  229. }
  230. html += '</div>'
  231. html += '</li >';
  232. }
  233. }
  234. }
  235. $(html).appendTo(".Qus_box");
  236. }
  237. }
  238. });
  239. }