diff --git a/web-app/public/csvData/detailLayout.js b/web-app/public/csvData/detailLayout.js index d758f05..172ef4d 100644 --- a/web-app/public/csvData/detailLayout.js +++ b/web-app/public/csvData/detailLayout.js @@ -1,43 +1,39 @@ const data = 'mysql,基本信息,单指标,mysql.status.uptime,Single,,0,0,6,3,,,,5\n' + 'mysql,基本信息,单指标,mysql.basic.version,Single,,0,6,6,3,,,,5\n' + 'mysql,基本信息,单指标,mysql.performance.qps,SingleGraph,,0,12,6,3,,,,\n' + - 'mysql,基本信息,单指标,mysql.innodb.innodb_buffer_pool_size,SingleGraph,,0,18,6,3,,,,\n' + - 'mysql,基本信息,单指标,mysql.handler.handler_used_ratio,SingleGraph,,3,0,6,3,,,,\n' + - 'mysql,基本信息,单指标,mysql.table_cache.table_open_cache_miss_ratio,SingleGraph,,3,6,6,3,,,,\n' + - 'mysql,基本信息,单指标,mysql.table_cache.table_open_cache_size,SingleGraph,,3,12,6,3,,,,\n' + - 'mysql,基本信息,单指标,mysql.table_cache.table_definition_cache_size,SingleGraph,,3,18,6,3,,,,\n' + + 'mysql,基本信息,单指标,mysql.basic.innodb_buffer_pool_size,SingleGraph,,0,18,6,3,,,,\n' + + 'mysql,基本信息,单指标,mysql.connection.max_used_connections,SingleGraph,,3,0,6,3,,,,\n' + + 'mysql,基本信息,单指标,mysql.performance.questions,SingleGraph,,3,6,6,3,,,,\n' + + 'mysql,基本信息,单指标,mysql.table_cache.table_open_cache_miss_ratio,SingleGraph,,3,12,6,3,,,,\n' + + 'mysql,基本信息,单指标,mysql.basic.table_open_cache,SingleGraph,,3,18,6,3,,,,\n' + 'mysql,基本信息,指标组合,cb.mysql.connections,Graph,,6,0,12,8,,,,\n' + 'mysql,基本信息,指标组合,cb.mysql.thread_activity,Graph,,6,12,12,8,,,,\n' + 'mysql,基本信息,指标组合,cb.mysql.handlers,Graph,堆叠,14,0,12,8,,,,\n' + 'mysql,基本信息,指标组合,cb.mysql.com_counters,Graph,堆叠,14,12,12,8,,,,\n' + - 'mysql,基本信息,单指标,mysql.process_state.num,Graph,堆叠,22,0,12,8,,,,\n' + - 'mysql,基本信息,指标组合,cb.mysql.net_traffic,Graph,堆叠,22,12,12,8,,,,\n' + + 'mysql,基本信息,单指标,mysql.process_state.num,Graph,堆叠,22,0,24,8,,,,\n' + 'mysql,连接&线程,指标组合,cb.mysql.connections,Graph,,0,0,24,8,连接,,,\n' + 'mysql,连接&线程,指标组合,cb.mysql.aborted_connections,Graph,,8,0,24,8,中止的连接,,,\n' + 'mysql,连接&线程,指标组合,cb.mysql.thread_activity,Graph,,16,0,24,8,客户端线程活动,,,\n' + 'mysql,连接&线程,指标组合,cb.mysql.thread_cache,Graph,,24,0,24,8,线程缓存,,,\n' + 'mysql,查询性能,单指标,mysql.performance.current_qps,Graph,,0,0,24,8,当前QPS,,,\n' + - 'mysql,查询性能,指标组合,cb.mysql.tmp_obj,Graph,,8,0,12,8,临时对象,,,\n' + - 'mysql,查询性能,单指标,mysql.performance.slow_queries,Graph,,8,12,12,8,慢查询,,,\n' + + 'mysql,查询性能,指标组合,cb.mysql.tmp_obj,Graph,,8,0,24,8,临时对象,,,\n' + 'mysql,查询性能,指标组合,cb.mysql.select_types,Graph,,16,0,12,8,Select类型,,,\n' + 'mysql,查询性能,指标组合,cb.mysql.sorts,Graph,,16,12,12,8,排序,,,\n' + 'mysql,查询性能,指标组合,cb.mysql.table_locks,Graph,,24,0,12,8,表锁,,,\n' + 'mysql,查询性能,单指标,mysql.performance.questions,Graph,,24,12,12,8,Questions,,,\n' + - 'mysql,查询性能,指标组合,cb.mysql.query_cache_memory,Graph,,32,0,12,8,查询缓存内存,,,\n' + - 'mysql,查询性能,指标组合,cb.mysql.query_cache_activity,Graph,,32,12,12,8,查询缓存活动,,,\n' + - 'mysql,查询性能,单指标,mysql.slow_sql.sql_text,TableView,,40,0,24,8,慢SQL,,,\n' + + 'mysql,查询性能,单指标,mysql.slow_sql.sql_text,TableView,,32,0,24,8,慢SQL,,,\n' + 'mysql,命令&句柄&进程,指标组合,cb.mysql.com_counters,Graph,堆叠,0,0,24,8,命令计数器,,,\n' + 'mysql,命令&句柄&进程,指标组合,cb.mysql.handlers_no_trans,Graph,堆叠,8,0,24,8,非事务句柄,,,\n' + 'mysql,命令&句柄&进程,指标组合,cb.mysql.handlers_trans,Graph,堆叠,16,0,24,8,事务句柄,,,\n' + 'mysql,命令&句柄&进程,单指标,mysql.process_state.num,Graph,堆叠,24,0,24,8,进程状态,,,\n' + 'pgsql,基本信息,单指标,pgsql.status.uptime,Single,,0,0,6,3,,,,\n' + 'pgsql,基本信息,单指标,pgsql.basic.version,Single,,0,6,6,3,,,,\n' + - 'pgsql,基本信息,单指标,pgsql.memory.shared_buffers,SingleGraph,,0,12,6,3,,,,\n' + - 'pgsql,基本信息,单指标,pgsql.memory.work_mem,SingleGraph,,0,18,6,3,,,,\n' + - 'pgsql,基本信息,单指标,pgsql.autovacuum .state,SingleGraph,,3,0,6,3,,,,\n' + - 'pgsql,基本信息,单指标,pgsql.connection.max_connections,SingleGraph,,3,6,6,3,,,,\n' + - 'pgsql,基本信息,单指标,pgsql.planner_cost.effective_cache_size,SingleGraph,,3,12,6,3,,,,\n' + - 'pgsql,基本信息,单指标,pgsql.wal.wal_buffers,SingleGraph,,3,18,6,3,,,,\n' + + 'pgsql,基本信息,单指标,pgsql.resource_config.shared_buffers,SingleGraph,,0,12,6,3,,,,\n' + + 'pgsql,基本信息,单指标,pgsql.resource_config.work_mem,SingleGraph,,0,18,6,3,,,,\n' + + 'pgsql,基本信息,单指标,pgsql.resource_config.state,SingleGraph,,3,0,6,3,,,,\n' + + 'pgsql,基本信息,单指标,pgsql.resource_config.max_connections,SingleGraph,,3,6,6,3,,,,\n' + + 'pgsql,基本信息,单指标,pgsql.resource_config.effective_cache_size,SingleGraph,,3,12,6,3,,,,\n' + + 'pgsql,基本信息,单指标,pgsql.resource_config.wal_buffers,SingleGraph,,3,18,6,3,,,,\n' + 'pgsql,基本信息,单指标,pgsql.connection_state.num,Graph,,6,0,12,8,,,,\n' + 'pgsql,基本信息,指标组合,cb.pgsql.tuples,Graph,,6,12,12,8,,,,\n' + 'pgsql,基本信息,指标组合,cb.pgsql.transactions,Graph,,14,0,12,8,,,,\n' + diff --git a/web-app/public/csvData/target.js b/web-app/public/csvData/target.js index 3b131b5..6e8b022 100644 --- a/web-app/public/csvData/target.js +++ b/web-app/public/csvData/target.js @@ -26,8 +26,8 @@ const data = 'mysql,status,,uptime,mysql.status.uptime,Uptime,运行时长,numbe ' }",5,"https://dev.mysql.com/doc/refman/5.7/en/server-status-variables.html#statvar_Queries\n' + '\n' + 'https://segmentfault.com/a/1190000040620512",\n' + - 'mysql,performance,,questions,mysql.performance.questions,Questions,Questions,,,,,"**MySQL Questions**\\n\\nThe number of statements executed by the server. This includes only statements sent to the server by clients and not statements executed within stored programs, unlike the Queries used in the QPS calculation. \\n\\nThis variable does not count the following commands:\\n* ``COM_PING``\\n* ``COM_STATISTICS``\\n* ``COM_STMT_PREPARE``\\n* ``COM_STMT_CLOSE``\\n* ``COM_STMT_RESET``",,,,\n' + - 'mysql,performance,,slow_queries,mysql.performance.slow_queries,Slow Queries,慢查询,,,,,"**MySQL Slow Queries**\\n\\nSlow queries are defined as queries being slower than the long_query_time setting. For example, if you have long_query_time set to 3, all queries that take longer than 3 seconds to complete will show on this graph.",,,,\n' + + 'mysql,performance,,questions,mysql.performance.questions,Questions,Questions,,,,**MySQL Questions**\\n\\n服务器执行的语句数。这只包括客户端发送到服务器的语句，而不包括存储程序中执行的语句，这与QPS计算中使用的查询不同。 \\n\\n此变量不计算以下命令：\\n* ``COM_PING``\\n* ``COM_STATISTICS``\\n* ``COM_STMT_PREPARE``\\n* ``COM_STMT_CLOSE``\\n* ``COM_STMT_RESET``,"**MySQL Questions**\\n\\nThe number of statements executed by the server. This includes only statements sent to the server by clients and not statements executed within stored programs, unlike the Queries used in the QPS calculation. \\n\\nThis variable does not count the following commands:\\n* ``COM_PING``\\n* ``COM_STATISTICS``\\n* ``COM_STMT_PREPARE``\\n* ``COM_STMT_CLOSE``\\n* ``COM_STMT_RESET``",,,,\n' + + 'mysql,performance,,slow_queries,mysql.performance.slow_queries,Slow Queries,慢查询,,,,**慢查询**\\n\\n慢查询定义为比long_query_time设置慢的查询。例如，如果将long_query_time设置为3，则超过3秒的所有查询为慢查询。,"**MySQL Slow Queries**\\n\\nSlow queries are defined as queries being slower than the long_query_time setting. For example, if you have long_query_time set to 3, all queries that take longer than 3 seconds to complete will show on this graph.",,,,\n' + 'mysql,performance,,slow_sql,mysql.performance.slow_sql,Slow SQL,慢SQL,,,,,,,,"https://www.percona.com/blog/mysql-101-how-to-find-and-tune-a-slow-sql-query/\n' + '\n' + 'https://pmmdemo.percona.com/graph/d/pmm-qan/pmm-query-analytics",\n' + @@ -43,7 +43,7 @@ const data = 'mysql,status,,uptime,mysql.status.uptime,Uptime,运行时长,numbe 'mysql,slow_sql,,query_time,mysql.slow_sql.query_time,Query time,慢SQL耗时,,,,,,,,"https://www.percona.com/blog/mysql-101-how-to-find-and-tune-a-slow-sql-query/\n' + '\n' + 'https://pmmdemo.percona.com/graph/d/pmm-qan/pmm-query-analytics",\n' + - 'mysql,innodb,,innodb_buffer_pool_size,mysql.innodb.innodb_buffer_pool_size,InnoDB Buffer Pool Size,InnoDB缓存池大小,int,KB,,InnoDB 维护着名为缓存池的存储区域，用于在内存中缓存数据和索引。了解 InnoDB 缓存池的工作原理，并利用它将频繁访问的数据保存在内存中，是MySQL调优工作最重要的方面之一。调优的目标是将使用中的数据保存在内存中。在大多数情况下，它应该占专用数据库主机上可用内存的60%-90%之间，但这一比例取决于许多因素。,"InnoDB Buffer Pool Size\\n\\nInnoDB maintains a storage area called the buffer pool for caching data and indexes in memory. Knowing how the InnoDB buffer pool works, and taking advantage of it to keep frequently accessed data in memory, is one of the most important aspects of MySQL tuning. The goal is to keep the working set in memory. In most cases, this should be between 60%-90% of available memory on a dedicated database host, but depends on many factors."," {\n' + + 'mysql,basic,,innodb_buffer_pool_size,mysql.basic.innodb_buffer_pool_size,InnoDB Buffer Pool Size,InnoDB缓存池大小,int,KB,,InnoDB 维护着名为缓存池的存储区域，用于在内存中缓存数据和索引。了解 InnoDB 缓存池的工作原理，并利用它将频繁访问的数据保存在内存中，是MySQL调优工作最重要的方面之一。调优的目标是将使用中的数据保存在内存中。在大多数情况下，它应该占专用数据库主机上可用内存的60%-90%之间，但这一比例取决于许多因素。,"InnoDB Buffer Pool Size\\n\\nInnoDB maintains a storage area called the buffer pool for caching data and indexes in memory. Knowing how the InnoDB buffer pool works, and taking advantage of it to keep frequently accessed data in memory, is one of the most important aspects of MySQL tuning. The goal is to keep the working set in memory. In most cases, this should be between 60%-90% of available memory on a dedicated database host, but depends on many factors."," {\n' + ' ""color"": ""rgba(50, 172, 45, 0.97)"",\n' + ' ""value"": null\n' + ' },\n' + @@ -59,28 +59,28 @@ const data = 'mysql,status,,uptime,mysql.status.uptime,Uptime,运行时长,numbe 'mysql,handler,,handler_commit,mysql.handler.handler_commit,Handler Commit,句柄Commit,float,次/s,,,,,,https://dev.mysql.com/doc/refman/5.7/en/server-status-variables.html#statvar_Handler_commit,\n' + 'mysql,handler,,handler_prepare,mysql.handler.handler_prepare,Handler Prepare,句柄Prepare,float,次/s,,,,,,,\n' + 'mysql,handler,,handler_rollback,mysql.handler.handler_rollback,Handler Rollback,句柄Rollback,float,次/s,,,,,,,\n' + - 'mysql,handler,,handler_read_next,mysql.handler.handler_read_next,Handler Read Next,句柄Read Next,float,次/s,,,`read_next` is incremented when the storage engine is asked to \'read the next index entry\'. A high value means a lot of index scans are being done.,,,,\n' + - 'mysql,handler,,handler_read_rnd_next,mysql.handler.handler_read_rnd_next,Handler Read Rnd Next,句柄Read Rnd Next,float,次/s,,,`read_rnd_next` is incremented when the server performs a full table scan and this is a counter you don\'t really want to see with a high value.,,,,\n' + + 'mysql,handler,,handler_read_next,mysql.handler.handler_read_next,Handler Read Next,句柄Read Next,float,次/s,,当存储引擎被要求“读取下一个索引项”时，`read_next` 将递增。高值表示正在进行大量索引扫描。,`read_next` is incremented when the storage engine is asked to \'read the next index entry\'. A high value means a lot of index scans are being done.,,,,\n' + + 'mysql,handler,,handler_read_rnd_next,mysql.handler.handler_read_rnd_next,Handler Read Rnd Next,句柄Read Rnd Next,float,次/s,,当服务执行全表扫描时，`read_rnd_next` 将递增。这个值不应该很高。,`read_rnd_next` is incremented when the server performs a full table scan and this is a counter you don\'t really want to see with a high value.,,,,\n' + 'mysql,handler,,handler_write,mysql.handler.handler_write,Handler Write,句柄Write,float,次/s,,,,,,,\n' + 'mysql,handler,,handler_external_lock,mysql.handler.handler_external_lock,Handler External Lock,句柄External Lock,float,次/s,,,,,,,\n' + - 'mysql,handler,,handler_read_key,mysql.handler.handler_read_key,Handler Read Key,句柄Read Key,float,次/s,,,`read_key` is incremented when a read is done with an index.,,,,\n' + + 'mysql,handler,,handler_read_key,mysql.handler.handler_read_key,Handler Read Key,句柄Read Key,float,次/s,,当对索引进行读取时，`read_key` 递增。,`read_key` is incremented when a read is done with an index.,,,,\n' + 'mysql,handler,,handler_update,mysql.handler.handler_update,Handler Update,句柄Update,float,次/s,,,,,,,\n' + 'mysql,handler,,handler_delete,mysql.handler.handler_delete,Handler Delete,句柄Delete,float,次/s,,,,,,,\n' + 'mysql,handler,,handler_read_first,mysql.handler.handler_read_first,Handler Read First,句柄Read First,float,次/s,,,,,,,\n' + 'mysql,handler,,handler_read_rnd,mysql.handler.handler_read_rnd,Handler Read Rnd,句柄Read Rnd,float,次/s,,,,,,,\n' + - 'mysql,connection,,max_connections,mysql.connection.max_connections,Max Connection,最大连接数,int,,,最大连接数是同时允许的最大客户端连接数。默认情况下，该值为151。增加该值会增加mysqld所需的文件描述符的数量。如果所需数量的描述符不可用，服务器将降低“最大连接数”的值。\\n\\nmysqld实际上允许Max Connections+1个客户端进行连接。额外的连接保留给具有SUPER权限的帐户（如root）使用。,"Max Connections is the maximum permitted number of simultaneous client connections. By default, this is 151. Increasing this value increases the number of file descriptors that mysqld requires. If the required number of descriptors are not available, the server reduces the value of Max Connections.\\n\\nmysqld actually permits Max Connections + 1 clients to connect. The extra connection is reserved for use by accounts that have the SUPER privilege, such as root.",,,,\n' + + 'mysql,basic,,max_connections,mysql.basic.max_connections,Max Connection,最大连接数,int,,,最大连接数是同时允许的最大客户端连接数。默认情况下，该值为151。增加该值会增加mysqld所需的文件描述符的数量。如果所需数量的描述符不可用，服务器将降低“最大连接数”的值。\\n\\nmysqld实际上允许Max Connections+1个客户端进行连接。额外的连接保留给具有SUPER权限的帐户（如root）使用。,"Max Connections is the maximum permitted number of simultaneous client connections. By default, this is 151. Increasing this value increases the number of file descriptors that mysqld requires. If the required number of descriptors are not available, the server reduces the value of Max Connections.\\n\\nmysqld actually permits Max Connections + 1 clients to connect. The extra connection is reserved for use by accounts that have the SUPER privilege, such as root.",,,,\n' + 'mysql,connection,,connections,mysql.connection.connections,Connection,连接次数,int,,,连接次数是连接MySQL服务器的尝试次数（无论成功与否）。,Connections is the number of connection attempts (successful or not) to the MySQL server.,,,,\n' + 'mysql,connection,,max_used_connections,mysql.connection.max_used_connections,Max Used Connection,最大使用连接数,int,,,最大使用连接数是自服务器启动以来同时使用的最大连接数。,Max Used Connections is the maximum number of connections that have been in use simultaneously since the server started.,,,,\n' + 'mysql,connection,,aborted_clients,mysql.connection.aborted_clients,Aborted Clients (timeout),中止的客户端(超时),,,,,,,,,\n' + 'mysql,connection,,aborted_connects,mysql.connection.aborted_connects,Aborted Connects (attempts),中止的连接(尝试),,,,,,,,,\n' + 'mysql,table_cache,,table_open_cache_miss_ratio,mysql.table_cache.table_open_cache_miss_ratio,Table Open Cache Miss Ratio,表高速缓存未命中率,,%,,,,,5,,\n' + - 'mysql,table_cache,,table_open_cache,mysql.table_cache.table_open_cache,Table Open Cache Size,表高速缓存上限,int,个,,,Table Open Cache Size indicates the maximum number of tables the server can keep open in any one table cache instance.,,5,https://sqlconjuror.com/mariadb-mysql-table-open-cache-table-definition-cache/,\n' + - 'mysql,table_cache,,table_definition_cache_size,mysql.table_cache.table_definition_cache_size,Table Definition Cache Size,表定义缓存数,int,个 ,,,Table Definition Cache Size shows the number of table definitions (SHOW CREATE TABLE \\G) that can be stored. This is to speed up opening of tables and only one entry per table. You should consider increasing this parameter if you have large number of tables (>400) in your DB instance.\\n\\nValues between 400 and 2000 are good for table_definition_cache. Do take note that a bigger table definition cache also means that your database uses more RAM.,,5,https://sqlconjuror.com/mariadb-mysql-table-open-cache-table-definition-cache/,\n' + - 'mysql,thread,,threads_connected,mysql.thread.threads_connected,Threads Connected,连接线程数,int,,,,Threads Connected is the number of open connections.,,,,\n' + - 'mysql,thread,,threads_running,mysql.thread.threads_running,Threads Running,运行线程数,int,,,,Threads Running is the number of threads not sleeping.,,,,\n' + - 'mysql,thread,,threads_created,mysql.thread.threads_created,Threads Created,创建线程数,int,,,,*Threads_created*: The number of threads created to handle connections.,,,,\n' + - 'mysql,thread,,threads_cached,mysql.thread.threads_cached,Threads Cached,已缓存线程数,int,,,,*Threads_cached*: The number of threads in the thread cache.,,,,\n' + - 'mysql,thread,,thread_cache_size,mysql.thread.thread_cache_size,Thread Cache Size,线程缓存上限,int,,,,"The thread_cache_size variable sets how many threads the server should cache to reuse. When a client disconnects, the client\'s threads are put in the cache if the cache is not full. It is autosized in MySQL 5.6.8 and above (capped to 100). Requests for threads are satisfied by reusing threads taken from the cache if possible, and only when the cache is empty is a new thread created.",,,,\n' + + 'mysql,basic,,table_open_cache,mysql.basic.table_open_cache,Table Open Cache Size,表高速缓存上限,int,个,,*表高速缓存上限* 表示服务器在任何一个表缓存实例中可以保持打开的最大表数。,Table Open Cache Size indicates the maximum number of tables the server can keep open in any one table cache instance.,,5,https://sqlconjuror.com/mariadb-mysql-table-open-cache-table-definition-cache/,\n' + + 'mysql,table_cache,,table_definition_cache_size,mysql.table_cache.table_definition_cache_size,Table Definition Cache Size,表定义缓存数,int,个 ,,*表定义缓存数* 显示可存储的表定义（SHOW CREATE Table \\G）的数量。这是为了加快表的打开速度，并且每个表只有一个条目。如果DB实例中有大量表（>400），则应考虑增加此参数。\\n\\n介于400和2000之间的值适用于table_definition_cache。请注意，更大的表定义缓存也意味着数据库使用更多的RAM。,Table Definition Cache Size shows the number of table definitions (SHOW CREATE TABLE \\G) that can be stored. This is to speed up opening of tables and only one entry per table. You should consider increasing this parameter if you have large number of tables (>400) in your DB instance.\\n\\nValues between 400 and 2000 are good for table_definition_cache. Do take note that a bigger table definition cache also means that your database uses more RAM.,,5,https://sqlconjuror.com/mariadb-mysql-table-open-cache-table-definition-cache/,\n' + + 'mysql,thread,,threads_connected,mysql.thread.threads_connected,Threads Connected,连接线程数,int,,,*连接线程数* 是打开的连接数。,Threads Connected is the number of open connections.,,,,\n' + + 'mysql,thread,,threads_running,mysql.thread.threads_running,Threads Running,运行线程数,int,,,*运行线程数* 是未休眠的线程数。,Threads Running is the number of threads not sleeping.,,,,\n' + + 'mysql,thread,,threads_created,mysql.thread.threads_created,Threads Created,创建线程数,int,,,*创建线程数* 是为处理连接而创建的线程数。,*Threads_created*: The number of threads created to handle connections.,,,,\n' + + 'mysql,thread,,threads_cached,mysql.thread.threads_cached,Threads Cached,已缓存线程数,int,,,*已缓存线程数* 是线程缓存中的线程数。,*Threads_cached*: The number of threads in the thread cache.,,,,\n' + + 'mysql,basic,,thread_cache_size,mysql.basic.thread_cache_size,Thread Cache Size,线程缓存上限,int,,,*线程缓存上限* 变量设置服务器应缓存多少线程以供重用。当客户端断开连接时，如果缓存未满，则将客户端的线程放入缓存中。它在MySQL 5.6.8及以上版本中自动调整大小（上限为100）。如果可能，通过重用从缓存中获取的线程来满足线程请求，并且只有当缓存为空时才创建新线程。,"The thread_cache_size variable sets how many threads the server should cache to reuse. When a client disconnects, the client\'s threads are put in the cache if the cache is not full. It is autosized in MySQL 5.6.8 and above (capped to 100). Requests for threads are satisfied by reusing threads taken from the cache if possible, and only when the cache is empty is a new thread created.",,,,\n' + 'mysql,command,,com_stmt_execute,mysql.command.com_stmt_execute,Command Statement Execute,命令执行数(无论成败),float,次/s,,,,,,,\n' + 'mysql,command,,com_update,mysql.command.com_update,Command update,update成功执行数,float,次/s,,,,,,,\n' + 'mysql,command,,com_begin,mysql.command.com_begin,Command begin,begin成功执行数,float,次/s,,,,,,,\n' + @@ -183,7 +183,7 @@ const data = 'mysql,status,,uptime,mysql.status.uptime,Uptime,运行时长,numbe '*Process cleaning up*: The thread has processed one command and is preparing to free memory and reset certain state variables.",,,"https://dev.mysql.com/doc/refman/5.7/en/show-processlist.html\n' + '\n' + 'https://dev.mysql.com/doc/refman/5.7/en/general-thread-states.html",\n' + - 'mysql,process_state,,num,mysql.process_state.num,state number,线程状态数量,,,,,"**Process States**\\n\\nAn action, event, or state that indicates what the thread is doing.\\n\\nMost states correspond to very quick operations. If a thread stays in a given state for many seconds, there might be a problem that needs to be investigated.\n' + + 'mysql,process_state,,num,mysql.process_state.num,state number,线程状态数量,,,,**进程状态** \\n\\n表示线程正在执行的操作、事件或状态。\\n\\n大多数状态对应于非常快的操作。如果线程在给定状态下停留了很多秒，则可能存在需要调查的问题。,"**Process States**\\n\\nAn action, event, or state that indicates what the thread is doing.\\n\\nMost states correspond to very quick operations. If a thread stays in a given state for many seconds, there might be a problem that needs to be investigated.\n' + '\n' + '*Process idle*: The size of threads whose corresponding session is idle.\n' + '*Process updating*: The thread is searching for rows to update and is updating them.\n' + @@ -232,27 +232,27 @@ const data = 'mysql,status,,uptime,mysql.status.uptime,Uptime,运行时长,numbe 'https://dev.mysql.com/doc/refman/5.7/en/general-thread-states.html",\n' + 'mysql,net,,net_outbound,mysql.net.net_outbound,Network outbound,网络出速率,float,B/s,,,,,,,\n' + 'mysql,net,,net_inbound,mysql.net.net_inbound,Network inbound,网络入速率,float,B/s,,,,,,,\n' + - 'mysql,tmp,,created_tmp_tables,mysql.tmp.created_tmp_tables,Created Tmp Tables,临时表创建频率,float,次/s,,,Created Tmp Tables is the number of internal temporary tables created by the server while executing statements.,,,,\n' + - 'mysql,tmp,,created_tmp_disk_tables,mysql.tmp.created_tmp_disk_tables,Created Tmp Disk Tables,磁盘临时表创建频率,float,次/s,,,Created Tmp Disk Tables is the number of internal on-disk temporary tables created by the server while executing statements.,,,,\n' + - 'mysql,tmp,,created_tmp_files,mysql.tmp.created_tmp_files,Created Tmp Files,临时文件创建频率,float,次/s,,,Created Tmp Files is the number of temporary files mysqld has created.,,,,\n' + - 'mysql,select_type,,select_full_join,mysql.select_type.select_full_join,Select Full Join,Select Full Join,float,次/s,,,"***Select Full Join*** is the number of joins that are not joined on an index, this is usually a huge performance hit.",,,,\n' + + 'mysql,tmp,,created_tmp_tables,mysql.tmp.created_tmp_tables,Created Tmp Tables,临时表创建频率,float,次/s,,*临时表创建频率* 是在执行语句时创建的内部临时表频率。,Created Tmp Tables is the number of internal temporary tables created by the server while executing statements.,,,,\n' + + 'mysql,tmp,,created_tmp_disk_tables,mysql.tmp.created_tmp_disk_tables,Created Tmp Disk Tables,磁盘临时表创建频率,float,次/s,,*磁盘临时表创建频率* 是在执行语句时创建的内部磁盘临时表频率。,Created Tmp Disk Tables is the number of internal on-disk temporary tables created by the server while executing statements.,,,,\n' + + 'mysql,tmp,,created_tmp_files,mysql.tmp.created_tmp_files,Created Tmp Files,临时文件创建频率,float,次/s,,*临时文件创建频率* 是mysqld创建的临时文件频率。,Created Tmp Files is the number of temporary files mysqld has created.,,,,\n' + + 'mysql,select_type,,select_full_join,mysql.select_type.select_full_join,Select Full Join,Select Full Join,float,次/s,,***Select Full Join*** 是索引中未连接的连接数，这通常会对性能产生巨大影响。,"***Select Full Join*** is the number of joins that are not joined on an index, this is usually a huge performance hit.",,,,\n' + 'mysql,select_type,,select_full_range_join,mysql.select_type.select_full_range_join,Select Full Range Join,Select Full Range Join,float,次/s,,,,,,,\n' + - 'mysql,select_type,,select_range,mysql.select_type.select_range,Select Range,Select Range,float,次/s,,,"***Select Range*** is how many queries used a range scan, which means MySQL scanned all rows in a given range.",,,,\n' + + 'mysql,select_type,,select_range,mysql.select_type.select_range,Select Range,Select Range,float,次/s,,***Select Range*** 是使用范围扫描的查询数，这意味着MySQL扫描了给定范围内的所有行。,"***Select Range*** is how many queries used a range scan, which means MySQL scanned all rows in a given range.",,,,\n' + 'mysql,select_type,,select_range_check,mysql.select_type.select_range_check,Select Range Check,Select Range Check,float,次/s,,,,,,,\n' + - 'mysql,select_type,,select_scan,mysql.select_type.select_scan,Select Scan,Select Scan,float,次/s,,,"***Select Scan*** is how many queries caused full table scans, in which all the data in the table had to be read and either discarded or returned.",,,,\n' + + 'mysql,select_type,,select_scan,mysql.select_type.select_scan,Select Scan,Select Scan,float,次/s,,***Select Scan*** 是导致完整表扫描的查询数，其中必须读取表中的所有数据并丢弃或返回。,"***Select Scan*** is how many queries caused full table scans, in which all the data in the table had to be read and either discarded or returned.",,,,\n' + 'mysql,sort,,sort_rows,mysql.sort.sort_rows,Sort Rows,Sort Rows,float,次/s,,,,,,,\n' + 'mysql,sort,,sort_range,mysql.sort.sort_range,Sort Range,Sort Range,float,次/s,,,,,,,\n' + 'mysql,sort,,sort_merge_passes,mysql.sort.sort_merge_passes,Sort Merge Passes,Sort Merge Passes,float,次/s,,,,,,,\n' + 'mysql,sort,,sort_scan,mysql.sort.sort_scan,Sort Scan,Sort Scan,float,次/s,,,,,,,\n' + 'mysql,table_lock,,table_locks_immediate,mysql.table_lock.table_locks_immediate,Table Locks Immediate,表锁Immediate,float,次/s,,,,,,,\n' + 'mysql,table_lock,,table_locks_waited,mysql.table_lock.table_locks_waited,Table Locks Waited,表锁Waited,float,次/s,,,,,,,\n' + - 'mysql,query_cache,,free_memory,mysql.query_cache.free_memory,Free Memory,可用查询缓存,int,KB,,,,,,,\n' + - 'mysql,query_cache,,query_cache_size,mysql.query_cache.query_cache_size,Query Cache Size,查询缓存大小,int,B,,,,,,,\n' + - 'mysql,query_cache,,hits,mysql.query_cache.hits,Hits,Hits,float,,,,,,,,\n' + - 'mysql,query_cache,,inserts,mysql.query_cache.inserts,Inserts,Inserts,float,,,,,,,,\n' + - 'mysql,query_cache,,not_cached,mysql.query_cache.not_cached,Not Cached,Not Cached,float,,,,,,,,\n' + - 'mysql,query_cache,,prunes,mysql.query_cache.prunes,Prunes,Prunes,float,,,,,,,,\n' + - 'mysql,query_cache,,queries_in_cache,mysql.query_cache.queries_in_cache,Queries in Cache,缓存中的查询数,float,,,,,,,,\n' + + 'mysql,query_cache,,free_memory,mysql.query_cache.free_memory,Free Memory,可用查询缓存,int,KB,,8.0开始已不存在。,,,,,\n' + + 'mysql,query_cache,,query_cache_size,mysql.query_cache.query_cache_size,Query Cache Size,查询缓存大小,int,B,,8.0开始已不存在。,,,,,\n' + + 'mysql,query_cache,,hits,mysql.query_cache.hits,Hits,Hits,float,,,8.0开始已不存在。,,,,,\n' + + 'mysql,query_cache,,inserts,mysql.query_cache.inserts,Inserts,Inserts,float,,,8.0开始已不存在。,,,,,\n' + + 'mysql,query_cache,,not_cached,mysql.query_cache.not_cached,Not Cached,Not Cached,float,,,8.0开始已不存在。,,,,,\n' + + 'mysql,query_cache,,prunes,mysql.query_cache.prunes,Prunes,Prunes,float,,,8.0开始已不存在。,,,,,\n' + + 'mysql,query_cache,,queries_in_cache,mysql.query_cache.queries_in_cache,Queries in Cache,缓存中的查询数,float,,,8.0开始已不存在。,,,,,\n' + 'pgsql,status,,uptime,pgsql.status.uptime,Uptime,运行时长,string,,,,,,,,\n' + 'pgsql,basic,,version,pgsql.basic.version,Version,版本号,string,,,,,,,,\n' + 'pgsql,resource_config,,shared_buffers,pgsql.resource_config.shared_buffers,Shared Buffers,共享内存缓存,int,B,,,"Defines the amount of memory the database server uses for shared memory buffers.  Default is 128MB.  Guidance on tuning is 25% of RAM, but generally doesn\'t exceed 40%.",,,https://www.postgresql.org/docs/current/static/runtime-config-resource.html#GUC-SHARED-BUFFERS,\n' + @@ -279,8 +279,8 @@ const data = 'mysql,status,,uptime,mysql.status.uptime,Uptime,运行时长,numbe 'pgsql,tuple,,rows_inserted_by_queries,pgsql.tuple.rows_inserted_by_queries,Rows inserted by queries,查询新增行频率,float,次/s,,,,,,,相关于 pg_stat_database_tup\n' + 'pgsql,tuple,,rows_updated_by_queries,pgsql.tuple.rows_updated_by_queries,Rows updated by queries,查询更新行频率,float,次/s,,,,,,,相关于 pg_stat_database_tup\n' + 'pgsql,tuple,,rows_deleted_by_queries,pgsql.tuple.rows_deleted_by_queries,Rows deleted by queries,查询删除行频率,float,次/s,,,,,,,相关于 pg_stat_database_tup\n' + - 'pgsql,transaction,,commits,pgsql.transaction.commits,Transactions Commits,事务提交频率,float,次/s,,,,,,https://www.postgresql.org/docs/current/tutorial-transactions.html,相关于 pg_stat_database_xact_commit\n' + - 'pgsql,transaction,,rollbacks,pgsql.transaction.rollbacks,Transactions Rollbacks,事务回滚频率,float,次/s,,,,,,https://www.postgresql.org/docs/current/tutorial-transactions.html,相关于 pg_stat_database_xact_commit\n' + + 'pgsql,transaction,,commits,pgsql.transaction.commits,Transactions Commits,事务提交频率,float,次/s,select sum(xact_commit) from pg_stat_database;,,,,,https://www.postgresql.org/docs/current/tutorial-transactions.html,相关于 pg_stat_database_xact_commit\n' + + 'pgsql,transaction,,rollbacks,pgsql.transaction.rollbacks,Transactions Rollbacks,事务回滚频率,float,次/s,select sum(xact_rollback) from pg_stat_database;,,,,,https://www.postgresql.org/docs/current/tutorial-transactions.html,相关于 pg_stat_database_xact_commit\n' + 'pgsql,transaction_state,,state,pgsql.transaction_state.state,Transactions State,事务状态,,,,"事务状态包括idle in transaction、idle in transaction (aborted)、\n' + 'idle、fastpath function call、disabled、active。",,,,https://www.postgresql.org/docs/current/tutorial-transactions.html,相关于 pg_stat_activity_max_tx_duration\n' + 'pgsql,transaction_state,,duration,pgsql.transaction_state.duration,Transactions Duration,事务耗时,,s,,,,,,https://www.postgresql.org/docs/current/tutorial-transactions.html,相关于 pg_stat_activity_max_tx_duration\n' + @@ -289,8 +289,8 @@ const data = 'mysql,status,,uptime,mysql.status.uptime,Uptime,运行时长,numbe 'pgsql,temp_file,,size,pgsql.temp_file.size,Temp Files Size,临时文件累计写入大小,float,B,,,"Cumulative amount of data written to temporary files by queries in this database since service start. All temporary files are counted, regardless of why the temporary file was created, and regardless of the log_temp_files setting.",,,,\n' + 'pgsql,temp_file,,activity,pgsql.temp_file.activity,Temp Files Activity,临时文件创建频率,float,次/s,,,"Number of temporary files created by queries in this database. All temporary files are counted, regardless of why the temporary file was created (e.g., sorting or hashing), and regardless of the log_temp_files setting.",,,,\n' + 'pgsql,temp_file,,util,pgsql.temp_file.util,Temp Files Utilization,临时文件写入速率,float,B/s,,,"Total amount of data written to temporary files by queries in this database. All temporary files are counted, regardless of why the temporary file was created, and regardless of the log_temp_files setting.",,,,\n' + - 'pgsql,lock,,deadlocks,pgsql.lock.deadlocks,Deadlocks,死锁频率,float,次/s,,,,,,,\n' + - 'pgsql,lock,,conflicts,pgsql.lock.conflicts,Conflicts,冲突频率,float,次/s,,,,,,,\n' + + 'pgsql,lock,,deadlocks,pgsql.lock.deadlocks,Deadlocks,死锁次数,int,次,,,,,,,\n' + + 'pgsql,lock,,conflicts,pgsql.lock.conflicts,Conflicts,冲突次数,int,次,,,,,,,\n' + 'pgsql,lock_num,,mode,pgsql.lock_num.mode,Locks Mode,锁模式,,,,"锁模式包括accesssharelock、sireadlock、shareupdateexclusivelock、sharerowexclusivelock、sharelock 、rowsharelock、rowexclusivelock、exclusivelock、\n' + 'accessexclusivelock。",,,,,\n' + 'pgsql,lock_num,,db_name,pgsql.lock_num.db_name,Locks DB Name,锁所属库名称,,,,,,,,,\n' + @@ -314,10 +314,11 @@ const data = 'mysql,status,,uptime,mysql.status.uptime,Uptime,运行时长,numbe 'pgsql,checkpoint,,written_files_to_disk,pgsql.checkpoint.written_files_to_disk,Written Files to disk,文件写到磁盘频率,,次/s,,,,,,,相关于 pg_stat_bgwriter_checkpoint_write_time\n' + 'pgsql,slow_sql,,sql_text,pgsql.slow_sql.sql_text,SQL Text,慢SQL,string,,,需要提前配置并启用 pg_stat_statements。,,,,https://virtual-dba.com/blog/postgresql-performance-identifying-hot-and-slow-queries/,相关于 pg_stat_statements\n' + 'pgsql,slow_sql,,calls,pgsql.slow_sql.calls,Calls,执行次数,int,,,,,,,,相关于 pg_stat_statements\n' + - 'pgsql,slow_sql,,total_time,pgsql.slow_sql.total_time,Total time,总耗时,float,s,,,,,,,相关于 pg_stat_statements\n' + - 'pgsql,slow_sql,,avg_time,pgsql.slow_sql.avg_time,Average time,平均耗时,float,s,,,,,,,相关于 pg_stat_statements\n' + + 'pgsql,slow_sql,,total_time,pgsql.slow_sql.total_time,Total time,总耗时,float,ms,,,,,,,相关于 pg_stat_statements\n' + + 'pgsql,slow_sql,,avg_time,pgsql.slow_sql.avg_time,Average time,平均耗时,float,ms,,,,,,,相关于 pg_stat_statements\n' + 'pgsql,slow_sql,,rows,pgsql.slow_sql.rows,Rows,受影响行数,int,,,,,,,,相关于 pg_stat_statements\n' + - 'oracle,status,,uptime,oracle.status.uptime,Uptime,运行时长,number,s,,,,,,,\n' + + 'oracle,status,,uptime,oracle.status.uptime,Uptime,运行时长,int,s,,,,,,,\n' + + 'oracle,basic,,startup_time,oracle.basic.startup_time,startTime,启动时间,string,,,,,,,,\n' + 'oracle,basic,,version,oracle.basic.version,Version,版本号,string,,,,,,,,\n' + 'oracle,session,,total_sessions,oracle.session.total_sessions,Total Sessions,会话总数,int,,,,,,,,\n' + 'oracle,session,,active_sessions,oracle.session.active_sessions,Active Sessions,活动会话数,int,,,,,,,,\n' + diff --git a/web-app/public/csvData/targetGroup.js b/web-app/public/csvData/targetGroup.js index 2c73872..4239341 100644 --- a/web-app/public/csvData/targetGroup.js +++ b/web-app/public/csvData/targetGroup.js @@ -1,4 +1,4 @@ -const data = 'cb.mysql,connections,cb.mysql.connections,Connections,连接,"mysql.connection.max_connections\n' + +const data = 'cb.mysql,connections,cb.mysql.connections,Connections,连接,"mysql.basic.max_connections\n' + 'mysql.connection.connections\n' + 'mysql.connection.max_used_connections",,,5,https://dev.mysql.com/doc/refman/5.7/en/server-system-variables.html#sysvar_max_connections\n' + 'cb.mysql,aborted_connections,cb.mysql.aborted_connections,Aborted Connections,中止的连接,"mysql.connection.aborted_clients\n' + @@ -7,7 +7,7 @@ const data = 'cb.mysql,connections,cb.mysql.connections,Connections,连接,"mysq 'mysql.thread.threads_running",,"**MySQL Active Threads**\\n\\nThreads Connected is the number of open connections, while Threads Running is the number of threads not sleeping.",,\n' + 'cb.mysql,thread_cache,cb.mysql.thread_cache,Thread Cache,线程缓存,"mysql.thread.threads_created\n' + 'mysql.thread.threads_cached\n' + - 'mysql.thread.thread_cache_size",,"**MySQL Thread Cache**\\n\\nThe thread_cache_size variable sets how many threads the server should cache to reuse. When a client disconnects, the client\'s threads are put in the cache if the cache is not full. It is autosized in MySQL 5.6.8 and above (capped to 100). Requests for threads are satisfied by reusing threads taken from the cache if possible, and only when the cache is empty is a new thread created.",,\n' + + 'mysql.basic.thread_cache_size",,"**MySQL Thread Cache**\\n\\nThe thread_cache_size variable sets how many threads the server should cache to reuse. When a client disconnects, the client\'s threads are put in the cache if the cache is not full. It is autosized in MySQL 5.6.8 and above (capped to 100). Requests for threads are satisfied by reusing threads taken from the cache if possible, and only when the cache is empty is a new thread created.",,\n' + 'cb.mysql,handlers,cb.mysql.handlers,Handlers,句柄,"mysql.handler.handler_commit\n' + 'mysql.handler.handler_prepare\n' + 'mysql.handler.handler_rollback\n' + diff --git a/web-app/src/components/Detail/Graph.vue b/web-app/src/components/Detail/Graph.vue index ac27a09..4aa3dcd 100644 --- a/web-app/src/components/Detail/Graph.vue +++ b/web-app/src/components/Detail/Graph.vue @@ -73,10 +73,13 @@ export default { }, seriesData: [], selected: {}, - color: ['#5A90F9', '#A7CFFF', '#58D9A6', '#8EC98D', '#AEB9E5', '#5E7091', '#F7BE12', '#DBDC8C', '#E86453', '#EEA19E', '#6DC7EB', '#A3DAE5', '#945FB8', '#CFA8E1', '#FE9745', '#FFD298', '#1E9593', '#77B7DF', '#FF98BF', '#D198C0'], - color2: ['#F6BD16', '#DCDC8C', '#FF9845', '#FFD298', '#E86452', '#EEA29D', '#FF99C3', '#D198BF', '#D1A8DF', '#945FB9', '#5D7092', '#5B8FF9', '#AEB9E5', '#A6CFFF', '#6DC8EC', '#A3D9E5', '#78B6E0', '#5AD8A6', '#8FCA8D', '#1E9493'], - color3: ['#1E9493', '#8FCA8D', '#5AD8A6', '#78B6E0', '#A3D9E5', '#A6CFFF', '#A6CFFF', '#AEB9E5', '#5B8FF9', '#5D7092', '#945FB9', '#D1A8DF', '#D198BF', '#FF99C3', '#EEA29D', '#E86452', '#FFD298', '#FF9845', '#DCDC8C', '#F6BD16'], - color4: ['#5AD8A6', '#1E9493', '#5B8FF9', '#5D7092', '#945FB9', '#E86452', '#FF9845', '#F6BD16', '#FFD298', '#DCDC8C', '#8FCA8D', '#A3D9E5', '#6DC8EC', '#78B6E0', '#A6CFFF', '#AEB9E5', '#EEA29D', '#D198BF', '#D1A8DF', '#FF99C3'] + colorList: [ + ['#5A90F9', '#A7CFFF', '#58D9A6', '#8EC98D', '#AEB9E5', '#5E7091', '#F7BE12', '#DBDC8C', '#E86453', '#EEA19E', '#6DC7EB', '#A3DAE5', '#945FB8', '#CFA8E1', '#FE9745', '#FFD298', '#1E9593', '#77B7DF', '#FF98BF', '#D198C0'], + ['#F6BD16', '#DCDC8C', '#FF9845', '#FFD298', '#E86452', '#EEA29D', '#FF99C3', '#D198BF', '#D1A8DF', '#945FB9', '#5D7092', '#5B8FF9', '#AEB9E5', '#A6CFFF', '#6DC8EC', '#A3D9E5', '#78B6E0', '#5AD8A6', '#8FCA8D', '#1E9493'], + ['#1E9493', '#8FCA8D', '#5AD8A6', '#78B6E0', '#A3D9E5', '#A6CFFF', '#A6CFFF', '#AEB9E5', '#5B8FF9', '#5D7092', '#945FB9', '#D1A8DF', '#D198BF', '#FF99C3', '#EEA29D', '#E86452', '#FFD298', '#FF9845', '#DCDC8C', '#F6BD16'], + ['#5AD8A6', '#1E9493', '#5B8FF9', '#5D7092', '#945FB9', '#E86452', '#FF9845', '#F6BD16', '#FFD298', '#DCDC8C', '#8FCA8D', '#A3D9E5', '#6DC8EC', '#78B6E0', '#A6CFFF', '#AEB9E5', '#EEA29D', '#D198BF', '#D1A8DF', '#FF99C3'] + ], + color: [] } }, computed: { @@ -99,6 +102,8 @@ export default { async mounted() { this.info = getTargetData(this.targetType, this.targetName) await this.getData() + const n = Math.floor(Math.random() * 4) + this.color = this.colorList[n] const chart = echarts.init(this.$refs.myChart) this.myChart = chart await this.initChart() diff --git a/web-app/src/components/Detail/TableView.vue b/web-app/src/components/Detail/TableView.vue index e5dc3d8..9c113bc 100644 --- a/web-app/src/components/Detail/TableView.vue +++ b/web-app/src/components/Detail/TableView.vue @@ -1,24 +1,116 @@ diff --git a/web-app/src/lang/zh.js b/web-app/src/lang/zh.js index 036e997..2f2598d 100644 --- a/web-app/src/lang/zh.js +++ b/web-app/src/lang/zh.js @@ -1,13 +1,13 @@ export default { route: { dashboard: '概览', - monitor:'监控', - warn:'告警', - warnInfo:'告警消息', - warnRules:'告警规则', - notificationRules:'通知规则', - sysreceiver:'接收人管理', - targetView:'指标视图', + monitor: '监控', + warn: '告警', + warnInfo: '告警消息', + warnRules: '告警规则', + notificationRules: '通知规则', + sysreceiver: '接收人管理', + targetView: '指标视图', errorPages: '错误页面', page401: '401', page404: '404', @@ -19,17 +19,17 @@ export default { navbar: { dashboard: '首页', github: '项目地址', - docs:'使用手册', + docs: '使用手册', logOut: '退出登录', profile: '个人中心', theme: '换肤', size: '布局大小', - securitySetting:'修改密码' + securitySetting: '修改密码' }, login: { title: 'ArgusDBM', subtitle: '快捷好用的数据库运维监控', - formtip:'账号密码登录', + formtip: '账号密码登录', logIn: '登录', username: '账号', password: '密码', @@ -60,31 +60,31 @@ export default { fixedHeader: '固定 Header', sidebarLogo: '侧边栏 Logo' }, - buttons:{ - search:'查询', - add:'新增', - edit:'修改', - delete:'删除', - reset:'重置', - markup:'标记已处理', - markdown:'标记未处理', - clear:'一键清空', - unionMonitor:"关联监控", - save:"保存", - canel:"取消" + buttons: { + search: '查询', + add: '新增', + edit: '修改', + delete: '删除', + reset: '重置', + markup: '标记已处理', + markdown: '标记未处理', + clear: '一键清空', + unionMonitor: '关联监控', + save: '保存', + canel: '取消' }, tableView: { - empty:'暂无数据！', + empty: '暂无数据！', status: '启用状态', onlineStatus: '在线状态', all: '全部', enable: '启用', disable: '禁用', monitoring: '监控名称', - underMonitoring:'所属监控', - alarmLevel:'告警级别', - alarmTime:'告警时间', - alarmContent:'告警内容', + underMonitoring: '所属监控', + alarmLevel: '告警级别', + alarmTime: '告警时间', + alarmContent: '告警内容', ip: 'IP/域名', tag: '标签', search: '查询', @@ -108,143 +108,140 @@ export default { write: '写入数据', operate: '操作', input: '请输入', - select: '请选择', - }, - message: { - switchLanguageSuccess: '语言切换成功,即将刷新页面' + select: '请选择' }, monitor: { - "": "监控", - "name": "监控名称", - "name.tip": "标识监控的名称,名称需要保证唯一性", - "host": "监控Host", - "host.tip": "被监控的对端IP或域名", - "description": "描述备注", - "description.tip": "更多标识和描述此监控的备注信息", - "intervals": "采集间隔(秒)", - "intervals.tip": "监控周期性采集数据间隔时间,单位秒", - "category": { - "": "监控类别", - "service": "应用服务", - "db": "数据库", - "os": "操作系统", - "mid": "中间件", - "custom": "自定义监控" + '': '监控', + 'name': '监控名称', + 'name.tip': '标识监控的名称,名称需要保证唯一性', + 'host': '监控Host', + 'host.tip': '被监控的对端IP或域名', + 'description': '描述备注', + 'description.tip': '更多标识和描述此监控的备注信息', + 'intervals': '采集间隔(秒)', + 'intervals.tip': '监控周期性采集数据间隔时间,单位秒', + 'category': { + '': '监控类别', + 'service': '应用服务', + 'db': '数据库', + 'os': '操作系统', + 'mid': '中间件', + 'custom': '自定义监控' }, - "app": { - "": "监控类型", - "website": "网站监测", - "api": "HTTP API", - "http": "HTTP API", - "ping": "PING连通性", - "port": "端口可用性", - "mysql": "Mysql", - "oracle": "Oracle", - "redis": "Redis", - "fullsite": "全站监控" + 'app': { + '': '监控类型', + 'website': '网站监测', + 'api': 'HTTP API', + 'http': 'HTTP API', + 'ping': 'PING连通性', + 'port': '端口可用性', + 'mysql': 'Mysql', + 'oracle': 'Oracle', + 'redis': 'Redis', + 'fullsite': '全站监控' }, - "status": { - "": "监控状态", - "all": "全部状态", - "available": "正常监控", - "unavailable": "不可用", - "unreachable": "不可达", - "un-manage": "未管理" + 'status': { + '': '监控状态', + 'all': '全部状态', + 'available': '正常监控', + 'unavailable': '不可用', + 'unreachable': '不可达', + 'un-manage': '未管理' } }, alert: { - "": "告警", - "status": { - "": "状态", - "all": "全部", - "0": "未处理", - "2": "已恢复", - "3": "已处理" + '': '告警', + 'status': { + '': '状态', + 'all': '全部', + '0': '未处理', + '2': '已恢复', + '3': '已处理' }, - "priority": { - "": "告警级别", - "all": "全部", - "0": "紧急告警", - "1": "严重告警", - "2": "警告告警" + 'priority': { + '': '告警级别', + 'all': '全部', + '0': '紧急告警', + '1': '严重告警', + '2': '警告告警' }, - "form":{ - "content":{ - "":"告警内容", - "placeholder":"请输入告警内容" - }, + 'form': { + 'content': { + '': '告警内容', + 'placeholder': '请输入告警内容' + } } }, - warnRules:{ - form:{ - "":"告警规则", - "field":"指标对象", - "field.collapse":"一致性 Consistency", - "field.collapse.tip1":"选中的标签对象", - "field.collapse.tip2":"所属行其它指标对象", - "field.collapse.tip3":"${instance} : 所属行实例", - "field.collapse.tip4":"支持操作符函数 : equals(str1,str2), ==, <, <=,>, >=, !=, ( ), +, -, &&, ||", - "expr":"阈值触发表达式", - "expr.placeholder":"根据此表达式计算判断是否触发阈值.示例: responseTime>40", - "expr.tip":"根据此表达式来计算判断是否触发阈值,表达式环境变量和操作符见上方", - "priority":"告警级别", - "priority.tip":"触发阈值的告警级别,从低到高依次为:警告-warning，严重-critical，紧急-emergency", - "times":"触发次数", - "times.tip":"设置触发阈值多少次之后才会发送告警", - "times.collapse":"支持的通知模版环境变量", - "times.collapse.tip1":"${app} : 监控类型名称", - "times.collapse.tip2":"${metrics} : 监控指标集合名称", - "times.collapse.tip3":"${metric} : 监控指标名称", - "times.collapse.tip4":"监控指标对象值", - "times.collapse.tip5":"所属行其它指标对象", - "times.collapse.tip6":"${instance} : 所属行实例值", - "template":"通知模版", - "template.placeholder":"请输入告警的通知模版.示例: ${app}.${metrics}.${metric}'s value is too high", - "template.tip":"告警触发后发送的通知信息模版,模版环境变量见上方", - "preset":"全局默认", - "preset.tip":"此告警阈值配置是否应用于全局所有此类型监控", - "enable":"启用告警", - "enable.tip":"此告警阈值配置开启生效或关闭" + warnRules: { + form: { + '': '告警规则', + 'field': '指标对象', + 'field.collapse': '一致性 Consistency', + 'field.collapse.tip1': '选中的标签对象', + 'field.collapse.tip2': '所属行其它指标对象', + 'field.collapse.tip3': '${instance} : 所属行实例', + 'field.collapse.tip4': '支持操作符函数 : equals(str1,str2), ==, <, <=,>, >=, !=, ( ), +, -, &&, ||', + 'expr': '阈值触发表达式', + 'expr.placeholder': '根据此表达式计算判断是否触发阈值.示例: responseTime>40', + 'expr.tip': '根据此表达式来计算判断是否触发阈值,表达式环境变量和操作符见上方', + 'priority': '告警级别', + 'priority.tip': '触发阈值的告警级别,从低到高依次为:警告-warning，严重-critical，紧急-emergency', + 'times': '触发次数', + 'times.tip': '设置触发阈值多少次之后才会发送告警', + 'times.collapse': '支持的通知模版环境变量', + 'times.collapse.tip1': '${app} : 监控类型名称', + 'times.collapse.tip2': '${metrics} : 监控指标集合名称', + 'times.collapse.tip3': '${metric} : 监控指标名称', + 'times.collapse.tip4': '监控指标对象值', + 'times.collapse.tip5': '所属行其它指标对象', + 'times.collapse.tip6': '${instance} : 所属行实例值', + 'template': '通知模版', + 'template.placeholder': "请输入告警的通知模版.示例: ${app}.${metrics}.${metric}'s value is too high", + 'template.tip': '告警触发后发送的通知信息模版,模版环境变量见上方', + 'preset': '全局默认', + 'preset.tip': '此告警阈值配置是否应用于全局所有此类型监控', + 'enable': '启用告警', + 'enable.tip': '此告警阈值配置开启生效或关闭' }, - table:{ - presetleftText:'是', - presetrightText:'否', + table: { + presetleftText: '是', + presetrightText: '否' }, - dialog:{ - "":"告警定义关联监控" + dialog: { + '': '告警定义关联监控' }, - rules:{ - "cascadeValues":"请选择指标对象", - "expr":"请输入阈值触发表达式", - "priority":"请选择告警级别", - "times":"请选择触发次数", - "template":"请输入通知模版" + rules: { + 'cascadeValues': '请选择指标对象', + 'expr': '请输入阈值触发表达式', + 'priority': '请选择告警级别', + 'times': '请选择触发次数', + 'template': '请输入通知模版' } }, - notificationRules:{ - form:{ - "":"通知规则", - "name":"规则名称", - "name.placeholder":"请输入规则名称", - "receiverName":"接收人", - "receiverName.placeholder":"请选择接收人", - "filterAll":"转发所有告警", - "tags":"标签过滤", - "tags.tip":"请选择标签过滤", - "priorities":"级别过滤", - "priorities.placeholder":"请选择级别过滤", - "type":"通知方式", - "type.placeholder":"请选择通知方式", - "enable":"是否启用", - "gmtUpdate":"更新时间" + notificationRules: { + form: { + '': '通知规则', + 'name': '规则名称', + 'name.placeholder': '请输入规则名称', + 'receiverName': '接收人', + 'receiverName.placeholder': '请选择接收人', + 'filterAll': '转发所有告警', + 'tags': '标签过滤', + 'tags.tip': '请选择标签过滤', + 'priorities': '级别过滤', + 'priorities.placeholder': '请选择级别过滤', + 'type': '通知方式', + 'type.placeholder': '请选择通知方式', + 'enable': '是否启用', + 'gmtUpdate': '更新时间' }, - table:{ - presetleftText:'是', - presetrightText:'否', + table: { + presetleftText: '是', + presetrightText: '否' }, - rules:{ - "receiverId":"请选择接收人", - "name":"请输入规则名称" + rules: { + 'receiverId': '请选择接收人', + 'name': '请输入规则名称' } }, sysReceiver:{ @@ -266,16 +263,17 @@ export default { "hookUrl.placeholder":"请输入Webhook URL", "gmtUpdate":"更新时间" }, - rules:{ - "name":"请输入接收人名称", - "type":"请选择通知方式" + rules: { + 'name': '请输入接收人名称', + 'type': '请选择通知方式' } }, - message:{ - "noselectTips":'请至少选择一行进行操作', - "markupTips":'是否将选中项标记为已处理？', - "markdownTips":'是否将选中项标记为未处理？', - "deleteTips":'是否确认删除数据项？', - "clearTips":'请确认是否清空所有告警信息！', + message: { + 'noselectTips': '请至少选择一行进行操作', + 'markupTips': '是否将选中项标记为已处理？', + 'markdownTips': '是否将选中项标记为未处理？', + 'deleteTips': '是否确认删除数据项？', + 'clearTips': '请确认是否清空所有告警信息！', + switchLanguageSuccess: '语言切换成功,即将刷新页面' } } diff --git a/web-app/src/views/monitor/detail/index.vue b/web-app/src/views/monitor/detail/index.vue index e17b81c..898c8be 100644 --- a/web-app/src/views/monitor/detail/index.vue +++ b/web-app/src/views/monitor/detail/index.vue @@ -4,7 +4,7 @@
{{ info.name }} @@ -210,7 +210,7 @@ export default { } .active { - color: #1382FF; + color: #0077FF; background-color: #fff; } } diff --git a/web-app/src/views/monitor/mysql/index.vue b/web-app/src/views/monitor/mysql/index.vue index 7e90566..7f0d950 100644 --- a/web-app/src/views/monitor/mysql/index.vue +++ b/web-app/src/views/monitor/mysql/index.vue @@ -112,13 +112,13 @@ export default { prop: 'status', component: 'StatusText' }, - { - label: '启用状态', - prop: 'status', - component: 'StatusSwitch', - idName: 'id', - event: 'changeStatus' - }, + // { + // label: '启用状态', + // prop: 'status', + // component: 'StatusSwitch', + // idName: 'id', + // event: 'changeStatus' + // }, // { // label: this.$t('tableView.version'), // prop: 'e'