af-mobile-client-vue3 1.0.70 → 1.0.71

package/src/components/data/XFormGroup/index.vue

@@ -1,78 +1,96 @@
-<script setup lang="ts">
-import {
-  Tabs as VanTabs,
-  Tab as VanTab,
-  Row as VanRow,
-  Button as VanButton
-} from 'vant'
-import { defineProps, watchEffect, onBeforeMount, ref, onMounted, watch, defineEmits } from 'vue'
-import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
-import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
-import { useRouter } from 'vue-router'
-import {getConfigByName, query} from '@af-mobile-client-vue3/services/api/common'
-
-const props = withDefaults(defineProps<{
-  configName?: string
-  serviceName?: string,
-  groupFormData?: object,
-  showSubmit: boolean
-}>(), {
-  configName: '',
-  serviceName: undefined,
-  groupFormData: {},
-  showSubmit: true
-})
-const emit = defineEmits(['submit'])
-const router = useRouter()
-const groupItems = ref([])
-const formData = ref({})
-function initComponents () {
-  getConfigByName(props.configName, (result) => {
-    groupItems.value = result.groups
-    formData.value = props.groupFormData
-    result.groups.forEach((group) => {
-      if(!formData.value[group.groupName]){
-        formData.value[group.groupName] = {}
-      }
-    })
-  }, props.serviceName)
-}
-watch(()=>props.groupFormData, (val)=>{
-  formData.value = {...formData.value, ...props.groupFormData}
-})
-onBeforeMount(()=>{
-  initComponents()
-})
-const xFormListRef = ref([])
-const submit = async () => {
-  for (const res of xFormListRef.value) {
-    await res.validate()
-    formData.value[res.formGroupName] = res.form
-  }
-  emit('submit', formData)
-}
-</script>
-
-<template>
-  <div id="x-form-group">
-    <VanTabs v-model:active="active" scrollspy sticky>
-      <VanTab v-for="(item, index) in groupItems" :title="item.describe" :key="item.groupName+index" >
-        <div class="x-form-group-item">
-          <XForm :group-form-items="item" :form-data="formData[item.groupName]" ref="xFormListRef" :form-name="item.groupName" :service-name="props.serviceName"/>
-        </div>
-      </VanTab>
-    </VanTabs>
-    <VanButton round block type="primary" @click="submit" v-if="showSubmit">
-      提交
-    </VanButton>
-  </div>
-</template>
-<style scoped lang="less">
-#x-form-group{
-  background-color: rgb(247,248,250);
-  padding-bottom: 10px;
-  .x-form-group-item{
-    margin:20px 0;
-  }
-}
-</style>
+<script setup lang="ts">
+import {
+  Button as VanButton,
+  Tab as VanTab,
+  Tabs as VanTabs,
+} from 'vant'
+import { defineEmits, defineProps, onBeforeMount, ref, watch } from 'vue'
+import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
+import { getConfigByName } from '@af-mobile-client-vue3/services/api/common'
+
+const props = withDefaults(defineProps<{
+  configName?: string
+  serviceName?: string
+  groupFormData?: object
+  mode?: string
+}>(), {
+  configName: '',
+  serviceName: undefined,
+  groupFormData: () => ({}),
+  mode: '查询',
+})
+const emit = defineEmits(['submit'])
+const groupItems = ref([])
+const formData = ref({})
+const submitGroup = ref(false)
+const submitSimple = ref(false)
+function initComponents() {
+  getConfigByName(props.configName, (result) => {
+    formData.value = props.groupFormData
+    if (result.groups) {
+      submitGroup.value = true
+      groupItems.value = result.groups
+      result.groups.forEach((group) => {
+        if (!formData.value[group.groupName])
+          formData.value[group.groupName] = {}
+      })
+    }
+    else {
+      submitSimple.value = result.showSubmitBtn
+      groupItems.value = [{ ...result }]
+    }
+  }, props.serviceName)
+}
+watch(() => props.groupFormData, (_val) => {
+  formData.value = { ...formData.value, ...props.groupFormData }
+})
+onBeforeMount(() => {
+  initComponents()
+})
+const xFormListRef = ref([])
+async function submit() {
+  for (const res of xFormListRef.value) {
+    await res.validate()
+    formData.value[res.formGroupName] = res.form
+  }
+  emit('submit', formData)
+}
+</script>
+
+<template>
+  <div id="x-form-group">
+    <VanTabs scrollspy sticky>
+      <VanTab
+        v-for="(item, index) in groupItems"
+        :key="item.groupName ? (item.groupName + index) : index"
+        :title="item.describe ? item.describe : null "
+      >
+        <div class="x-form-group-item">
+          <XForm
+            ref="xFormListRef"
+            :mode="props.mode"
+            :group-form-items="item"
+            :form-data="item.groupName ? formData[item.groupName] : formData"
+            :form-name="item.groupName"
+            :service-name="props.serviceName"
+            :submit-button="submitSimple"
+            @on-submit="submit"
+          />
+        </div>
+      </VanTab>
+    </VanTabs>
+    <VanButton v-if="submitGroup" round block type="primary" @click="submit">
+      提交
+    </VanButton>
+  </div>
+</template>
+
+<style scoped lang="less">
+#x-form-group{
+  background-color: rgb(247,248,250);
+  padding-bottom: 10px;
+  .x-form-group-item{
+    margin:20px 0;
+  }
+}
+</style>