Browse Source

表格优化提交

main
likunming 1 year ago
parent
commit
bec72caa61
  1. 5
      io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue
  2. 3
      io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue
  3. 6
      io.sc.platform.core.frontend/src/views/likm/TreeGrid.vue

5
io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue

@ -21,7 +21,7 @@
v-model="state.currRow.selected" v-model="state.currRow.selected"
flat flat
dense dense
@update:model-value="selectedFun(state.currRow.selected, state.currRow)" @update:model-value="selectedFun(state.currRow.selected, row)"
/> />
<!--图标--> <!--图标-->
<q-icon v-if="typeof iconComputed === 'string'" :name="iconComputed" size="20px" class="px-1"></q-icon> <q-icon v-if="typeof iconComputed === 'string'" :name="iconComputed" size="20px" class="px-1"></q-icon>
@ -279,5 +279,8 @@ const click = (evt, row, rowIndex) => {
}); });
table.selected.splice(0, table.selected.length); table.selected.splice(0, table.selected.length);
selectedFun(true, row); selectedFun(true, row);
if (props.gridProps.onRowClick) {
props.gridProps.onRowClick(evt, row, rowIndex);
}
}; };
</script> </script>

3
io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue

@ -1391,6 +1391,9 @@ const stickyHeaderColumn = () => {
tableRef.value.$el.getElementsByTagName('table')[0].style.setProperty('--stickyBgColor', stickyBgColor); tableRef.value.$el.getElementsByTagName('table')[0].style.setProperty('--stickyBgColor', stickyBgColor);
tableRef.value.$el.getElementsByTagName('table')[0].style.setProperty('--tableBorderColor', tableBorderColor); tableRef.value.$el.getElementsByTagName('table')[0].style.setProperty('--tableBorderColor', tableBorderColor);
tableRef.value.$el.getElementsByTagName('table')[0].style.setProperty('--tableColumnTitleHeight', table.headerCellHeight + 'px'); tableRef.value.$el.getElementsByTagName('table')[0].style.setProperty('--tableColumnTitleHeight', table.headerCellHeight + 'px');
// if (props.denseHeader || attrs.dense) {
// }
}; };
const excludeColumnNum = computed(() => { const excludeColumnNum = computed(() => {

6
io.sc.platform.core.frontend/src/views/likm/TreeGrid.vue

@ -16,6 +16,7 @@
:query-form-fields="testGrid.queryFormFields" :query-form-fields="testGrid.queryFormFields"
:query-form-cols-num="3" :query-form-cols-num="3"
@selection="selection" @selection="selection"
@row-click="rowClick"
></w-grid> ></w-grid>
</div> </div>
</template> </template>
@ -30,6 +31,11 @@ import { IconEnum } from '@/platform/enums';
const { t } = useI18n(); const { t } = useI18n();
const gridRef = ref(); const gridRef = ref();
const rowClick = (evt, row, rowIndex) => {
console.info('evt========', evt);
console.info('row========', row);
console.info('rowIndex========', rowIndex);
};
const selection = (details) => { const selection = (details) => {
console.info('details====', details); console.info('details====', details);
}; };

Loading…
Cancel
Save