CustomQuery_Admin.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426
  1. var ExcelData,ExcelKind;
  2. function ConfirmImport() {
  3. $.ajax({
  4. type: "POST",
  5. url: "/Admin/CustomQuery/Import?r=" + Math.random(1),
  6. data: "ExcelData=" + encodeURIComponent(JSON.stringify(ExcelData)),
  7. dataType: "text",
  8. success: function (data) {
  9. if (data == "success") {
  10. layer.msg("导入成功", { time: 2000 }, function () {
  11. window.location.reload();
  12. });
  13. } else {
  14. layer.msg(data);
  15. }
  16. }
  17. });
  18. }
  19. var excel;
  20. layui.config({
  21. base: '/layuiadmin/' //静态资源所在路径
  22. }).extend({
  23. myexcel: 'layui/lay/modules/excel',
  24. index: 'lib/index' //主入口模块
  25. }).use(['index', 'table', 'excel', 'laydate'], function () {
  26. var $ = layui.$
  27. , form = layui.form
  28. , table = layui.table;
  29. //- 筛选条件-日期
  30. var laydate = layui.laydate;
  31. //excel导入
  32. excel = layui.excel;
  33. $('#ExcelFile').change(function (e) {
  34. var files = e.target.files;
  35. excel.importExcel(files, { }, function (data) {
  36. ExcelData = data[0].sheet1;
  37. });
  38. });
  39. //监听单元格编辑
  40. table.on('edit(LAY-list-manage)', function(obj){
  41. var value = obj.value //得到修改后的值
  42. ,data = obj.data //得到所在行所有键值
  43. ,field = obj.field; //得到字段
  44. if(field == "Sort"){
  45. $.ajax({
  46. type: "POST",
  47. url: "/Admin/CustomQuery/Sort?r=" + Math.random(1),
  48. data: "Id=" + data.Id + "&Sort=" + value,
  49. dataType: "text",
  50. success: function (data) {
  51. }
  52. });
  53. }
  54. });
  55. //列表数据
  56. table.render({
  57. elem: '#LAY-list-manage'
  58. , url: '/Admin/CustomQuery/IndexData' //模拟接口
  59. , cols: [[
  60. { type: 'checkbox', fixed: 'left' }
  61. , {field:'Id', fixed: 'left', title:'ID', width:80, sort: true, unresize: true}
  62. ,{field:'Title', title:'标题', sort: true}
  63. , {field:'Sort', fixed: 'right', title:'排序', width:80, edit: 'text'}
  64. , { title: '操作', width:320, align: 'center', fixed: 'right', toolbar: '#table-list-tools' }
  65. ]]
  66. , where: {
  67. }
  68. , page: true
  69. , limit: 30
  70. , height: 'full-220'
  71. , text: '对不起,加载出现异常!'
  72. , done: function (res, curr, count) {
  73. $(".layui-none").text("无数据");
  74. }
  75. });
  76. //监听工具条
  77. table.on('tool(LAY-list-manage)', function (obj) {
  78. var data = obj.data;
  79. if (obj.event === 'del') {
  80. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  81. $.ajax({
  82. type: "POST",
  83. url: "/Admin/CustomQuery/Delete?r=" + Math.random(1),
  84. data: "Id=" + data.Id,
  85. dataType: "text",
  86. success: function (data) {
  87. if (data == "success") {
  88. obj.del();
  89. layer.close(index);
  90. } else {
  91. parent.layer.msg(data);
  92. }
  93. }
  94. });
  95. });
  96. } else if (obj.event === 'edit') {
  97. var tr = $(obj.tr);
  98. var perContent = layer.open({
  99. type: 2
  100. , title: '自定义查询-编辑'
  101. , content: 'Edit?Id=' + data.Id + ''
  102. , maxmin: true
  103. , area: ['500px', '450px']
  104. , btn: ['确定', '取消']
  105. , yes: function (index, layero) {
  106. var iframeWindow = window['layui-layer-iframe' + index]
  107. , submitID = 'LAY-list-front-submit'
  108. , submit = layero.find('iframe').contents().find('#' + submitID);
  109. setTimeout(function () {
  110. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  111. var errObj = $(this).find('.layui-form-danger');
  112. if (errObj.length > 0) {
  113. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  114. submit.click();
  115. }
  116. });
  117. }, 300);
  118. //监听提交
  119. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  120. var field = data.field; //获取提交的字段
  121. var userdata = "";
  122. for (var prop in field) {
  123. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  124. }
  125. //提交 Ajax 成功后,静态更新表格中的数据
  126. //$.ajax({});
  127. $.ajax({
  128. type: "POST",
  129. url: "/Admin/CustomQuery/Edit?r=" + Math.random(1),
  130. data: userdata,
  131. dataType: "text",
  132. success: function (data) {
  133. layer.close(index); //关闭弹层
  134. if (data == "success") {
  135. table.reload('LAY-list-manage'); //数据刷新
  136. } else {
  137. layer.msg(data);
  138. }
  139. }
  140. });
  141. });
  142. submit.trigger('click');
  143. }
  144. , success: function (layero, index) {
  145. }
  146. });
  147. layer.full(perContent);
  148. } else if (obj.event === 'confirm') {
  149. var tr = $(obj.tr);
  150. var perContent = layer.open({
  151. type: 2
  152. , title: '自定义提交'
  153. , content: 'Confirm?Id=' + data.Id + ''
  154. , maxmin: true
  155. , area: ['500px', '450px']
  156. , btn: ['确定', '取消']
  157. , yes: function (index, layero) {
  158. var iframeWindow = window['layui-layer-iframe' + index]
  159. , submitID = 'LAY-list-front-submit'
  160. , submit = layero.find('iframe').contents().find('#' + submitID);
  161. //监听提交
  162. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  163. var field = data.field; //获取提交的字段
  164. var userdata = "";
  165. for (var prop in field) {
  166. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  167. }
  168. //提交 Ajax 成功后,静态更新表格中的数据
  169. //$.ajax({});
  170. $.ajax({
  171. type: "POST",
  172. url: "/Admin/CustomQuery/Confirm?r=" + Math.random(1),
  173. data: userdata,
  174. dataType: "text",
  175. success: function (data) {
  176. layer.close(index); //关闭弹层
  177. if (data == "success") {
  178. layer.msg("提交成功!等待结果");
  179. } else {
  180. layer.msg(data);
  181. }
  182. }
  183. });
  184. });
  185. submit.trigger('click');
  186. }
  187. , success: function (layero, index) {
  188. }
  189. });
  190. layer.full(perContent);
  191. }
  192. });
  193. //监听搜索
  194. form.on('submit(LAY-list-front-search)', function (data) {
  195. var field = data.field;
  196. //执行重载
  197. table.reload('LAY-list-manage', {
  198. where: field,
  199. page: {
  200. curr: 1
  201. }
  202. });
  203. });
  204. form.on('submit(LAY-list-front-searchall)', function (data) {
  205. table.reload('LAY-list-manage', {
  206. where: null,
  207. page: {
  208. curr: 1
  209. }
  210. });
  211. });
  212. //事件
  213. var active = {
  214. batchdel: function () {
  215. var checkStatus = table.checkStatus('LAY-list-manage')
  216. , data = checkStatus.data; //得到选中的数据
  217. if (data.length < 1) {
  218. parent.layer.msg("请选择要删除的项");
  219. } else {
  220. var ids = "";
  221. $.each(data, function (index, value) {
  222. ids += data[index].Id + ",";
  223. });
  224. ids = ids.substring(0, ids.length - 1);
  225. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  226. $.ajax({
  227. type: "POST",
  228. url: "/Admin/CustomQuery/Delete?r=" + Math.random(1),
  229. data: "Id=" + ids,
  230. dataType: "text",
  231. success: function (data) {
  232. layer.close(index);
  233. if (data == "success") {
  234. table.reload('LAY-list-manage');
  235. } else {
  236. layer.msg(data);
  237. }
  238. }
  239. });
  240. });
  241. }
  242. }
  243. , add: function () {
  244. var perContent = layer.open({
  245. type: 2
  246. , title: '自定义查询-添加'
  247. , content: 'Add'
  248. , maxmin: true
  249. , area: ['500px', '450px']
  250. , btn: ['确定', '取消']
  251. , yes: function (index, layero) {
  252. var iframeWindow = window['layui-layer-iframe' + index]
  253. , submitID = 'LAY-list-front-submit'
  254. , submit = layero.find('iframe').contents().find('#' + submitID);
  255. setTimeout(function () {
  256. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  257. var errObj = $(this).find('.layui-form-danger');
  258. if (errObj.length > 0) {
  259. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  260. submit.click();
  261. }
  262. });
  263. }, 300);
  264. //监听提交
  265. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  266. var field = data.field; //获取提交的字段
  267. var userdata = "";
  268. for (var prop in field) {
  269. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  270. }
  271. //提交 Ajax 成功后,静态更新表格中的数据
  272. //$.ajax({});
  273. $.ajax({
  274. type: "POST",
  275. url: "/Admin/CustomQuery/Add?r=" + Math.random(1),
  276. data: userdata,
  277. dataType: "text",
  278. success: function (data) {
  279. layer.close(index); //关闭弹层
  280. if (data == "success") {
  281. table.reload('LAY-list-manage'); //数据刷新
  282. } else {
  283. layer.msg(data);
  284. }
  285. }
  286. });
  287. });
  288. submit.trigger('click');
  289. }
  290. });
  291. layer.full(perContent);
  292. }
  293. , ImportData: function () {
  294. ExcelKind = 1;
  295. layer.open({
  296. type: 1,
  297. title: '导入',
  298. maxmin: false,
  299. area: ['460px', '280px'],
  300. content: $('#excelForm'),
  301. cancel: function () {
  302. }
  303. });
  304. $("#excelTemp").html('<a href="/excelfile/模板文件.xlsx">点击下载模板文件</a>');
  305. }
  306. , ExportExcel: function () {
  307. var userdata = '';
  308. $(".layuiadmin-card-header-auto input").each(function (i) {
  309. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  310. });
  311. $(".layuiadmin-card-header-auto select").each(function (i) {
  312. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  313. });
  314. $.ajax({
  315. type: "GET",
  316. url: "/Admin/CustomQuery/ExportExcel?r=" + Math.random(1),
  317. data: userdata,
  318. dataType: "json",
  319. success: function (data) {
  320. data.Obj.unshift(data.Fields);
  321. excel.exportExcel(data.Obj, data.Info, 'xlsx');
  322. }
  323. });
  324. }
  325. , Open: function () {
  326. var checkStatus = table.checkStatus('LAY-list-manage')
  327. , data = checkStatus.data; //得到选中的数据
  328. if(data.length < 1){
  329. parent.layer.msg("请选择要开启的项");
  330. }else{
  331. var ids = "";
  332. $.each(data, function (index, value) {
  333. ids += data[index].Id + ",";
  334. });
  335. ids = ids.substring(0, ids.length - 1);
  336. var index = layer.confirm('确定要开启吗?', function (index) {
  337. $.ajax({
  338. type: "POST",
  339. url: "/Admin/CustomQuery/Open?r=" + Math.random(1),
  340. data: "Id=" + ids,
  341. dataType: "text",
  342. success: function (data) {
  343. layer.close(index);
  344. if (data == "success") {
  345. table.reload('LAY-list-manage');
  346. } else {
  347. layer.msg(data);
  348. }
  349. }
  350. });
  351. });
  352. }
  353. }
  354. , Close: function () {
  355. var checkStatus = table.checkStatus('LAY-list-manage')
  356. , data = checkStatus.data; //得到选中的数据
  357. if(data.length < 1){
  358. parent.layer.msg("请选择要关闭的项");
  359. }else{
  360. var ids = "";
  361. $.each(data, function (index, value) {
  362. ids += data[index].Id + ",";
  363. });
  364. ids = ids.substring(0, ids.length - 1);
  365. var index = layer.confirm('确定要关闭吗?', function (index) {
  366. $.ajax({
  367. type: "POST",
  368. url: "/Admin/CustomQuery/Close?r=" + Math.random(1),
  369. data: "Id=" + ids,
  370. dataType: "text",
  371. success: function (data) {
  372. layer.close(index);
  373. if (data == "success") {
  374. table.reload('LAY-list-manage');
  375. } else {
  376. layer.msg(data);
  377. }
  378. }
  379. });
  380. });
  381. }
  382. }
  383. };
  384. $('.layui-btn').on('click', function () {
  385. var type = $(this).data('type');
  386. active[type] ? active[type].call(this) : '';
  387. });
  388. });