Browse Source

修复w-grid-toolbar的问题

main
likunming 3 weeks ago
parent
commit
56e2497db1
  1. 2
      io.sc.platform.core.frontend/src/platform/components/grid/ts/function/Operator.ts
  2. 3
      io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue
  3. 4
      io.sc.platform.core.frontend/src/platform/components/toolbar/WToolbar.vue

2
io.sc.platform.core.frontend/src/platform/components/grid/ts/function/Operator.ts

@ -325,6 +325,7 @@ export class Operator extends Base {
}
}, time);
if (tableElement) {
tableElement.getElementsByTagName('table')[0].style.setProperty('--tableHeadBgColor', this.table?.color.headBgColor);
tableElement.getElementsByTagName('table')[0].style.setProperty('--stickyBgColor', this.table?.color.stickyBgColor);
tableElement.getElementsByTagName('table')[0].style.setProperty('--tableBorderColor', this.table?.color.borderColor);
@ -357,4 +358,5 @@ export class Operator extends Base {
tableElement.getElementsByClassName('q-table__top')[0].style.setProperty('--tableTopPadding', '0px');
}
}
}
}

3
io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue

@ -6,7 +6,8 @@
<q-item-section>
<q-item-label header :style="headerStyleComputed">
<q-icon v-if="props.icon" :name="props.icon" size="sm" v-bind="props.iconAttrs" />
<span style="margin-left: 5px">{{ label }}</span>
<span v-if="label" style="margin-left: 5px">{{ label }}</span>
<div v-else style="margin-left: 5px"><slot name="label"></slot></div>
</q-item-label>
</q-item-section>
</q-item>

4
io.sc.platform.core.frontend/src/platform/components/toolbar/WToolbar.vue

@ -50,13 +50,17 @@ watch(
*/
const calcButtonWidth = () => {
//
if (hiddenContainerRef.value) {
hiddenContainerRef.value.style.display = 'block';
nextTick(() => {
if (buttonsRef.value?.divRef) {
toolbar.setButtonWidth(buttonsRef.value.divRef);
//
hiddenContainerRef.value.style.display = 'none';
buildButtons();
}
});
}
};
//

Loading…
Cancel
Save