qrImg.js 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. define(function (require) {
  2. return function (context) {
  3. var $grid1, $form;
  4. //查询小区
  5. function queryGrid2() {
  6. var _datas = [];
  7. $.yvan.ajax({
  8. async: false,
  9. method: 'post',
  10. url: api('/getAllUptown'),
  11. data: {userId: 0},
  12. success: function (data) {
  13. if (data.data != null && data.data != undefined) {
  14. for (var i = 0; i < data.data.length; i++) {
  15. _datas.push({
  16. "id": data.data[i].uptownId,
  17. "text": data.data[i].uptownName
  18. })
  19. }
  20. }
  21. }
  22. });
  23. return _datas;
  24. }
  25. // 输入搜索文本后点击回车按钮查询列表
  26. function enterQueryGrid1(e) {
  27. if (e.keyCode === 13) {
  28. var tmp = $(this).val();
  29. $form.formSet({queryProperties: tmp});
  30. queryGrid1();
  31. }
  32. }
  33. // 检索条件查询
  34. function queryGrid1() {
  35. var queryForm = $form.formGet();
  36. $grid1.reload({
  37. mtype: 'POST',
  38. url: api('/qrImg/scanQrImg'),
  39. queryParams: queryForm
  40. }, true);
  41. }
  42. // 搜索按钮
  43. var queryToolbarTitle = '团购信息管理';// 自行替换此参数
  44. var queryToolbar = {
  45. xtype: 'toolbar', title: queryToolbarTitle, items: [
  46. {
  47. text: '查询', iconCls: 'fa fa-search', onClick: function () {
  48. queryGrid1();
  49. }
  50. }, {
  51. text: '重置', iconCls: 'fa fa-refresh', onClick: function () {
  52. $form.formClear();
  53. queryGrid1();
  54. }
  55. }, {
  56. text: '关闭', iconCls: 'fa fa-times-circle', onClick: function () {
  57. App.closeMe(this);
  58. }
  59. }
  60. ]
  61. };
  62. var queryForm = {
  63. onRender: function () {
  64. $form = $(this);
  65. },
  66. xtype: 'form',
  67. items: [[
  68. {
  69. xtype: 'textbox',
  70. label: '检索条件',
  71. name: 'queryProperties',
  72. prompt: "小区名称",
  73. labelWidth: 'auto',
  74. events: {keydown: enterQueryGrid1}, width: 350
  75. },
  76. ]]
  77. };
  78. return {
  79. north: {
  80. height: 88,
  81. /* split: true,
  82. border: false,*///底框是否可变动
  83. items: [
  84. queryToolbar,
  85. queryForm
  86. ]
  87. },
  88. center: {
  89. height: '60%',
  90. split: true,
  91. items:
  92. {
  93. onRender: function () {
  94. $grid1 = $(this);
  95. queryGrid1()
  96. },
  97. xtype: 'grid',
  98. idField: 'doorId',
  99. autoSizeColumns: true,
  100. columns:
  101. [
  102. [
  103. {field: 'doorId', title: '大门ID', hidden: true},
  104. {field: 'uptownName', title: '小区', maxWidth: 200, align: 'left',},
  105. {field: 'doorName', title: '小区大门', maxWidth: 200, align: 'left',},
  106. {
  107. field: 'outImg', title: '外出二维码', minWidth: 300, maxWidth: 400,
  108. formatter: function (value) {
  109. return "<img src='" + value + "'/>";
  110. },
  111. },
  112. {field: 'inImg', title: '进入二维码', minWidth: 300, maxWidth: 400,
  113. formatter: function (value) {
  114. return "<img src='" + value + "'/>";
  115. },},
  116. {field: 'timeUpdate', title: '修改时间', maxWidth: 200, formatter: $.fn.fmatter.ts},
  117. ]
  118. ]
  119. }
  120. }
  121. };
  122. };
  123. }
  124. );