Col_Admin.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  1. var ExcelData;
  2. function ConfirmImport() {
  3. $.ajax({
  4. type: "POST",
  5. url: "/Admin/Col/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/Col/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/Col/IndexData' //模拟接口
  59. , cols: [[
  60. { type: 'checkbox', fixed: 'left' }
  61. , {field:'Id', fixed: 'left', title:'ID', width:80, sort: true, unresize: true}
  62. ,{field:'ColName', title:'名称', sort: true}
  63. ,{field:'RecommendName', title:'推荐', sort: true}
  64. ,{field:'ColEnName', title:'英文名', sort: true}
  65. , {field:'Sort', fixed: 'right', title:'排序', width:80, edit: 'text'}
  66. , { title: '操作', align: 'center', fixed: 'right', toolbar: '#table-list-tools' }
  67. ]]
  68. , where: {
  69. }
  70. , page: true
  71. , limit: 30
  72. , height: 'full-' + String($('.layui-card-header').height() + 130)
  73. , text: '对不起,加载出现异常!'
  74. , done: function (res, curr, count) {
  75. $(".layui-none").text("无数据");
  76. }
  77. });
  78. //监听工具条
  79. table.on('tool(LAY-list-manage)', function (obj) {
  80. var data = obj.data;
  81. if (obj.event === 'del') {
  82. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  83. $.ajax({
  84. type: "POST",
  85. url: "/Admin/Col/Delete?r=" + Math.random(1),
  86. data: "Id=" + data.Id,
  87. dataType: "text",
  88. success: function (data) {
  89. if (data == "success") {
  90. obj.del();
  91. layer.close(index);
  92. } else {
  93. parent.layer.msg(data);
  94. }
  95. }
  96. });
  97. });
  98. } else if (obj.event === 'edit') {
  99. var tr = $(obj.tr);
  100. var perContent = layer.open({
  101. type: 2
  102. , title: '分类设置-编辑'
  103. , content: 'Edit?Id=' + data.Id + ''
  104. , maxmin: true
  105. , area: ['500px', '450px']
  106. , btn: ['确定', '取消']
  107. , yes: function (index, layero) {
  108. var iframeWindow = window['layui-layer-iframe' + index]
  109. , submitID = 'LAY-list-front-submit'
  110. , submit = layero.find('iframe').contents().find('#' + submitID);
  111. setTimeout(function () {
  112. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  113. var errObj = $(this).find('.layui-form-danger');
  114. if (errObj.length > 0) {
  115. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  116. submit.click();
  117. }
  118. });
  119. }, 300);
  120. //详细内容
  121. iframeWindow.Contentsedit.sync();
  122. //监听提交
  123. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  124. var field = data.field; //获取提交的字段
  125. var userdata = "";
  126. for (var prop in field) {
  127. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  128. }
  129. //提交 Ajax 成功后,静态更新表格中的数据
  130. //$.ajax({});
  131. $.ajax({
  132. type: "POST",
  133. url: "/Admin/Col/Edit?r=" + Math.random(1),
  134. data: userdata,
  135. dataType: "text",
  136. success: function (data) {
  137. layer.close(index); //关闭弹层
  138. if (data == "success") {
  139. table.reload('LAY-list-manage'); //数据刷新
  140. } else {
  141. layer.msg(data);
  142. }
  143. }
  144. });
  145. });
  146. submit.trigger('click');
  147. }
  148. , success: function (layero, index) {
  149. }
  150. });
  151. layer.full(perContent);
  152. }
  153. });
  154. //监听搜索
  155. form.on('submit(LAY-list-front-search)', function (data) {
  156. var field = data.field;
  157. //执行重载
  158. table.reload('LAY-list-manage', {
  159. where: field,
  160. page: {
  161. curr: 1
  162. }
  163. });
  164. });
  165. form.on('submit(LAY-list-front-searchall)', function (data) {
  166. table.reload('LAY-list-manage', {
  167. where: null,
  168. page: {
  169. curr: 1
  170. }
  171. });
  172. });
  173. //事件
  174. var active = {
  175. batchdel: function () {
  176. var checkStatus = table.checkStatus('LAY-list-manage')
  177. , data = checkStatus.data; //得到选中的数据
  178. if (data.length < 1) {
  179. parent.layer.msg("请选择要删除的项");
  180. } else {
  181. var ids = "";
  182. $.each(data, function (index, value) {
  183. ids += data[index].Id + ",";
  184. });
  185. ids = ids.substring(0, ids.length - 1);
  186. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  187. $.ajax({
  188. type: "POST",
  189. url: "/Admin/Col/Delete?r=" + Math.random(1),
  190. data: "Id=" + ids,
  191. dataType: "text",
  192. success: function (data) {
  193. layer.close(index);
  194. if (data == "success") {
  195. table.reload('LAY-list-manage');
  196. } else {
  197. layer.msg(data);
  198. }
  199. }
  200. });
  201. });
  202. }
  203. }
  204. , add: function () {
  205. var perContent = layer.open({
  206. type: 2
  207. , title: '分类设置-添加'
  208. , content: 'Add'
  209. , maxmin: true
  210. , area: ['500px', '450px']
  211. , btn: ['确定', '取消']
  212. , yes: function (index, layero) {
  213. var iframeWindow = window['layui-layer-iframe' + index]
  214. , submitID = 'LAY-list-front-submit'
  215. , submit = layero.find('iframe').contents().find('#' + submitID);
  216. setTimeout(function () {
  217. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  218. var errObj = $(this).find('.layui-form-danger');
  219. if (errObj.length > 0) {
  220. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  221. submit.click();
  222. }
  223. });
  224. }, 300);
  225. //详细内容
  226. iframeWindow.Contentsedit.sync();
  227. //监听提交
  228. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  229. var field = data.field; //获取提交的字段
  230. var userdata = "";
  231. for (var prop in field) {
  232. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  233. }
  234. //提交 Ajax 成功后,静态更新表格中的数据
  235. //$.ajax({});
  236. $.ajax({
  237. type: "POST",
  238. url: "/Admin/Col/Add?r=" + Math.random(1),
  239. data: userdata,
  240. dataType: "text",
  241. success: function (data) {
  242. layer.close(index); //关闭弹层
  243. if (data == "success") {
  244. table.reload('LAY-list-manage'); //数据刷新
  245. } else {
  246. layer.msg(data);
  247. }
  248. }
  249. });
  250. });
  251. submit.trigger('click');
  252. }
  253. });
  254. layer.full(perContent);
  255. }
  256. , ImportData: function () {
  257. layer.open({
  258. type: 1,
  259. title: '导入',
  260. maxmin: false,
  261. area: ['460px', '180px'],
  262. content: $('#excelForm'),
  263. cancel: function () {
  264. }
  265. });
  266. }
  267. , ExportExcel: function () {
  268. var userdata = '';
  269. $(".layuiadmin-card-header-auto input").each(function (i) {
  270. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  271. });
  272. $(".layuiadmin-card-header-auto select").each(function (i) {
  273. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  274. });
  275. $.ajax({
  276. type: "GET",
  277. url: "/Admin/Col/ExportExcel?r=" + Math.random(1),
  278. data: userdata,
  279. dataType: "json",
  280. success: function (data) {
  281. data.Obj.unshift(data.Fields);
  282. excel.exportExcel(data.Obj, data.Info, 'xlsx');
  283. }
  284. });
  285. }
  286. , Open: function () {
  287. var checkStatus = table.checkStatus('LAY-list-manage')
  288. , data = checkStatus.data; //得到选中的数据
  289. if(data.length < 1){
  290. parent.layer.msg("请选择要开启的项");
  291. }else{
  292. var ids = "";
  293. $.each(data, function (index, value) {
  294. ids += data[index].Id + ",";
  295. });
  296. ids = ids.substring(0, ids.length - 1);
  297. var index = layer.confirm('确定要开启吗?', function (index) {
  298. $.ajax({
  299. type: "POST",
  300. url: "/Admin/Col/Open?r=" + Math.random(1),
  301. data: "Id=" + ids,
  302. dataType: "text",
  303. success: function (data) {
  304. layer.close(index);
  305. if (data == "success") {
  306. table.reload('LAY-list-manage');
  307. } else {
  308. layer.msg(data);
  309. }
  310. }
  311. });
  312. });
  313. }
  314. }
  315. , Close: function () {
  316. var checkStatus = table.checkStatus('LAY-list-manage')
  317. , data = checkStatus.data; //得到选中的数据
  318. if(data.length < 1){
  319. parent.layer.msg("请选择要关闭的项");
  320. }else{
  321. var ids = "";
  322. $.each(data, function (index, value) {
  323. ids += data[index].Id + ",";
  324. });
  325. ids = ids.substring(0, ids.length - 1);
  326. var index = layer.confirm('确定要关闭吗?', function (index) {
  327. $.ajax({
  328. type: "POST",
  329. url: "/Admin/Col/Close?r=" + Math.random(1),
  330. data: "Id=" + ids,
  331. dataType: "text",
  332. success: function (data) {
  333. layer.close(index);
  334. if (data == "success") {
  335. table.reload('LAY-list-manage');
  336. } else {
  337. layer.msg(data);
  338. }
  339. }
  340. });
  341. });
  342. }
  343. }
  344. };
  345. $('.layui-btn').on('click', function () {
  346. var type = $(this).data('type');
  347. active[type] ? active[type].call(this) : '';
  348. });
  349. });