center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

Merge pull request #8269 from dataease/pr@dev-v2@fix_table_index_column_width

Browse Source 
fix(视图): 表格开启序号后拖拽无法保存序号的列宽
This commit is contained in:
wisonic-s 2024-03-01 14:55:45 +08:00 committed by GitHub
commit 8ba43c8835
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/core-frontend/src/models/chart/chart-attr.d.ts vendored
View File

@ -70,7 +70,7 @@ declare interface ChartBasicStyle {
/** /**
* 字段名称 * 字段名称
*/ */
name: string name?: string
/** /**
* 字段宽度占比 * 字段宽度占比
*/ */

19
core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue
View File

@ -302,15 +302,20 @@ const resizeAction = resizeColumn => {
if (showPosition.value !== 'canvas') { if (showPosition.value !== 'canvas') {
return return
} }
const fieldId = resizeColumn.info.meta.field const fieldId: string = resizeColumn.info.meta.field
const { basicStyle } = view.value.customAttr const { basicStyle } = view.value.customAttr
const containerWidth = document.getElementById(containerId).offsetWidth const containerWidth = document.getElementById(containerId).offsetWidth
basicStyle.tableFieldWidth?.forEach(item => { const column = basicStyle.tableFieldWidth?.find(i => i.fieldId === fieldId)
if (item.fieldId === fieldId) { let tableWidth: ChartBasicStyle['tableFieldWidth']
item.width = parseFloat(((resizeColumn.info.resizedWidth / containerWidth) * 100).toFixed(2)) const width = parseFloat(((resizeColumn.info.resizedWidth / containerWidth) * 100).toFixed(2))
} if (column) {
}) column.width = width
emitter.emit('set-table-column-width', basicStyle.tableFieldWidth) tableWidth = [...basicStyle.tableFieldWidth]
} else {
const tmp = { fieldId, width }
tableWidth = basicStyle.tableFieldWidth?.length ? [...basicStyle.tableFieldWidth, tmp] : [tmp]
}
emitter.emit('set-table-column-width', tableWidth)
} }
defineExpose({ defineExpose({
calcData, calcData,