diff --git a/mayfly_go_web/src/common/utils/format.ts b/mayfly_go_web/src/common/utils/format.ts index 2cdbab3d..52e9d542 100644 --- a/mayfly_go_web/src/common/utils/format.ts +++ b/mayfly_go_web/src/common/utils/format.ts @@ -3,21 +3,16 @@ * @param size byte size * @returns */ -export function formatByteSize(size: any) { - const value = Number(size); - if (size && !isNaN(value)) { - const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB', 'BB']; - let index = 0; - let k = value; - if (value >= 1024) { - while (k > 1024) { - k = k / 1024; - index++; - } - } - return `${k.toFixed(2)}${units[index]}`; +export function formatByteSize(size: number, fixed = 2) { + if (size === 0) { + return '0B'; } - return '-'; + + const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; + const base = 1024; + const exponent = Math.floor(Math.log(size) / Math.log(base)); + + return parseFloat((size / Math.pow(base, exponent)).toFixed(fixed)) + units[exponent]; } /** diff --git a/mayfly_go_web/src/components/monaco/MonacoEditor.vue b/mayfly_go_web/src/components/monaco/MonacoEditor.vue index 4292612d..7cdf8398 100644 --- a/mayfly_go_web/src/components/monaco/MonacoEditor.vue +++ b/mayfly_go_web/src/components/monaco/MonacoEditor.vue @@ -169,7 +169,6 @@ self.MonacoEnvironment = { }; const state = reactive({ - editorHeight: '500px', languageMode: 'shell', }); diff --git a/mayfly_go_web/src/views/ops/component/TagTree.vue b/mayfly_go_web/src/views/ops/component/TagTree.vue index c7e77e81..e489a8d9 100644 --- a/mayfly_go_web/src/views/ops/component/TagTree.vue +++ b/mayfly_go_web/src/views/ops/component/TagTree.vue @@ -30,6 +30,8 @@ {{ data.label }} + + diff --git a/mayfly_go_web/src/views/ops/db/DbList.vue b/mayfly_go_web/src/views/ops/db/DbList.vue index aaac24e5..28c92316 100644 --- a/mayfly_go_web/src/views/ops/db/DbList.vue +++ b/mayfly_go_web/src/views/ops/db/DbList.vue @@ -201,7 +201,7 @@ const columns = ref([ TableColumn.new('tagPath', '标签路径').isSlot().setAddWidth(20), TableColumn.new('instanceName', '实例名'), TableColumn.new('type', '类型'), - TableColumn.new('host', 'ip:port').isSlot().setAddWidth(20), + TableColumn.new('host', 'ip:port').isSlot().setAddWidth(40), TableColumn.new('username', 'username'), TableColumn.new('name', '名称'), TableColumn.new('database', '数据库').isSlot().setMinWidth(70), diff --git a/mayfly_go_web/src/views/ops/db/SqlExec.vue b/mayfly_go_web/src/views/ops/db/SqlExec.vue index 84fb29db..e41f870b 100644 --- a/mayfly_go_web/src/views/ops/db/SqlExec.vue +++ b/mayfly_go_web/src/views/ops/db/SqlExec.vue @@ -1,5 +1,5 @@ + + + @@ -110,7 +117,7 @@ diff --git a/mayfly_go_web/src/views/ops/db/api.ts b/mayfly_go_web/src/views/ops/db/api.ts index 2dff2432..aa62e3b9 100644 --- a/mayfly_go_web/src/views/ops/db/api.ts +++ b/mayfly_go_web/src/views/ops/db/api.ts @@ -10,7 +10,6 @@ export const dbApi = { tableInfos: Api.newGet('/dbs/{id}/t-infos'), tableIndex: Api.newGet('/dbs/{id}/t-index'), tableDdl: Api.newGet('/dbs/{id}/t-create-ddl'), - tableMetadata: Api.newGet('/dbs/{id}/t-metadata'), columnMetadata: Api.newGet('/dbs/{id}/c-metadata'), // 获取表即列提示 hintTables: Api.newGet('/dbs/{id}/hint-tables'), @@ -27,7 +26,7 @@ export const dbApi = { // 获取权限列表 instances: Api.newGet('/instances'), - getInstance: Api.newGet("/instances/{instanceId}"), + getInstance: Api.newGet('/instances/{instanceId}'), getAllDatabase: Api.newGet('/instances/{instanceId}/databases'), saveInstance: Api.newPost('/instances'), getInstancePwd: Api.newGet('/instances/{id}/pwd'), diff --git a/mayfly_go_web/src/views/ops/db/component/tab/Query.vue b/mayfly_go_web/src/views/ops/db/component/tab/Query.vue index 3f1c23b6..e3c0db22 100644 --- a/mayfly_go_web/src/views/ops/db/component/tab/Query.vue +++ b/mayfly_go_web/src/views/ops/db/component/tab/Query.vue @@ -44,7 +44,7 @@ - +
diff --git a/mayfly_go_web/src/views/ops/db/component/tab/TableData.vue b/mayfly_go_web/src/views/ops/db/component/tab/TableData.vue index e52f6971..967af4d0 100644 --- a/mayfly_go_web/src/views/ops/db/component/tab/TableData.vue +++ b/mayfly_go_web/src/views/ops/db/component/tab/TableData.vue @@ -33,26 +33,26 @@ - + - + gi - + 导出 - + 提交 - + 取消 diff --git a/mayfly_go_web/src/views/ops/db/db.ts b/mayfly_go_web/src/views/ops/db/db.ts index b8ab603f..be672436 100644 --- a/mayfly_go_web/src/views/ops/db/db.ts +++ b/mayfly_go_web/src/views/ops/db/db.ts @@ -88,7 +88,7 @@ export class DbInst { db.columnsMap?.clear(); db.tableHints = null; console.log(`load tables -> dbName: ${dbName}`); - tables = await dbApi.tableMetadata.request({ id: this.id, db: dbName }); + tables = await dbApi.tableInfos.request({ id: this.id, db: dbName }); db.tables = tables; return tables; } diff --git a/mayfly_go_web/src/views/ops/machine/MachineList.vue b/mayfly_go_web/src/views/ops/machine/MachineList.vue index 1bf94caf..085c4475 100644 --- a/mayfly_go_web/src/views/ops/machine/MachineList.vue +++ b/mayfly_go_web/src/views/ops/machine/MachineList.vue @@ -195,7 +195,7 @@ const queryConfig = [TableQuery.slot('tagPath', '标签', 'tagPathSelect'), Tabl const columns = ref([ TableColumn.new('tagPath', '标签路径').isSlot().setAddWidth(20), TableColumn.new('name', '名称'), - TableColumn.new('ipPort', 'ip:port').isSlot().setAddWidth(45), + TableColumn.new('ipPort', 'ip:port').isSlot().setAddWidth(50), TableColumn.new('username', '用户名'), TableColumn.new('status', '状态').isSlot().setMinWidth(85), TableColumn.new('remark', '备注'), diff --git a/mayfly_go_web/src/views/ops/redis/KeyDetail.vue b/mayfly_go_web/src/views/ops/redis/KeyDetail.vue index d1af0ac8..580c1db7 100644 --- a/mayfly_go_web/src/views/ops/redis/KeyDetail.vue +++ b/mayfly_go_web/src/views/ops/redis/KeyDetail.vue @@ -20,7 +20,7 @@