Browse Source

表格组件查询按钮及扩展单选组件优化

main
likunming 4 weeks ago
parent
commit
da0d40b13b
  1. 4
      io.sc.platform.core.frontend/src/platform/components/grid/ts/toolbar/buttons/Query.ts
  2. 14
      io.sc.platform.core.frontend/src/platform/components/radio/WExtRadio.vue

4
io.sc.platform.core.frontend/src/platform/components/grid/ts/toolbar/buttons/Query.ts

@ -15,11 +15,15 @@ export class Query extends Button {
if (args.grid?.getQueryForm()) {
const formValidate = await args.grid.getQueryForm().validate();
if (formValidate) {
// 查询之前将当前页码设置为1,否则如果用户先翻页带上页码给到后台查不到数据
this.table.store.pagination.page = 1;
this.tools?.apiFM.operator.refreshGrid();
} else {
NotifyManager.error('查询表单存在不符合要求的字段');
}
} else {
// 查询之前将当前页码设置为1,否则如果用户先翻页带上页码给到后台查不到数据
this.table.store.pagination.page = 1;
this.tools?.apiFM.operator.refreshGrid();
}
}

14
io.sc.platform.core.frontend/src/platform/components/radio/WExtRadio.vue

@ -12,7 +12,7 @@
color="primary"
:icon="expandOptionsModelValue ? 'remove' : 'add'"
size="xs"
@click="expandOptionsModelValue = !expandOptionsModelValue"
@click="expandOptions"
/>
</template>
</w-label>
@ -66,6 +66,7 @@ interface FieldProps extends FormFieldProps {
selectedLabelColor?: string;
hideOptions?: boolean; //
lightNotHideOptionsLabel?: boolean; // label
onExpand?: (args: any) => void;//
}
const props = withDefaults(defineProps<FieldProps>(), {
showIf: true,
@ -77,6 +78,7 @@ const props = withDefaults(defineProps<FieldProps>(), {
selectedLabelColor: undefined,
hideOptions: false,
lightNotHideOptionsLabel: false,
onExpand: undefined,
});
class FieldMethods extends FormFieldMethods {
isTemplateSlot = this.getSlotType(slots);
@ -116,6 +118,16 @@ const getExpandOptionsModelValue = () => {
const setExpandOptionsModelValue = (val: boolean) => {
expandOptionsModelValue.value = val;
};
const expandOptions = () => {
expandOptionsModelValue.value = !expandOptionsModelValue.value;
if (props.onExpand && typeof props.onExpand === 'function') {
props.onExpand({
value: modelValue.value,
expand: expandOptionsModelValue.value,
form: props['form'],
});
}
}
const lightLabelComputed = computed(() => {
if (props.lightNotHideOptionsLabel && !props.hideOptions) {

Loading…
Cancel
Save