服务列表查询、上下线

sop-admin/sop-admin-front/pages/service/serviceList.js

@@ -3,23 +3,23 @@ lib.config({
 }).extend({
     treetable: 'treetable-lay/treetable'
 }).use(['element', 'table', 'form', 'treetable'], function () {
+    var table = layui.table;
     var layer = layui.layer;
     var form = layui.form;
     var treetable = layui.treetable;
-    var serverTable;
 
     // 渲染表格
-    var renderTable = function () {
+    var renderTable = function (params) {
         layer.load(2);
-        serverTable = treetable.render({
+        treetable.render({
+            elem: '#treeTable',
             treeColIndex: 1,
             treeSpid: 0,
             treeIdName: 'id',
             treePidName: 'parentId',
-            treeDefaultClose: true,
+            treeDefaultClose: false,
             treeLinkage: false,
-            elem: '#treeTable',
-            url: ApiUtil.createUrl('service.instance.list'),
+            url: ApiUtil.createUrl('service.instance.list', params),
             page: false,
             cols: [[
                 {type: 'numbers'},
@@ -29,24 +29,61 @@ lib.config({
                 {field: 'serverPort', title: '端口号', width: 100},
                 {field: 'status', title: 'status', width: 100},
                 {field: 'updateTime', title: '最后更新时间', width: 150},
-                {fixed: 'right', templet: '#optCol', title: '操作', width: 200}
+                {fixed: 'right', title: '操作', width: 200, templet: function (row) {
+                    if (row.parentId > 0) {
+                        var html = [];
+                        if (row.status === 'UP') {
+                            html.push('<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="offline">下线</a>');
+                        }
+                        if (row.status === 'OUT_OF_SERVICE') {
+                            html.push('<a class="layui-btn layui-btn-xs" lay-event="online">上线</a>');
+                        }
+                        return html.join('');
+                    }
+                    return '';
+                }}
             ]],
             done: function () {
                 layer.closeAll('loading');
             }
         });
+
+        //监听单元格事件
+        table.on('tool(treeTableFilter)', function(obj) {
+            if (obj.event === 'offline') {
+                var data = obj.data;
+                layer.confirm('确定要下线【'+data.name+'】吗?', {icon: 3, title:'提示'}, function(index){
+                    var params = {
+                        serviceId: data.name
+                        , instanceId: data.instanceId
+                    };
+                    ApiUtil.post('service.instance.offline', params, function (resp) {
+                        layer.alert('修改成功');
+                    });
+                    layer.close(index);
+                });
+            }
+            if (obj.event === 'online') {
+                var data = obj.data;
+                layer.confirm('确定要上线【'+data.name+'】吗?', {icon: 3, title:'提示'}, function(index){
+                    var params = {
+                        serviceId: data.name
+                        , instanceId: data.instanceId
+                    };
+                    ApiUtil.post('service.instance.online', params, function (resp) {
+                        layer.alert('修改成功');
+                    });
+                    layer.close(index);
+                });
+            }
+        });
     };
 
     renderTable();
 
-
     form.on('submit(searchFilter)', function(data){
         var param = data.field;
-        serverTable.reload({
-            where: {
-                data: JSON.stringify(param)
-            }
-        })
+        renderTable(param)
         return false;
     });