diff --git a/io.sc.platform.core.frontend/src/platform/components/dialog/WDialog.vue b/io.sc.platform.core.frontend/src/platform/components/dialog/WDialog.vue
index fa04e72b..55c10827 100644
--- a/io.sc.platform.core.frontend/src/platform/components/dialog/WDialog.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/dialog/WDialog.vue
@@ -22,7 +22,16 @@
- {}">
+ {}"
+ >
+
diff --git a/io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue b/io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue
index 05528313..b8c0b26a 100644
--- a/io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue
@@ -1,5 +1,5 @@
-
+
+
{{ $t('rownum') }}
@@ -69,8 +74,9 @@
:class="c.classes"
:props="titleScopeHandler(c, scope)"
style="font-weight: bold"
+ :title="c.title"
>
- {{ c.label }}
+
@@ -93,8 +99,9 @@
:style="col.style + (col.name === '_sortNo_' ? 'padding: 0; width: 50px;' : '')"
:class="col.classes"
style="font-weight: bold"
+ :title="col.title"
>
- {{ col.label }}
+
@@ -459,7 +466,7 @@ const columnChildrenHandler = (item: any, gridColumns: any) => {
const extractTableColumnsProps = () => {
const gridColumns = [];
if (tableColumns.value && tableColumns.value.length > 0) {
- gridColumns.push({ name: '_sortNo_', align: 'center', label: '序号', field: '_sortNo_', hidden: props.sortNo ? false : true });
+ gridColumns.push({ name: '_sortNo_', align: 'center', label: t('rownum'), field: '_sortNo_', hidden: props.sortNo ? false : true });
tableColumns.value.forEach((item: any) => {
columnChildrenHandler(item, gridColumns);
});
@@ -491,6 +498,7 @@ eventBus.on('onLocaleChanged', (local) => {
handleToolbarActions();
// 重构内置新增编辑窗口中的按钮 label
dialog.dialogButtons[0].label = t(dialog.dialogButtons[0].labelI18nKey);
+ stickyHeaderColumn();
});
});
// onUpdated(() => {
@@ -1030,6 +1038,7 @@ const columnTitleState = reactive({
// 多行列标题的处理类型
type MoreColumnTitleType = {
name: string; // 列模型的name
+ title: string; // 列模型的title(鼠标移动上去显示内容)
label: string; // 列模型的label
parentLevel: number; // 父层级数
childrenLevel: number; // 子层级数
@@ -1051,6 +1060,7 @@ const columnToMap = (column: any) => {
moreColumnTitleMap.set(column.name, {
name: column.name,
label: column.label,
+ title: column.title,
parentLevel: 0,
childrenLevel: 0,
rowspan: 0,
@@ -1068,6 +1078,7 @@ const columnToMap = (column: any) => {
moreColumnTitleMap.set(column.name, {
name: column.name,
label: column.label,
+ title: column.title,
parentLevel: 0,
childrenLevel: 0,
rowspan: 0,
@@ -1772,27 +1783,27 @@ const stickyHeaderColumn = (time = 500) => {
titleTotalHeight = titleTotalHeight - noDataTrHeight;
}
state.refHeightWidth.titleTotalHeight = titleTotalHeight;
- const titleRowHeight = titleTotalHeight / columnTitleState.columnTitleRowNum;
- if (columnTitleState.columnTitleRowNum) {
- const row1Height = titleRowHeight * 1;
- const row2Height = titleRowHeight * 2;
- const row3Height = titleRowHeight * 3;
- const row4Height = titleRowHeight * 4;
- const row5Height = titleRowHeight * 5;
- const row6Height = titleRowHeight * 6;
- const row7Height = titleRowHeight * 7;
- const row8Height = titleRowHeight * 8;
- const row9Height = titleRowHeight * 9;
- tableDom.style.setProperty('--row1Height', row1Height + 'px');
- tableDom.style.setProperty('--row2Height', row2Height + 'px');
- tableDom.style.setProperty('--row3Height', row3Height + 'px');
- tableDom.style.setProperty('--row4Height', row4Height + 'px');
- tableDom.style.setProperty('--row5Height', row5Height + 'px');
- tableDom.style.setProperty('--row6Height', row6Height + 'px');
- tableDom.style.setProperty('--row7Height', row7Height + 'px');
- tableDom.style.setProperty('--row8Height', row8Height + 'px');
- tableDom.style.setProperty('--row9Height', row9Height + 'px');
- }
+ // const titleRowHeight = titleTotalHeight / columnTitleState.columnTitleRowNum;
+ // if (columnTitleState.columnTitleRowNum) {
+ // const row1Height = titleRowHeight * 1;
+ // const row2Height = titleRowHeight * 2;
+ // const row3Height = titleRowHeight * 3;
+ // const row4Height = titleRowHeight * 4;
+ // const row5Height = titleRowHeight * 5;
+ // const row6Height = titleRowHeight * 6;
+ // const row7Height = titleRowHeight * 7;
+ // const row8Height = titleRowHeight * 8;
+ // const row9Height = titleRowHeight * 9;
+ // tableDom.style.setProperty('--row1Height', row1Height + 'px');
+ // tableDom.style.setProperty('--row2Height', row2Height + 'px');
+ // tableDom.style.setProperty('--row3Height', row3Height + 'px');
+ // tableDom.style.setProperty('--row4Height', row4Height + 'px');
+ // tableDom.style.setProperty('--row5Height', row5Height + 'px');
+ // tableDom.style.setProperty('--row6Height', row6Height + 'px');
+ // tableDom.style.setProperty('--row7Height', row7Height + 'px');
+ // tableDom.style.setProperty('--row8Height', row8Height + 'px');
+ // tableDom.style.setProperty('--row9Height', row9Height + 'px');
+ // }
}
}, time);
@@ -2357,25 +2368,18 @@ const instance = getCurrentInstance();
VueTools.expose2Instance(instance);
-