{% extends "base.html" %}
{% block content %}
<!-- 自定义操作按钮-->
<div id="process-toolbar" class="btn-group right" style="display:none;">
<button id="kill_process" class="btn btn-default" type="button">终止会话</button>
</div>
<!-- Nav tabs -->
<ul id="nav-tabs" class="nav nav-tabs" role="tablist">
<li id="process_tab" class="active">
<a href="#process" role="tab" data-toggle="tab">进程状态</a>
</li>
<li id="space_tab">
<a href="#space" role="tab" data-toggle="tab">Top表空间</a>
</li>
<li id="trx_tab">
<a href="#trx" role="tab" data-toggle="tab">事务信息</a>
</li>
<li id="trxandlocks_tab">
<a href="#trxandlocks" role="tab" data-toggle="tab">锁信息</a>
</li>
<div class="form-inline pull-right">
<div class="form-group ">
<select id="instance_name" class="form-control selectpicker" name="instance_name_list"
title="请选择实例:"
data-live-search="true">
<optgroup id="optgroup-mysql" label="MySQL"></optgroup>
<optgroup id="optgroup-mongo" label="MongoDB"></optgroup>
<optgroup id="optgroup-oracle" label="Oracle"></optgroup>
<optgroup id="optgroup-redis" label="Redis"></optgroup>
<optgroup id="optgroup-pgsql" label="PgSQL"></optgroup>
<optgroup id="optgroup-doris" label="Doris"></optgroup>
</select>
</div>
<div id="command-div" class="form-group">
<select id="command" class="form-control selectpicker" name="command_type" title="command类型">
<!--option value="All">All</option>
<option value="Query" selected="selected">Query</option>
<option value="Not Sleep">Not Sleep</option-->
</select>
</div>
</div>
</ul>
<!-- Tab panes -->
<div id="tab-content" class="tab-content">
<!-- 进程状态的表格-->
<div id="process" role="tabpanel" class="tab-pane fade in active table-responsive">
<table id="process-list" data-toggle="table" class="table table-hover"
style="table-layout:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
</table>
</div>
<!-- Top表空间的表格-->
<div id="space" role="tabpanel" class="tab-pane fade table-responsive">
<table id="tablespace-list" data-toggle="table" class="table table-hover"
style="table-layout:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
</table>
</div>
<!-- 事务信息的表格-->
<div id="trx" role="tabpanel" class="tab-pane fade table-responsive">
<table id="trx-list" data-toggle="table" class="table table-hover"
style="table-layout:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
</table>
</div>
<!-- 锁信息的表格-->
<div id="trxandlocks" role="tabpanel" class="tab-pane fade table-responsive">
<table id="trxandlocks-list" data-toggle="table" class="table table-hover"
style="table-layout:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
</table>
</div>
</div>
<!-- 配置信息确认 -->
<div class="modal fade" id="killComfirm">
<div class="modal-dialog">
<div class="modal-content message_align">
<div class="modal-header ">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title text-danger">确定要终止所选会话吗？</h4>
</div>
<div class="modal-body">
<input type="text" id="request_params" hidden>
<b id="kill_sql"></b>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">取消</button>
<button type="button" onclick="kill_session()" class="btn btn-danger" data-dismiss="modal">确定终止
</button>
</div>
</div>
</div>
</div>
{% endblock content %}
{% block js %}
{% load static %}
<script src="{% static 'bootstrap-table/js/bootstrap-table-export.min.js' %}"></script>
<script src="{% static 'bootstrap-table/js/tableExport.min.js' %}"></script>
<script src="{% static 'dbdiagnostic/js/db_info.js' %}"></script>
<script>
var processListColumns = [];
var tablespaceListColumns = [];
var lockListColumns = [];
var processListDetailFormatCallback = NaN;
var lockListDetailFormatCallback = NaN;
// get_process_list函数表格的格式化信息
// 0.数据库类型； 1.类型过滤； 2.字段映射； 3.详细信息的处理函数
var processListTableInfos = []
if (typeof pgsqlDiagnosticInfo !== "undefined" && Array.isArray(pgsqlDiagnosticInfo.fieldsProcesslist)) {
processListTableInfos.push(pgsqlDiagnosticInfo?.fieldsProcesslist);
}
if (typeof mysqlDiagnosticInfo !== "undefined" && Array.isArray(mysqlDiagnosticInfo.fieldsProcesslist)) {
processListTableInfos.push(mysqlDiagnosticInfo?.fieldsProcesslist);
}
if (typeof mongoDiagnosticInfo !== "undefined" && Array.isArray(mongoDiagnosticInfo.fieldsProcesslist)) {
processListTableInfos.push(mongoDiagnosticInfo?.fieldsProcesslist);
}
if (typeof redisDiagnosticInfo !== "undefined" && Array.isArray(redisDiagnosticInfo.fieldsProcesslist)) {
processListTableInfos.push(redisDiagnosticInfo?.fieldsProcesslist);
}
if (typeof oracleDiagnosticInfo !== "undefined" && Array.isArray(oracleDiagnosticInfo.fieldsProcesslist)) {
processListTableInfos.push(oracleDiagnosticInfo?.fieldsProcesslist);
}
if (typeof dorisDiagnosticInfo !== "undefined" && Array.isArray(dorisDiagnosticInfo.fieldsProcesslist)) {
processListTableInfos.push(dorisDiagnosticInfo?.fieldsProcesslist);
}
// 问题诊断--进程列表
function get_process_list() {
$("#command-div").show();
$("#process-toolbar").show();
if ($("#instance_name").val()) {
//初始化table
$('#process-list').bootstrapTable('destroy').bootstrapTable({
escape: true,
method: 'post',
contentType: "application/x-www-form-urlencoded",
url: "/db_diagnostic/process/",
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true, //是否显示分页（*）
sortable: true, //是否启用排序
sortOrder: "desc", //排序方式
sortName: 'time', //排序字段
sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1, //初始化加载第一页，默认第一页,并记录
pageSize: 100, //每页的记录行数（*）
pageList: [20, 30, 50, 100, 1000], //可供选择的每页的行数（*）
search: true, //是否显示表格搜索
strictSearch: false, //是否全匹配搜索
showColumns: true, //是否显示所有的列（选择显示的列）
showRefresh: true, //是否显示刷新按钮
showExport: true,
exportDataType: "all",
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
showToggle: true, //是否显示详细视图和列表视图的切换按钮
cardView: false, //是否显示详细视图
detailView: true, //是否显示父子表
//格式化详情
detailFormatter: processListDetailFormatCallback,
locale: 'zh-CN', //本地化
toolbar: "#process-toolbar", //指明自定义的toolbar
queryParamsType: 'limit',
//请求服务数据时所传参数
queryParams: function (params) {
return {
instance_name: $("#instance_name").val(),
command_type: $("#command").val()
}
},
columns: processListColumns,
onLoadSuccess: function (data) {
if (data.status !== 0) {
alert("数据加载失败！" + data.msg);
}
},
onLoadError: onLoadErrorCallback,
onSearch: function (e) {
//传搜索参数给服务器
queryParams(e)
},
responseHandler: function (res) {
//在ajax获取到数据，渲染表格之前，修改数据源
return res;
}
});
}
}
// get_space_list函数表格的格式化信息
// 0.数据库类型； 1.字段映射
let tablespaceListTableInfos = [
[
'mysql',
[{
title: '数据库',
field: 'table_schema'
}, {
title: '表名',
field: 'table_name'
}, {
title: '存储引擎',
field: 'engine'
}, {
title: '总空间(MB)',
field: 'total_size'
}, {
title: '行数',
field: 'table_rows'
}, {
title: '数据空间(MB)',
field: 'data_size'
}, {
title: '索引空间(MB)',
field: 'index_size'
}, {
title: '碎片空间(MB)',
field: 'data_free'
}, {
title: '碎片率(%)',
field: 'pct_free'
}]
],
[
'oracle',
[{
title: '表空间名',
field: 'TABLESPACE_NAME'
}, {
title: '表空间类型',
field: 'TABLESPACE_TYPE'
}, {
title: '状态',
field: 'STATUS'
}, {
title: '总空间(MB)',
field: 'TOTAL_SPACE'
}, {
title: '已使用空间(MB)',
field: 'USED_SPACE'
}, {
title: '使用率(%)',
field: 'PCT_USED'
}]
]
]
let dorisTableInfo = ['doris',tablespaceListTableInfos[0][1]]
tablespaceListTableInfos.push(dorisTableInfo)
// 问题诊断--表空间列表
function get_space_list() {
$("#command-div").hide();
$("#process-toolbar").hide();
if ($("#instance_name").val()) {
//初始化table
$('#tablespace-list').bootstrapTable('destroy').bootstrapTable({
escape: true,
method: 'post',
contentType: "application/x-www-form-urlencoded",
url: "/db_diagnostic/tablespace/",
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true, //是否显示分页（*）
sortable: true, //是否启用排序
sortName: 'total_size',
sortOrder: "desc", //排序方式
sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1, //初始化加载第一页，默认第一页,并记录
pageSize: 20, //每页的记录行数（*）
pageList: [14, 30, 50, 100, 500, 2000], //可供选择的每页的行数（*）
search: true, //是否显示表格搜索
strictSearch: false, //是否全匹配搜索
showColumns: true, //是否显示所有的列（选择显示的列）
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
uniqueId: "id", //每一行的唯一标识，一般为主键列
showToggle: true, //是否显示详细视图和列表视图的切换按钮
showExport: true,
exportDataType: "all",
cardView: false, //是否显示详细视图
detailView: false, //是否显示父子表
locale: 'zh-CN', //本地化
toolbar: "#toolbar", //指明自定义的toolbar
queryParamsType: 'limit',
//请求服务数据时所传参数
queryParams: function (params) {
return {
offset: params.offset,
limit: params.limit,
instance_name: $("#instance_name").val()
}
},
columns: tablespaceListColumns,
onLoadSuccess: function (data) {
if (data.status !== 0) {
alert("数据加载失败！" + data.msg);
}
},
onLoadError: onLoadErrorCallback,
onSearch: function (e) {
//传搜索参数给服务器
queryParams(e)
},
responseHandler: function (res) {
//在ajax获取到数据，渲染表格之前，修改数据源
return res;
}
});
}
}
// 问题诊断--事务列表
function get_trx_list() {
$("#command-div").hide();
$("#process-toolbar").hide();
if ($("#instance_name").val()) {
//初始化table
$('#trx-list').bootstrapTable('destroy').bootstrapTable({
escape: true,
method: 'post',
contentType: "application/x-www-form-urlencoded",
url: "/db_diagnostic/innodb_trx/",
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true, //是否显示分页（*）
sortable: false, //是否启用排序
sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1, //初始化加载第一页，默认第一页,并记录
pageSize: 30, //每页的记录行数（*）
pageList: [20, 30, 50, 100], //可供选择的每页的行数（*）
search: true, //是否显示表格搜索
strictSearch: false, //是否全匹配搜索
showColumns: true, //是否显示所有的列（选择显示的列）
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
uniqueId: "id", //每一行的唯一标识，一般为主键列
showToggle: true, //是否显示详细视图和列表视图的切换按钮
showExport: true,
exportDataType: "all",
cardView: false, //是否显示详细视图
detailView: true, //是否显示父子表
//格式化详情
detailFormatter: function (index, row) {
var html = [];
$.each(row, function (key, value) {
if (key === 'info') {
var sql = window.sqlFormatter.format(value);
//替换所有的换行符
sql = sql.replace(/\r\n/g, "<br>");
sql = sql.replace(/\n/g, "<br>");
//替换所有的空格
sql = sql.replace(/\s/g, " ");
html.push('<span>' + sql + '</span>');
}
});
return html.join('');
},
locale: 'zh-CN', //本地化
toolbar: "#toolbar", //指明自定义的toolbar
queryParamsType: 'limit',
//请求服务数据时所传参数
queryParams: function (params) {
return {
instance_name: $("#instance_name").val()
}
},
columns: [{
title: 'trx_started',
field: 'trx_started',
sortable: true
}, {
title: 'trx_idle_time',
field: 'trx_idle_time',
sortable: true
}, {
title: 'trx_state',
field: 'trx_state',
sortable: true
}, {
title: 'user',
field: 'user',
}, {
title: 'host',
field: 'host'
}, {
title: 'db',
field: 'db'
}, {
title: 'trx_mysql_thread_id',
field: 'trx_mysql_thread_id',
}, {
title: 'trx_operation_state',
field: 'trx_operation_state'
}, {
title: 'trx_tables_locked',
field: 'trx_tables_locked',
}, {
title: 'trx_rows_locked',
field: 'trx_rows_locked',
}, {
title: 'trx_rows_modified',
field: 'trx_rows_modified',
}, {
title: 'trx_is_read_only',
field: 'trx_is_read_only'
}, {
title: 'trx_isolation_level',
field: 'trx_isolation_level'
}, {
title: 'thread_time',
field: 'thread_time',
sortable: true
}, {
title: 'info',
field: 'info',
formatter: function (value, row, index) {
if (value.length > 20) {
var sql = value.substr(0, 20) + '...';
return sql;
} else {
return value
}
}
}, {
title: '完整INFO',
field: 'info',
visible: false // 默认不显示
}],
onLoadSuccess: function (data) {
if (data.status !== 0) {
alert("数据加载失败！" + data.msg);
}
},
onLoadError: onLoadErrorCallback,
onSearch: function (e) {
//传搜索参数给服务器
queryParams(e)
}
});
}
}
// get_trxandlocks_list函数表格的格式化信息
// 0.数据库类型； 1.字段映射，2.详细信息的处理函数
let lockListTableInfos = [
[
'mysql',
[{
title: '等待的状态',
field: '等待的状态'
}, {
title: '等待事务开始时间',
field: '等待事务开始时间',
sortable: true
}, {
title: '等待事务等待开始时间',
field: '等待事务等待开始时间'
}, {
title: '等待事务ID',
field: '等待事务ID',
}, {
title: '等待事务线程ID',
field: '等待事务线程ID',
}, {
title: '等待事务的sql',
field: '等待事务的sql',
}, {
title: '等待的表信息',
field: '等待的表信息',
}, {
title: '等待的锁id',
field: '等待的锁id'
}, {
title: '运行的事务id',
field: '运行的事务id'
}, {
title: '运行的事务线程id',
field: '运行的事务线程id',
}, {
title: '运行的表信息',
field: '运行的表信息'
}, {
title: '运行的锁id',
field: '运行的锁id'
}, {
title: '运行事务的状态',
field: '运行事务的状态'
}, {
title: '运行事务的时间',
field: '运行事务的时间',
}, {
title: '运行事务的等待开始时间',
field: '运行事务的等待开始时间',
}, {
title: '运行事务的sql',
field: '运行事务的sql',
}],
function (index, row) {
var html = [];
$.each(row, function (key, value) {
if (key === '等待事务的sql') {
var sql = window.sqlFormatter.format(value);
//替换所有的换行符
sql = sql.replace(/\r\n/g, "<br>");
sql = sql.replace(/\n/g, "<br>");
//替换所有的空格
sql = sql.replace(/\s/g, " ");
html.push('<span>' + sql + '</span>');
}
});
return html.join('');
}
],
[
'oracle',
[{
title: 'USERNAME',
field: 'USERNAME'
}, {
title: 'OBJECT_OWNER',
field: 'OBJECT_OWNER'
}, {
title: 'OBJECT_ID',
field: 'OBJECT_ID'
}, {
title: 'OBJECT_NAME',
field: 'OBJECT_NAME'
}, {
title: 'LOCKED_MODE',
field: 'LOCKED_MODE'
}, {
title: 'RELATED_SID',
field: 'RELATED_SID'
}, {
title: 'RELATED_SERIAL#',
field: 'RELATED_SERIAL#'
}, {
title: 'MACHINE',
field: 'MACHINE'
}, {
title: 'RELATED_SQL',
field: 'RELATED_SQL'
}, {
title: 'RELATED_SQL_FULL',
field: 'RELATED_SQL_FULL',
visible: false
}, {
title: 'RELATED_SQL_EXEC_START',
field: 'RELATED_SQL_EXEC_START'
}],
function (index, row) {
var html = [];
$.each(row, function (key, value) {
if (key === 'RELATED_SQL_FULL') {
var sql = window.sqlFormatter.format(value);
//替换所有的换行符
sql = sql.replace(/\r\n/g, "<br>");
sql = sql.replace(/\n/g, "<br>");
//替换所有的空格
sql = sql.replace(/\s/g, " ");
html.push('<span>' + sql + '</span>');
}
});
return html.join('');
}
]
]
// 问题诊断--锁等待列表
function get_trxandlocks_list() {
$("#command-div").hide();
$("#process-toolbar").hide();
if ($("#instance_name").val()) {
//初始化table
$('#trxandlocks-list').bootstrapTable('destroy').bootstrapTable({
escape: true,
method: 'post',
contentType: "application/x-www-form-urlencoded",
url: "/db_diagnostic/trxandlocks/",
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true, //是否显示分页（*）
sortable: true, //是否启用排序
sortName: 'total_size',
sortOrder: "desc", //排序方式
sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1, //初始化加载第一页，默认第一页,并记录
pageSize: 30, //每页的记录行数（*）
pageList: [20, 30, 50, 100], //可供选择的每页的行数（*）
search: true, //是否显示表格搜索
strictSearch: false, //是否全匹配搜索
showColumns: true, //是否显示所有的列（选择显示的列）
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
uniqueId: "id", //每一行的唯一标识，一般为主键列
showToggle: true, //是否显示详细视图和列表视图的切换按钮
showExport: true,
exportDataType: "all",
cardView: false, //是否显示详细视图
detailView: true, //是否显示父子表
detailFormatter: lockListDetailFormatCallback,
locale: 'zh-CN', //本地化
toolbar: "#toolbar", //指明自定义的toolbar
queryParamsType: 'limit',
//请求服务数据时所传参数
queryParams: function (params) {
return {
instance_name: $("#instance_name").val()
}
},
columns: lockListColumns,
onLoadSuccess: function (data) {
if (data.status !== 0) {
alert("数据加载失败！" + data.msg);
}
},
onLoadError: onLoadErrorCallback,
onSearch: function (e) {
//传搜索参数给服务器
queryParams(e)
}
});
}
}
//点击终止会话按钮弹出确认框,并且构建终止会话请求
$(function () {
$("#kill_process").click(function () {
var AllSelections = $("#process-list").bootstrapTable('getSelections');
if (AllSelections.length > 0) {
//获取选择的线程id
var AllSelectionIds = [];
for (var i = 0; i < AllSelections.length; i++) {
if (AllSelections[i]['id']){
AllSelectionIds.push(AllSelections[i]['id']) // mysql
} else if (AllSelections[i]['opid']) {
AllSelectionIds.push(AllSelections[i]['opid']) // mongo
} else if (AllSelections[i]['SID']) {
AllSelectionIds.push([AllSelections[i]['SID'],AllSelections[i]['SERIAL#']]) // oracle
}
}
var instance_name = $("#instance_name").val();
//发送请求构造会话数据
$.ajax({
type: "post",
url: "/db_diagnostic/create_kill_session/",
dataType: "json",
data: {
instance_name: instance_name,
ThreadIDs: JSON.stringify(AllSelectionIds)
},
traditional: true,
complete: function () {
},
success: function (data) {
if (data.status === 0) {
var result = data.data;
//给对话框赋值
$("#request_params").val(result);
$("#kill_sql").text(result);
//打开对话框
$("#killComfirm").modal();
} else {
alert(data.msg);
}
}
})
} else {
alert("请先选择要终止的会话")
}
});
});
//终止会话
function kill_session() {
var AllSelections = $("#process-list").bootstrapTable('getSelections');
if (AllSelections.length > 0) {
//获取选择的线程id
var AllSelectionIds = [];
for (var i = 0; i < AllSelections.length; i++) {
if (AllSelections[i]['id']){
AllSelectionIds.push(AllSelections[i]['id']) // mysql
} else if (AllSelections[i]['opid']) {
AllSelectionIds.push(AllSelections[i]['opid']) // mongo
} else if (AllSelections[i]['SID']) {
AllSelectionIds.push([AllSelections[i]['SID'],AllSelections[i]['SERIAL#']]) // oracle
}
}
var instance_name = $("#instance_name").val();
var request_params = $("#request_params").val();
if (request_params) {
//发送请求构造会话数据
$.ajax({
type: "post",
url: "/db_diagnostic/kill_session/",
dataType: "json",
data: {
instance_name: instance_name,
ThreadIDs: JSON.stringify(AllSelectionIds)
},
traditional: true,
complete: function () {
//刷新页面
get_process_list();
$("#command-div").show();
$("#process-toolbar").show();
},
success: function (data) {
if (data.status === 0) {
}
}
})
} else {
alert("所选会话已终止！")
}
} else {
alert("请先选择要终止的会话")
}
}
var allInstances = NaN;
$(document).ready(function () {
//获取用户实例列表
$(function () {
// 会话管理-支持的数据库类型
supportedDbType=['mysql','mongo', 'oracle','redis','pgsql','doris']
$.ajax({
type: "get",
url: "/group/user_all_instances/",
dataType: "json",
data: {
db_type: supportedDbType
},
complete: function () {
//如果已选择instance_name，进入页面自动填充，并且重置激活id
sessionStorage.setItem('diagnostic_active_li_id', 'process_tab');
if (sessionStorage.getItem('diagnostic_instance_name')) {
$("#instance_name").val(sessionStorage.getItem('diagnostic_instance_name')).trigger("change");
$("#command-div").show();
$("#process-toolbar").show();
}
},
success: function (data) {
if (data.status === 0) {
let result = data['data'];
allInstances = result;
supportedDbType.forEach(function(db) {
$("#optgroup-" + db).empty();
});
for (let i = 0; i < result.length; i++) {
let instance = "<option value=\"" + result[i]['instance_name'] + "\">" + result[i]['instance_name'] + "</option>";
var dbType = result[i]['db_type'];
$("#optgroup-" + dbType).append(instance);
}
$('#instance_name').selectpicker('render');
$('#instance_name').selectpicker('refresh');
} else {
alert(data.msg);
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
});
}
);
//tab切换,保留当前激活的标签id
$(function () {
$("#nav-tabs").on('shown.bs.tab', "li", function (e) {
var active_li_id = $(e.target).parents().attr('id');
sessionStorage.setItem('diagnostic_active_li_id', active_li_id);
//当前激活的标签id
if ($("#instance_name").val()) {
if (active_li_id === 'process_tab') {
get_process_list();
} else if (active_li_id === 'space_tab') {
get_space_list();
} else if (active_li_id === 'trxandlocks_tab') {
get_trxandlocks_list();
} else if (active_li_id === 'trx_tab') {
get_trx_list();
}
}
});
});
//实例变动时保存实例信息
$("#instance_name").change(function () {
// 不同类型的数据库有不同的操作
$("#command").empty();
let command_types = NaN;
let db_type = NaN;
allInstances.forEach((instanceInfo,i) => {
if (instanceInfo["instance_name"] === $("#instance_name").val()) {
db_type = instanceInfo["db_type"];
}
})
processListTableInfos.forEach((processListTableInfo,i) =>{
if (processListTableInfo[0] === db_type) {
command_types = processListTableInfo[1];
processListColumns = processListTableInfo[2];
processListDetailFormatCallback = processListTableInfo[3];
}
})
tablespaceListTableInfos.forEach((tablespaceListTableInfo,i) =>{
if (tablespaceListTableInfo[0] === db_type) {
tablespaceListColumns = tablespaceListTableInfo[1];
}
})
lockListTableInfos.forEach((lockListTableInfo,i) =>{
if (lockListTableInfo[0] === db_type) {
lockListColumns = lockListTableInfo[1];
lockListDetailFormatCallback = lockListTableInfo[2];
}
})
// console.log(command_types);
for (let i = 0; i < command_types.length; i++) {
let instance = "<option value=\"" + command_types[i]+ "\">" + command_types[i] + "</option>";
$("#command").append(instance);
}
$('#command').selectpicker('render');
$('#command').selectpicker('refresh');
sessionStorage.setItem('diagnostic_instance_name', $("#instance_name").val());
var active_li_id = sessionStorage.getItem('diagnostic_active_li_id');
if (active_li_id === 'process_tab') {
get_process_list();
} else if (active_li_id === 'space_tab') {
get_space_list();
} else if (active_li_id === 'trxandlocks_tab') {
get_trxandlocks_list();
} else if (active_li_id === 'trx_tab') {
get_trx_list();
}
});
//请求类型变动时自动刷新
$("#command").change(function () {
get_process_list();
});
</script>
{% endblock %}