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

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

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

Loading…
Cancel
Save