showCustomerSkillContent.jsp 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8" %>
  3. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="UTF-8">
  8. <title>产品知识列表</title>
  9. <%@include file="/views/common.jsp" %>
  10. <style type="text/css">
  11. .layui-table-cell {
  12. height: 32px;
  13. line-height: 32px;
  14. }
  15. .layui-table td, .layui-table th, .layui-table-header, .layui-table-page, .layui-table-tool, .layui-table-total, .layui-table-view {
  16. border-color: #6666;
  17. font-size: 16px;
  18. }
  19. .ztree * {
  20. font-size: 20px;
  21. }
  22. .edge .layui-edge {
  23. right: 35px;
  24. }
  25. </style>
  26. </head>
  27. <script type="text/html" id="toolbarDemo">
  28. </script>
  29. <script type="text/html" id="barDemo">
  30. <a class="layui-btn layui-btn-xs" lay-event="view">
  31. <i class="layui-icon layui-icon-view" style="color:white;font-size:20px"></i>复制
  32. </a>
  33. </script>
  34. <body>
  35. <br>
  36. <form class="layui-form" action="">
  37. <div class="layui-inline">
  38. <label class="layui-form-label">内容</label>
  39. <div class="layui-input-inline">
  40. <input type="text" id="content" name="content" placeholder="请输入内容" autocomplete="off" class="layui-input">
  41. </div>
  42. </div>
  43. <div class="layui-inline">
  44. <div class="layui-input-inline">
  45. <button class="layui-btn" id="searchBtn" lay-submit lay-filter="formDemo" style="margin-left: 15px">
  46. <i class="layui-icon layui-icon-search"></i> 查询
  47. </button>
  48. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  49. </div>
  50. </div>
  51. </form>
  52. <table class="layui-hide" id="informationTable" lay-filter="informationTable"></table>
  53. <script type="text/javascript">
  54. layui.use(['element', 'table', 'laydate', 'form'], function () {
  55. var $ = layui.jquery;
  56. var table = layui.table;
  57. var laydate = layui.laydate;
  58. var element = layui.element;
  59. var form = layui.form;
  60. // 生成表格
  61. table.render({
  62. elem: '#informationTable',
  63. url: '../../../../getStandard',
  64. toolbar: '#toolbarDemo',
  65. title: '用户表',// 导出文件名
  66. id: 'informationTableAll',
  67. // 开启分页
  68. // page : true,
  69. page: {
  70. layout: ['count', 'prev', 'page', 'next', 'skip', 'limit']
  71. },
  72. limits: [10, 30, 50, 80, 100, 999],
  73. /*request : {
  74. 'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
  75. },*/
  76. where: {
  77. content: '', type: 1
  78. },
  79. cellMinWidth: 80, // 全局定义常规单元格的最小宽度,layui 2.2.1 新增
  80. cols: [[{
  81. field: 'title',
  82. title: '产品',
  83. }, {
  84. field: 'content',
  85. title: '内容',
  86. }, {
  87. field: 'memo',
  88. title: '备注',
  89. }, {
  90. fixed: 'right',
  91. title: '操作',
  92. align: 'center',
  93. width: 150,
  94. toolbar: '#barDemo'
  95. }]],
  96. parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
  97. return {
  98. "code": 0, //解析接口状态
  99. "msg": "", //解析提示文本
  100. "count": res.data.list.total,//解析数据长度
  101. "data": res.data.list.list//解析数据列表
  102. };
  103. }
  104. });
  105. //点击查询按钮,重载表格
  106. $('#searchBtn').on('click', function () {
  107. table.reload('informationTableAll', {
  108. method: 'get',
  109. where: {
  110. content: $("#content").val()
  111. },
  112. page: {
  113. curr: 1
  114. }
  115. });
  116. return false;
  117. });
  118. table.on('toolbar(informationTable)', function (obj) {
  119. switch (obj.event) {
  120. case 'add':
  121. layer.open({
  122. type: 2,
  123. title: "添加文件名",
  124. fix: false, //不固定
  125. maxmin: true,
  126. skin: 'layui-layer-molv',
  127. area: ['45%', '70%'],
  128. content: './addMemo.jsp',
  129. });
  130. break;
  131. }
  132. ;
  133. });
  134. table.on('tool(informationTable)', function (obj) {
  135. let data1 = obj.data;
  136. if (obj.event === 'edit') {
  137. layer.open({
  138. type: 2,
  139. title: "修改文件名",
  140. area: ['45%', '70%'],
  141. skin: 'layui-layer-molv',
  142. content: './addMemo.jsp',
  143. success: function (layero, index) {
  144. var body = layer.getChildFrame('body', index);
  145. body.find('#id').val(data1.id);
  146. body.find('input[name="title"]').val(data1.title);
  147. body.find('input[name="memo"]').val(data1.memo);
  148. body.find('textarea[name="content"]').val(data1.content);
  149. layui.form.render();
  150. }
  151. });
  152. } else if (obj.event === 'view') {
  153. // 在此处输入 layer 的任意代码
  154. navigator.clipboard.writeText(data1.content);
  155. layer.msg('复制成功!', {icon: 6, offset: 'auto', time: 1000});
  156. }
  157. })
  158. });
  159. </script>
  160. </body>
  161. </html>