find_sku.js 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. $(function () {
  2. var token=$.cookie('access_token');
  3. if(token==undefined){
  4. window.location.href = "login.html";
  5. }
  6. console.log(token)
  7. var data_list=[];
  8. var res_leng=0;
  9. var totalPages=1;
  10. var url=http+"cku_suit/query";
  11. var data_string = JSON.stringify({token:token});
  12. // 首次获取
  13. $.ajax({
  14. url: url,
  15. type: "post",
  16. dataType:"JSON",
  17. data: data_string,
  18. success: function (data)
  19. {
  20. if(data.code==0){
  21. var html_='<option>请选择套装名称</option>';
  22. for(var k=0;k<data.res.length;k++){
  23. html_=html_+'<option value="'+data.res[k].id+'">'+data.res[k].suitName+'</option>'
  24. }
  25. $(".select_combo_val").html(html_);
  26. }
  27. },
  28. error:function (XMLHttpRequest) {
  29. console.log("失败!");
  30. }
  31. });
  32. // 选择就触发
  33. $(document).on('change','.select_combo_val', function() {
  34. $(".select_all_val").html('');
  35. $("#Respond_to_feedback_tbody").html('');
  36. var id = $(".select_combo_val option:selected").attr("value");
  37. // console.log(id);
  38. var url=http+"cku_rule/query_all";
  39. var data_string = JSON.stringify({token:token,id:id});
  40. // 首次获取
  41. $.ajax({
  42. url: url,
  43. type: "post",
  44. dataType:"JSON",
  45. data: data_string,
  46. success: function (data)
  47. {
  48. console.log(data)
  49. if(data.code==0){
  50. for(var k=0;k<data.res.length;k++){
  51. var html_='<select class="select_div rule_name">'
  52. +'<option value="'+data.res[k].cr_qs.length+'">请选择'+data.res[k].ruleName+'</option>';
  53. for(var j=0;j<data.res[k].cr_qs.length;j++){
  54. html_=html_+'<option value="'+j+'">'+data.res[k].cr_qs[j].numName+':'+data.res[k].cr_qs[j].conditionName+'</option>'
  55. }
  56. html_=html_+'</select> '
  57. $(".select_all_val").append(html_);
  58. }
  59. if(data.res.length>0){
  60. $("#ok_button").show();
  61. $('#pageLimit').show();
  62. $(".pagination").show();
  63. }else{
  64. $('#pageLimit').hide();
  65. $("#ok_button").hide();
  66. $(".pagination").hide();
  67. }
  68. }
  69. },
  70. error:function (XMLHttpRequest) {
  71. console.log("失败!");
  72. }
  73. });
  74. });
  75. // 递归
  76. var i;
  77. function recursion(data_,num,num_,tj_,val_1,val_2){
  78. if(tj_==""){
  79. i=1;
  80. }
  81. var xa=num-1;//记录是否继续
  82. for (var a=0;a<data_.res[res_leng-xa].cr_qs.length;a++) {
  83. if(xa==0){
  84. var num_all=num_;
  85. var tj_all=tj_;
  86. num_all=num_all+data_.res[res_leng-xa].cr_qs[a].numName;
  87. tj_all=tj_all+data_.res[res_leng-xa].cr_qs[a].conditionName;
  88. // console.log(num_all);
  89. data_list.push({'num':i,'all_num':num_all,'all_tj':tj_all});
  90. i=i+1;
  91. }else{
  92. var num_all=num_;
  93. var tj_all=tj_;
  94. if(val_1=="玲"){
  95. if(res_leng-(xa+1)==0){
  96. num_all=num_all+"-"
  97. }
  98. }
  99. num_all=num_all+data_.res[res_leng-xa].cr_qs[a].numName;
  100. tj_all=tj_all+data_.res[res_leng-xa].cr_qs[a].conditionName;
  101. if(val_1!=""){
  102. if(res_leng-xa==val_1){
  103. num_all=num_all+"-"
  104. }
  105. }
  106. if(val_2!=""){
  107. if(res_leng-xa==val_2){
  108. num_all=num_all+"-"
  109. }
  110. }
  111. recursion(data_,xa,num_all,tj_all,val_1,val_2);
  112. }
  113. }
  114. }
  115. // 循环判断
  116. function cr_qs(data_,num){
  117. i=1;
  118. data_list=[];
  119. $('#pageLimit').html("");
  120. $("#Respond_to_feedback_tbody").html("");
  121. if(num==7){ //摄像机单机
  122. recursion(data_,num,"","",1,4);
  123. }else if(num==8){ //摄像机套装
  124. recursion(data_,num,"","",1,4);
  125. }else if(num==5){ //电源
  126. recursion(data_,num,"","","玲",3);
  127. }else{
  128. recursion(data_,num,"","","","");
  129. }
  130. console.log('一共有');
  131. console.log(data_list.length);
  132. $("#all_num").html('共'+data_list.length+'条记录');
  133. if(totalPages==0){
  134. totalPages=1;
  135. }else{
  136. totalPages=parseInt((data_list.length+line-1)/line); //计算页
  137. }
  138. $("#Respond_to_feedback_tbody").html('');
  139. for(var i=0;i<data_list.length;i++){
  140. if(i<line){
  141. $("#Respond_to_feedback_tbody").append('<tr>'
  142. +'<td style="text-align: center; border-top: 2px solid #e4e7e9; width: 10%;" >'+data_list[i].num+'</td>'
  143. +'<td style="text-align: center; border-top: 2px solid #e4e7e9; width: 40%">'+data_list[i].all_num+'</td>'
  144. +'<td style="text-align: center; border-top: 2px solid #e4e7e9;width: 50%">'+data_list[i].all_tj+'</td>'
  145. +'</tr>');
  146. }
  147. }
  148. $('#pageLimit').bootstrapPaginator({
  149. currentPage: 1,//当前的请求页面。
  150. totalPages: totalPages,//一共多少页。
  151. size: "normal",//应该是页眉的大小。
  152. bootstrapMajorVersion: 3,//bootstrap的版本要求。
  153. alignment: "right",
  154. numberOfPages: 7,//一页列出多少数据。
  155. itemTexts: function (type, page, current) {//如下的代码是将页眉显示的中文显示我们自定义的中文。
  156. switch (type) {
  157. case "first":
  158. return "首页";
  159. case "prev":
  160. return "上一页";
  161. case "next":
  162. return "下一页";
  163. case "last":
  164. return "末页";
  165. case "page":
  166. return page;
  167. }
  168. },
  169. onPageClicked: function (event, originalEvent, type, page) {//给每个页眉绑定一个事件,其实就是ajax请求,其中page变量为当前点击的页上的数字。
  170. $("#Respond_to_feedback_tbody").html('');
  171. for(var i=0;i<data_list.length;i++){
  172. if(line*(page-1)<=i && i<line*page){
  173. $("#Respond_to_feedback_tbody").append('<tr>'
  174. +'<td style="text-align: center; border-top: 2px solid #e4e7e9; width: 10%;" >'+data_list[i].num+'</td>'
  175. +'<td style="text-align: center; border-top: 2px solid #e4e7e9; width: 40%">'+data_list[i].all_num+'</td>'
  176. +'<td style="text-align: center; border-top: 2px solid #e4e7e9;width: 50%">'+data_list[i].all_tj+'</td>'
  177. +'</tr>');
  178. }
  179. }
  180. console.log('ok');
  181. }
  182. });
  183. }
  184. // 点击确认
  185. $("#ok_button").on('click',function(){
  186. var id = $(".select_combo_val option:selected").attr("value");
  187. // console.log(id);
  188. var url=http+"cku_rule/query_all";
  189. var data_string = JSON.stringify({token:token,id:id});
  190. $.ajax({
  191. url: url,
  192. type: "post",
  193. dataType:"JSON",
  194. data: data_string,
  195. success: function (data)
  196. {
  197. if(data.code==0){
  198. // console.log(data);
  199. for (var i=0;i<$(".select_all_val").children().length;i++) {
  200. var ff=$(".select_all_val").children().eq(i).val();
  201. if(ff<data.res[i].cr_qs.length){
  202. data.res[i].cr_qs= [data.res[i].cr_qs[ff]]
  203. }
  204. }
  205. try{
  206. res_leng=data.res.length-1;
  207. cr_qs(data,data.res.length);
  208. }catch(e){
  209. //TODO handle the exception
  210. }
  211. }
  212. },
  213. error:function (XMLHttpRequest) {
  214. console.log("失败!");
  215. }
  216. });
  217. });
  218. $(".ipt_find").on('focus',function(){
  219. $(".find_img").addClass("find_img_hover");
  220. });
  221. $(".ipt_find").on('blur',function(){
  222. $(".find_img").removeClass("find_img_hover");
  223. });
  224. });