zengh
2022-05-16 63ad2c3598400370dd7da5534659fd7e768a0a4a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!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>