| New file |
| | |
| | | <!DOCTYPE html> |
| | | <html lang="en"> |
| | | <head> |
| | | <meta charset="UTF-8" /> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| | | <meta http-equiv="X-UA-Compatible" content="ie=edge" /> |
| | | <title>Document</title> |
| | | <link rel="stylesheet" href="../../../../lib/layui/css/layui.css" /> |
| | | <script src="../../../../lib/jquery.js"></script> |
| | | <script src="../../../../lib/js.cookie.min.js"></script> |
| | | <script src="../../../../lib/layui/layui.js"></script> |
| | | <script src="../../../../js/request.js"></script> |
| | | <script src="../../../../api/view-api.js"></script> |
| | | </head> |
| | | <body> |
| | | <table lay-filter="upDateSiteName"> |
| | | <thead> |
| | | <tr> |
| | | <th lay-data="{field:'siteName',align:'center',edit: 'text'}"> |
| | | 站点名称 |
| | | </th> |
| | | <th lay-data="{field:'id',width:1}"></th> |
| | | <th lay-data="{width:178, align:'center', toolbar: '#barDemo'}"> |
| | | 操作 |
| | | </th> |
| | | </tr> |
| | | </thead> |
| | | <tbody id="upDateT"> |
| | | <tr> |
| | | <td>贤心1</td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </body> |
| | | <script type="text/html" id="barDemo"> |
| | | <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">确认</a> |
| | | </script> |
| | | <script> |
| | | layui.use("table", function() { |
| | | var table = layui.table; |
| | | |
| | | findStaVideoByStcd({ stcd: stcd }, function(res) { |
| | | var upDateT = ""; |
| | | for (var i = 0; i < res.data.length; i++) { |
| | | upDateT += |
| | | "<tr><td>" + |
| | | res.data[i].videoName + |
| | | "</td><td>" + |
| | | res.data[i].id + |
| | | "</td></tr>"; |
| | | } |
| | | $("#upDateT").html(upDateT); |
| | | |
| | | table.init("upDateSiteName", { |
| | | height: 249, //设置高度 |
| | | limit: 10, //注意:请务必确保 limit 参数(默认:10)是与你服务端限定的数据条数一致 |
| | | //支持所有基础参数 |
| | | done: function() { |
| | | $("[data-field='id']").css("display", "none"); |
| | | } |
| | | }); |
| | | |
| | | //监听单元格编辑 |
| | | // table.on("edit(upDateSiteName)", function(obj) { |
| | | // var value = obj.value, //得到修改后的值 |
| | | // data = obj.data, //得到所在行所有键值 |
| | | // field = obj.field; //得到字段 |
| | | // }); |
| | | |
| | | table.on("tool(upDateSiteName)", function(obj) { |
| | | switch (obj.event) { |
| | | case "detail": |
| | | console.log(obj); |
| | | updateStationVideo( |
| | | { |
| | | id: obj.data.id, |
| | | videoName: obj.data.siteName |
| | | }, |
| | | function(res) { |
| | | console.log(res); |
| | | if (res.code == 200) { |
| | | layer.msg("修改成功!"); |
| | | setTimeout(function() { |
| | | parent.location.reload(); |
| | | }, 2000); |
| | | } |
| | | } |
| | | ); |
| | | break; |
| | | } |
| | | }); |
| | | }); |
| | | }); |
| | | </script> |
| | | </html> |