表格优化提交

io.sc.platform.core.frontend/src/platform/components/form/elements/WCheckbox.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <q-checkbox v-show="!hideIfComputed" v-bind="attrs" :rules="rulesComputed" :disable="disableIfComputed"></q-checkbox>
+    <q-checkbox v-show="showIfComputed" v-bind="attrs" :rules="rulesComputed" :disable="disableIfComputed"></q-checkbox>
   </div>
 </template>
 
@@ -11,10 +11,10 @@ import { computed, defineProps, useAttrs } from 'vue';
 const attrs = useAttrs();
 const inRules = attrs.rules;
 const props = defineProps({
-  hideIf: {
+  showIf: {
     type: Function,
     default: () => {
-      return false;
+      return true;
     },
   },
   disableIf: {
@@ -31,14 +31,14 @@ const props = defineProps({
 
 const rulesComputed = computed(() => {
   let rules = inRules || <any>[];
-  if (hideIfComputed.value) {
+  if (!showIfComputed.value) {
     rules = [];
   }
   return rules;
 });
 
-const hideIfComputed = computed(() => {
-  return props.hideIf(props.form);
+const showIfComputed = computed(() => {
+  return props.showIf(props.form);
 });
 const disableIfComputed = computed(() => {
   return props.disableIf(props.form);

io.sc.platform.core.frontend/src/platform/components/form/elements/WDate.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <q-input
-      v-show="!hideIfComputed"
+      v-show="showIfComputed"
       ref="dateRef"
       :hide-bottom-space="true"
       :hide-hint="true"
@@ -38,10 +38,10 @@ const date = ref(null);
 const attrs = useAttrs();
 const inRules = attrs.rules;
 const props = defineProps({
-  hideIf: {
+  showIf: {
     type: Function,
     default: () => {
-      return false;
+      return true;
     },
   },
   required: {
@@ -79,9 +79,9 @@ watch(
 
 const rulesComputed = computed(() => {
   let rules = inRules || <any>[];
-  if (!hideIfComputed.value && requiredIfComputed.value) {
+  if (showIfComputed.value && requiredIfComputed.value) {
     rules.push(FormValidators.required());
-  } else if (hideIfComputed.value) {
+  } else if (!showIfComputed.value) {
     rules = [];
   }
   if (dateRef?.value) {
@@ -90,8 +90,8 @@ const rulesComputed = computed(() => {
   return rules;
 });
 
-const hideIfComputed = computed(() => {
-  return props.hideIf(props.form);
+const showIfComputed = computed(() => {
+  return props.showIf(props.form);
 });
 const requiredIfComputed = computed(() => {
   if (props.requiredIf) {

io.sc.platform.core.frontend/src/platform/components/form/elements/WNumber.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <q-input
-      v-show="!hideIfComputed"
+      v-show="showIfComputed"
       ref="numberRef"
       :hide-bottom-space="true"
       :hide-hint="true"
@@ -28,10 +28,10 @@ const attrs = useAttrs();
 const inRules = attrs.rules;
 const props = defineProps({
   precision: { type: Number, default: 0 },
-  hideIf: {
+  showIf: {
     type: Function,
     default: () => {
-      return false;
+      return true;
     },
   },
   required: {
@@ -63,9 +63,9 @@ const props = defineProps({
 const rulesComputed = computed(() => {
   let rules = inRules || <any>[];
   rules.push(FormValidators.maxPrecision(props.precision));
-  if (!hideIfComputed.value && requiredIfComputed.value) {
+  if (showIfComputed.value && requiredIfComputed.value) {
     rules.push(FormValidators.required());
-  } else if (hideIfComputed.value) {
+  } else if (!showIfComputed.value) {
     rules = [];
   }
   if (numberRef?.value) {
@@ -74,8 +74,8 @@ const rulesComputed = computed(() => {
   return rules;
 });
 
-const hideIfComputed = computed(() => {
-  return props.hideIf(props.form);
+const showIfComputed = computed(() => {
+  return props.showIf(props.form);
 });
 const requiredIfComputed = computed(() => {
   if (props.requiredIf) {

io.sc.platform.core.frontend/src/platform/components/form/elements/WPassword.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <q-input
-      v-show="!hideIfComputed"
+      v-show="showIfComputed"
       ref="pwdRef"
       :hide-bottom-space="true"
       :hide-hint="true"
@@ -27,10 +27,10 @@ const pwdRef = ref();
 const attrs = useAttrs();
 const inRules = attrs.rules;
 const props = defineProps({
-  hideIf: {
+  showIf: {
     type: Function,
     default: () => {
-      return false;
+      return true;
     },
   },
   required: {
@@ -61,9 +61,9 @@ const props = defineProps({
 
 const rulesComputed = computed(() => {
   let rules = inRules || <any>[];
-  if (!hideIfComputed.value && requiredIfComputed.value) {
+  if (showIfComputed.value && requiredIfComputed.value) {
     rules.push(FormValidators.required());
-  } else if (hideIfComputed.value) {
+  } else if (!showIfComputed.value) {
     rules = [];
   }
   if (pwdRef?.value) {
@@ -72,8 +72,8 @@ const rulesComputed = computed(() => {
   return rules;
 });
 
-const hideIfComputed = computed(() => {
-  return props.hideIf(props.form);
+const showIfComputed = computed(() => {
+  return props.showIf(props.form);
 });
 const requiredIfComputed = computed(() => {
   if (props.requiredIf) {

io.sc.platform.core.frontend/src/platform/components/form/elements/WSelect.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <q-select
-      v-show="!hideIfComputed"
+      v-show="showIfComputed"
       ref="selectRef"
       emit-value
       map-options
@@ -27,10 +27,10 @@ const selectRef = ref();
 const attrs = useAttrs();
 const inRules = attrs.rules;
 const props = defineProps({
-  hideIf: {
+  showIf: {
     type: Function,
     default: () => {
-      return false;
+      return true;
     },
   },
   required: {
@@ -61,9 +61,9 @@ const props = defineProps({
 
 const rulesComputed = computed(() => {
   let rules = inRules || <any>[];
-  if (!hideIfComputed.value && requiredIfComputed.value) {
+  if (showIfComputed.value && requiredIfComputed.value) {
     rules.push(FormValidators.required());
-  } else if (hideIfComputed.value) {
+  } else if (!showIfComputed.value) {
     rules = [];
   }
   if (selectRef?.value) {
@@ -72,8 +72,8 @@ const rulesComputed = computed(() => {
   return rules;
 });
 
-const hideIfComputed = computed(() => {
-  return props.hideIf(props.form);
+const showIfComputed = computed(() => {
+  return props.showIf(props.form);
 });
 const requiredIfComputed = computed(() => {
   if (props.requiredIf) {

io.sc.platform.core.frontend/src/platform/components/form/elements/WText.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <q-input
-      v-show="!hideIfComputed"
+      v-show="showIfComputed"
       ref="textRef"
       :hide-bottom-space="true"
       :hide-hint="true"
@@ -26,10 +26,10 @@ const textRef = ref();
 const attrs = useAttrs();
 const inRules = attrs.rules;
 const props = defineProps({
-  hideIf: {
+  showIf: {
     type: Function,
     default: () => {
-      return false;
+      return true;
     },
   },
   required: {
@@ -60,9 +60,9 @@ const props = defineProps({
 
 const rulesComputed = computed(() => {
   let rules = inRules || <any>[];
-  if (!hideIfComputed.value && requiredIfComputed.value) {
+  if (showIfComputed.value && requiredIfComputed.value) {
     rules.push(FormValidators.required());
-  } else if (hideIfComputed.value) {
+  } else if (!showIfComputed.value) {
     rules = [];
   }
   if (textRef?.value) {
@@ -71,8 +71,8 @@ const rulesComputed = computed(() => {
   return rules;
 });
 
-const hideIfComputed = computed(() => {
-  return props.hideIf(props.form);
+const showIfComputed = computed(() => {
+  return props.showIf(props.form);
 });
 const requiredIfComputed = computed(() => {
   if (props.requiredIf) {

io.sc.platform.core.frontend/src/platform/components/form/elements/WTextBtn.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <q-input
-      v-show="!hideIfComputed"
+      v-show="showIfComputed"
       ref="textBtnRef"
       :hide-bottom-space="true"
       :hide-hint="true"
@@ -38,10 +38,10 @@ const textBtnRef = ref();
 const attrs = useAttrs();
 const inRules = attrs.rules;
 const props = defineProps({
-  hideIf: {
+  showIf: {
     type: Function,
     default: () => {
-      return false;
+      return true;
     },
   },
   required: {
@@ -72,9 +72,9 @@ const props = defineProps({
 
 const rulesComputed = computed(() => {
   let rules = inRules || <any>[];
-  if (!hideIfComputed.value && requiredIfComputed.value) {
+  if (showIfComputed.value && requiredIfComputed.value) {
     rules.push(FormValidators.required());
-  } else if (hideIfComputed.value) {
+  } else if (!showIfComputed.value) {
     rules = [];
   }
   if (textBtnRef?.value) {
@@ -83,8 +83,8 @@ const rulesComputed = computed(() => {
   return rules;
 });
 
-const hideIfComputed = computed(() => {
-  return props.hideIf(props.form);
+const showIfComputed = computed(() => {
+  return props.showIf(props.form);
 });
 const requiredIfComputed = computed(() => {
   if (props.requiredIf) {

io.sc.platform.core.frontend/src/platform/components/form/elements/WTextarea.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <q-input
-      v-show="!hideIfComputed"
+      v-show="showIfComputed"
       ref="textareaRef"
       :hide-bottom-space="true"
       :hide-hint="true"
@@ -26,10 +26,10 @@ const textareaRef = ref();
 const attrs = useAttrs();
 const inRules = attrs.rules;
 const props = defineProps({
-  hideIf: {
+  showIf: {
     type: Function,
     default: () => {
-      return false;
+      return true;
     },
   },
   required: {
@@ -60,9 +60,9 @@ const props = defineProps({
 
 const rulesComputed = computed(() => {
   let rules = inRules || <any>[];
-  if (!hideIfComputed.value && requiredIfComputed.value) {
+  if (showIfComputed.value && requiredIfComputed.value) {
     rules.push(FormValidators.required());
-  } else if (hideIfComputed.value) {
+  } else if (!showIfComputed.value) {
     rules = [];
   }
   if (textareaRef?.value) {
@@ -71,8 +71,8 @@ const rulesComputed = computed(() => {
   return rules;
 });
 
-const hideIfComputed = computed(() => {
-  return props.hideIf(props.form);
+const showIfComputed = computed(() => {
+  return props.showIf(props.form);
 });
 const requiredIfComputed = computed(() => {
   if (props.requiredIf) {

io.sc.platform.core.frontend/src/views/likm/Form.vue

@@ -89,11 +89,11 @@ const aaaa = {
       options: ['1', '0'],
       requiredIf: () => true,
       'onUpdate:modelValue': (value) => {
-        if (value === 1) {
-          formRef.value.fields.addr.label = '地址2222';
-        } else {
-          formRef.value.fields.addr.label = '地址3333';
-        }
+        // if (value === 1) {
+        //   formRef.value.fields.addr.label = '地址2222';
+        // } else {
+        //   formRef.value.fields.addr.label = '地址3333';
+        // }
       },
     },
     {
@@ -126,6 +126,13 @@ const aaaa = {
       colsFirst: true,
       colspan: 2,
       type: 'w-checkbox',
+      // showIf: (form) => {
+      //   if (form.getFieldValue('sex') === '1') {
+      //     return true;
+      //   } else {
+      //     return false;
+      //   }
+      // },
       // disableIf: () => {
       //   return true;
       // },