flame-plus 0.1.8 → 0.1.9

package/packages/components/base/flmTimePicker/flmTimePicker.vue

@@ -0,0 +1,37 @@
+<script lang="tsx">
+import { defineComponent, PropType, computed, reactive } from 'vue'
+import { TimePickerConfig, TimePickerDefaultEvent, timePickerDefaultConfig } from '@/model/flmComponentConfig'
+import { filterConfig } from '@/utils'
+
+export default defineComponent({
+  emits: ['change', 'blur', 'focus', 'visible-change' ],
+  props: {
+    // 默认设置
+    config: {
+      type: Object as PropType<TimePickerConfig>,
+      default: {}
+    },
+  },
+  setup(props, ctx) {
+    // 时间选择器设置
+    const timePickerConfig = computed((): TimePickerConfig => {
+      return filterConfig(timePickerDefaultConfig, props.config)
+    })
+
+    //  时间选择器事件
+    const timePickerDefaultEvent: TimePickerDefaultEvent = reactive({
+      'onUpdate:modelValue': (value: TimePickerConfig['model-value']) => ctx.emit('change', value),  // v-model 不用改不了值
+      onBlur: (event: any) => ctx.emit('blur', event),
+      onFocus: (event: any) => ctx.emit('focus', event),
+      onVisibleChange: (event: boolean) => ctx.emit('visible-change', event),
+    })
+
+    return () => (
+      <el-time-picker
+        {...timePickerConfig.value}
+        {...timePickerDefaultEvent}
+      />
+    )
+  },
+})
+</script>

package/packages/components/base/flmTimeSelect/flmTimeSelect.vue

@@ -0,0 +1,36 @@
+<script lang="tsx">
+import { defineComponent, PropType, computed, reactive } from 'vue'
+import { TimeSelectConfig, timeSelectDefaultConfig } from '@/model/flmComponentConfig'
+import { filterConfig } from '@/utils'
+
+export default defineComponent({
+  emits: ['change', 'blur', 'focus'],
+  props: {
+    // 默认设置
+    config: {
+      type: Object as PropType<TimeSelectConfig>,
+      default: {}
+    },
+  },
+  setup(props, ctx) {
+    // 时间选择设置
+    const timeSelectConfig = computed((): TimeSelectConfig => {
+      return filterConfig(timeSelectDefaultConfig, props.config)
+    })
+
+    // 时间选择默认事件
+    const timeSelectDefaultEvent: any = reactive({
+      onChange: (value: TimeSelectConfig['model-value']) => ctx.emit('change', value),
+      onBlur: () => ctx.emit('blur'),
+      onFocus: () => ctx.emit('focus'),
+    })
+
+    return () => (
+      <el-timeSelect
+        {...timeSelectConfig.value}
+        {...timeSelectDefaultEvent}
+      />
+    )
+  },
+})
+</script>

package/packages/components/base/flmTransfer/flmTransfer.vue

@@ -0,0 +1,42 @@
+<script lang="tsx">
+import { defineComponent, PropType, computed, reactive } from 'vue'
+import { TransferConfig, TransferDefaultEvent, transferDefaultConfig } from '@/model/flmComponentConfig'
+import { filterConfig } from '@/utils'
+
+export default defineComponent({
+  emits: ['change', 'left-check-change', 'right-check-change'],
+  props: {
+    // 默认设置
+    config: {
+      type: Object as PropType<TransferConfig>,
+      default: {}
+    },
+  },
+  setup(props, ctx) {
+    // 穿梭框设置
+    const transferConfig = computed((): TransferConfig => {
+      return filterConfig(transferDefaultConfig, props.config)
+    })
+
+    // 穿梭框默认事件
+    const transferDefaultEvent: TransferDefaultEvent = reactive({
+      onChange: (value: TransferConfig['model-value']) => ctx.emit('change', value),
+      onLeftCheckChange: (value: TransferConfig['model-value']) => ctx.emit('left-check-change', value),
+      onRightCheckChange: (value: TransferConfig['model-value']) => ctx.emit('right-check-change', value),
+    })
+
+    return () => (
+      <el-transfer
+        {...transferConfig.value}
+        {...transferDefaultEvent}
+      >
+        {{
+          'default': ({ option }: any) => ctx.slots['default']?.({ option }),
+          'left-footer': () => ctx.slots['left-footer']?.(),
+          'right-footer': () => ctx.slots['right-footer']?.(),
+        }}
+      </el-transfer>
+    )
+  },
+})
+</script>

package/packages/components/complex/flmForm/flmForm.vue

@@ -0,0 +1,223 @@
+<script lang="tsx">
+import {
+  defineComponent,
+  getCurrentInstance,
+  PropType,
+  reactive,
+  computed,
+  watch,
+  h,
+  resolveComponent,
+  onMounted
+} from 'vue'
+import {
+  flmButton,
+  flmCascader,
+  flmCheckbox,
+  flmColorPicker,
+  flmDatePicker,
+  flmInput,
+  flmInputNumber,
+  flmRadio,
+  flmRate,
+  flmRead,
+  flmSelect,
+  flmSlider,
+  flmSwitch,
+  flmTimePicker,
+  flmTimeSelect,
+  flmTransfer,
+} from '@/components'
+import {
+  ControlTypes,
+  ControlConfig,
+  isInputControl,
+  FormModel,
+  FormConfig,
+  FormItemConfig,
+  FormButtonConfig,
+  formDefaultConfig
+} from '@/model/flmComponentConfig'
+import { filterConfig, isValidKey } from '@/utils'
+
+export default defineComponent({
+  components: {
+    flmButton,
+    flmCascader,
+    flmCheckbox,
+    flmColorPicker,
+    flmDatePicker,
+    flmInput,
+    flmInputNumber,
+    flmRadio,
+    flmRate,
+    flmRead,
+    flmSelect,
+    flmSlider,
+    flmSwitch,
+    flmTimePicker,
+    flmTimeSelect,
+    flmTransfer,
+  },
+  emits: ['submit', 'cancel', 'customEvent'],
+  props: {
+    // 默认设置
+    config: {
+      type: Object as PropType<FormConfig>,
+      default: {}
+    },
+  },
+  setup(props, { slots, emit, expose }) {
+    const instance = getCurrentInstance()    // 实例，必须在最外层声明
+    let formModel: FormModel = reactive({})  // 表单数据
+
+    // 监听表单配置的 model，变化后更新组件内部 formModel
+    watch(() => props.config.model, (newModel: FormModel) => upadateFormModel(newModel))
+
+    // 监听组件内部 formModel，变化后更新控件 value
+    watch(formModel, (newModel: FormModel) => updateControl(newModel))
+
+    onMounted(() => {
+      if (props.config?.model && Object.keys(props.config?.model).length) {
+        updateControl(props.config.model)
+        upadateFormModel(props.config.model)
+      }
+    })
+
+    /**
+     * 更新控件值
+     * @date 2022-05-09
+     * @param {FormModel} model
+     */
+    const updateControl = (model: FormModel) => {
+      props.config.items?.forEach((formItem: FormItemConfig) => {
+        if (!isValidKey('isSlot', formItem) && typeof(formItem.prop) === 'string') {
+          const { controlConfig } = formItem
+          controlConfig && (
+            isInputControl(controlConfig)
+              ? controlConfig['modelValue'] = model[formItem.prop]
+              : controlConfig['model-value'] = model[formItem.prop]
+          )
+        }
+      })
+    }
+
+    /**
+     * 更新表单值
+     * @date 2022-05-09
+     * @param {FormModel} model
+     */
+    const upadateFormModel = (model: FormModel) => {
+      Object.entries(model).forEach(([key, value]: Array<any>) => formModel[key] = value)
+    }
+
+    /**
+     * 表单修改
+     * @date 2022-04-14
+     * @param {any} value 修改值
+     * @param {string} prop 修改键名
+     */
+    const formChange = (value: any, prop: string) => formModel[prop] = value
+
+    /**
+     * 表单方法调用
+     * @date 2022-04-14
+     * @param {'submit' | 'cancel' | string} event 方法名（默认方法直接调用；自定义方法回传方法名及表单数据）
+     */
+    const formEvent = (event: FormButtonConfig['event']) => {
+      const defaultEvent: Record<FormButtonConfig['event'], Function> = { submit, cancel }
+      isValidKey(event, defaultEvent)
+        ? defaultEvent[event]()
+        : emit('customEvent', { event, formModel })
+    }
+
+    // 提交
+    const submit = () => {
+      const formRef: any = instance?.refs['formRef']
+      if (!formRef) return
+      formRef.validate((valid: boolean) => {
+        valid && emit('submit', formModel)
+      })
+    }
+
+    // 取消
+    const cancel = () => {
+      reset()
+      emit('cancel', formModel)
+    }
+
+    // 重置
+    const reset = () => {
+      const formRef: any = instance?.refs['formRef']
+      if (!formRef) return
+      formRef.resetFields()
+    }
+
+    /**
+     * 表单元素
+     * @date 2022-04-14
+     * @param {Array} items 表单项配置
+     * @returns {any} 表单项dom
+     */
+    const formItemsDom = (items: FormConfig['items'] = []) => {
+      const controlDom = (prop: string, controlType: ControlTypes, controlConfig: ControlConfig) => {
+        const config: FormModel = { ...controlConfig }
+        const event = controlType === ControlTypes['flmInput'] ? 'onInput' : 'onChange'
+        config[event] = (value: any) => formChange(value, prop)
+        return h(resolveComponent(controlType), { config })
+      }
+      return items.map((item: FormItemConfig) => {
+        if (typeof(item.prop) === 'string') {
+          if (isValidKey('isSlot', item)) {
+            const { isSlot, ...itemConfig } = item
+            return (
+              <el-form-item {...itemConfig}>
+                {(slots[item.prop]?.({ prop: item.prop, formModel }))}
+              </el-form-item>
+            )
+          } else {
+            const { controlType, controlConfig, ...itemConfig } = item
+            if (controlType && controlConfig) {
+              return (
+                <el-form-item {...itemConfig}>
+                  {controlDom(item.prop, controlType, controlConfig)}
+                </el-form-item>
+              )
+            }
+          }
+        }
+      })
+    }
+
+    /**
+     * 表单按钮
+     * @date 2022-04-14
+     * @param {Array} buttons 表单按钮配置
+     * @returns {any} 表单按钮dom
+     */
+    const buttonsDom = (buttons: FormConfig['buttons'] = []) => {
+      if (buttons.length) {
+        return (
+          <el-form-item>
+            {buttons.map(({ event, ...config }: FormButtonConfig) =>
+              <flm-button config={config} onButtonClick={() => formEvent(event)} />
+            )}
+          </el-form-item>
+        )
+      }
+    }
+
+    expose({ formModel, reset })
+
+    // 表单设置
+    const formConfig = computed((): FormConfig => filterConfig(formDefaultConfig, props.config))
+    const { items = [], buttons = [], model, ...defaultConfig } = formConfig.value
+    return () => (
+      <el-form ref='formRef' {...defaultConfig} model={formModel}>
+        {formItemsDom(items)}
+        {buttonsDom(buttons)}
+      </el-form>
+    )
+  },
+})
+</script>

package/packages/components/complex/flmSearch/flmSearch.vue

@@ -0,0 +1,148 @@
+<template>
+  <div>
+    <flmForm
+      class="search-default"
+      ref="searchDefaultRef"
+      :config="defaultConfig"
+      @submit="searchSubmit"
+      @cancel="searchCancel"
+      @customEvent="searchCustomEvent"
+    >
+      <template v-for="defaultSlot in defaultSlots" #[defaultSlot]="{ prop, formModel }">
+        <slot :name="defaultSlot" :prop="prop" :formModel="formModel"></slot>
+      </template>
+    </flmForm>
+    <el-drawer
+      v-if="hasExtra"
+      v-model="showExtra"
+      title="搜索"
+      :before-close="closeDrawer"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :show-close="false"
+      direction="ltr"
+    >
+      <flmForm
+        ref="searchExtraRef"
+        :config="extraConfig"
+        @submit="drawerSubmit"
+        @cancel="closeDrawer"
+      >
+        <template v-for="extraSlot in extraSlots" #[extraSlot]="{ prop, formModel }">
+          <slot :name="extraSlot" :prop="prop" :formModel="formModel"></slot>
+        </template>
+      </flmForm>
+    </el-drawer>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, PropType, ref, Ref, computed, ComputedRef } from 'vue'
+import { ElMessage } from 'element-plus'
+import { flmForm } from '@/components'
+import {
+  ElementSize,
+  ControlTypes,
+  FormConfig,
+} from '@/model/flmComponentConfig'
+import { isValidKey } from '@/utils'
+import { nextTick } from 'process'
+
+const emit = defineEmits(['searchSubmit', 'searchCancel', 'searchCustomEvent'])
+const props = defineProps({
+  config: {
+    type: Object as PropType<FormConfig>,
+    default() {
+      return {}
+    }
+  }
+})
+
+const searchDefaultRef: Ref<any> = ref()       // 默认搜索栏实例
+const searchExtraRef: Ref<any> = ref()         // 额外搜索栏实例
+
+let showExtra: Ref<boolean> = ref(false)       // 显示额外搜索条件
+let hasExtra: Ref<boolean> = ref(false)        // 有额外搜索条件
+let extraFormModel: Ref<FormConfig> = ref({})  // 额外搜索条件
+
+const maxFormItem = 3  // 默认搜索栏最大条件数
+
+// 默认搜索栏设置
+const defaultConfig: ComputedRef<FormConfig> = computed(() => {
+  const { items = [], buttons, ...config } = props.config
+  hasExtra.value = items.length > maxFormItem
+  hasExtra.value && buttons?.unshift({ 'text': '更多', 'event': 'openDrawer' })  // 搜索条件大于最大数量，插入更多按钮
+  return {
+    ...config,
+    inline: true,
+    items: items.slice(0, maxFormItem),
+    buttons
+  }
+})
+// 额外搜索栏设置
+const extraConfig: ComputedRef<FormConfig> = computed(() => {
+  const { items, buttons, ...config } = props.config
+  return {
+    ...config,
+    inline: false,
+    items: items?.slice(maxFormItem),
+    // 插入额外搜索栏按钮
+    buttons: [
+      {
+        'text': '取消',
+        'event': 'cancel'
+      },
+      {
+        'type': 'primary',
+        'text': '搜索',
+        'event': 'submit'
+      }
+    ]
+  }
+})
+
+// 获取表格插槽
+const getFormSlots = (items: FormConfig['items'] = []): Array<string> => {
+  return items
+    .map(({ prop, isSlot }: FormItemConfig) => isSlot && prop)
+    .filter(item => item)
+}
+// 默认搜索栏插槽
+const defaultSlots = computed((): Array<string> => getFormSlots(props.config.items.slice(0, maxFormItem)))
+// 额外搜索栏插槽
+const extraSlots = computed((): Array<string> => getFormSlots(props.config.items.slice(maxFormItem)))
+
+// 搜索栏提交
+const searchSubmit = (formModel: FormConfig['model']) => {
+  emit('searchSubmit', { ...formModel, ...extraFormModel.value })
+}
+
+// 搜索栏取消
+const searchCancel = () => {
+  searchExtraRef.value?.reset()
+  const extraFormMoadel = searchExtraRef.value?.formModel ?? {}
+  emit('searchCancel', { ...extraFormMoadel, ...searchDefaultRef.value.formModel })
+}
+
+// 搜索栏自定义操作
+const searchCustomEvent = ({ event, formModel }: { event: string, formModel: FormConfig['model']}) => {
+  const customEvent: Record<string, Function> = { openDrawer }
+  if (isValidKey(event, customEvent)) {
+    customEvent[event](formModel)
+  } else {
+    emit('searchCustomEvent', event)
+  }
+}
+
+const openDrawer = () => showExtra.value = true    // 打开额外搜索栏弹窗
+const closeDrawer = () => showExtra.value = false  // 关闭额外搜索栏弹窗
+
+// 额外搜索栏提交
+const drawerSubmit = (formModel: FormConfig['model']) => {
+  formModel && (extraFormModel.value = formModel)
+  emit('searchSubmit', { ...searchDefaultRef.value.formModel, ...formModel })
+  closeDrawer()
+}
+</script>
+
+<style lang="scss"></style>

package/packages/components/complex/flmTable/flmTable.vue

@@ -0,0 +1,90 @@
+<script lang="tsx">
+import { defineComponent, PropType, computed } from 'vue'
+import {
+  TableConfig,
+  TableColumnConfig,
+  tableDefaultConfig,
+  tableColumnDefaultConfig
+} from '@/model/flmComponentConfig'
+import { filterConfig } from '@/utils'
+
+export default defineComponent({
+  emits: [
+    'select',
+    'select-all',
+    'selection-change',
+    'cell-mouse-enter',
+    'cell-mouse-leave',
+    'cell-click',
+    'cell-dblclick',
+    'cell-contextmenu',
+    'row-click',
+    'row-contextmenu',
+    'row-dblclick',
+    'header-click',
+    'header-contextmenu',
+    'sort-change',
+    'filter-change',
+    'current-change',
+    'header-dragend',
+    'expand-change',
+  ],
+  props: {
+    // 默认设置
+    config: {
+      type: Object as PropType<TableConfig>,
+      default: {}
+    },
+  },
+  setup(props, { slots, emit }) {
+    /**
+     * 表格元素
+     * @date 2022-04-14
+     * @param {Array} tableColumns 表格列配置
+     * @returns {any} 表格列dom
+     */
+    const tableColumnDom = (childColumns: TableConfig['columns'] = []) => {
+      return childColumns.map(({ isSlot, columns = [], ...childColumnConfig }: TableColumnConfig) => {
+        let childDom: any
+        if (columns.length) {
+          childDom = tableColumnDom(columns)
+        } else if (isSlot) {
+          childDom = { default: ({ $index: index, row, column }: any) => childColumnConfig.prop && slots[childColumnConfig.prop]?.({ index, row, column }) }
+        }
+        return (
+          <el-table-column {...filterConfig(tableColumnDefaultConfig, childColumnConfig)}>
+            {childDom}
+          </el-table-column>
+        )
+      })
+    }
+
+    // 表单设置
+    const tableConfig = computed((): TableConfig => filterConfig(tableDefaultConfig, props.config))
+    const { columns = [], ...defaultConfig } = tableConfig.value
+    return () => (
+      <el-table
+        {...defaultConfig}
+        onSelect={(selection: any, row: any) => emit('select', { selection, row })}
+        onSelectAll={(selection: any) => emit('select-all', selection)}
+        onSelectionChange={(row: any, column: any, cell: any, event: any) => emit('selection-change', { row, column, cell, event })}
+        onCellMouseEnter={(row: any, column: any, cell: any, event: any) => emit('cell-mouse-enter', { row, column, cell, event })}
+        onCellMouseLeave={(row: any, column: any, cell: any, event: any) => emit('cell-mouse-leave', { row, column, cell, event })}
+        onCellClick={(row: any, column: any, cell: any, event: any) => emit('cell-click', { row, column, cell, event })}
+        onCellDblclick={(row: any, column: any, cell: any, event: any) => emit('cell-dblclick', { row, column, cell, event })}
+        onCellContextmenu={(row: any, column: any, cell: any, event: any) => emit('cell-contextmenu', { row, column, cell, event })}
+        onRowClick={(row: any, column: any, event: any) => emit('row-click', { row, column, event })}
+        onRowContextmenu={(row: any, column: any, event: any) => emit('row-contextmenu', { row, column, event })}
+        onRowDblclick={(row: any, column: any, event: any) => emit('row-dblclick', { row, column, event })}
+        onHeaderClick={(column: any, event: any) => emit('header-click', { column, event })}
+        onHeaderContextmenu={(column: any, event: any) => emit('header-contextmenu', { column, event })}
+        onSortChange={({ column, prop, order }: any) => emit('sort-change', { column, prop, order })}
+        onFilterChange={(filters: any) => emit('filter-change', filters)}
+        onCurrentChange={(currentRow: any, oldCurrentRow: any) => emit('current-change', { currentRow, oldCurrentRow })}
+        onHeaderDragend={(newWidth: any, oldWidth: any, column: any, event: any) => emit('header-dragend', { newWidth, oldWidth, column, event })}
+        onExpandChange={(row: any, expanded: any) => emit('expand-change', { row, expanded })}
+      >{tableColumnDom(columns)}</el-table>
+    )
+  },
+})
+</script>

package/packages/components/complex/flmToolbar/flmToolbar.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="flm-toolbar">
+    <flm-button
+      v-for="buttonConfig in buttonGroup"
+      :config="{ ...config.publicConfig, ...buttonConfig }"
+      :key="buttonConfig.event"
+      @click="toolbarClick(buttonConfig.event)"
+    />
+    <el-dropdown
+      v-if="props.config.buttons.length > maxButton"
+      style="margin-left: 12px;"
+      trigger="click"
+      @command="toolbarClick"
+    >
+      <flm-button :config="{ ...config.publicConfig, text: '更多' }" />
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item
+            v-for="buttonConfig in dropdown"
+            :config="buttonConfig"
+            :key="buttonConfig.event"
+            :command="buttonConfig.event"
+          >{{ buttonConfig.text }}</el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { defineEmits, defineProps, PropType, computed, ComputedRef } from 'vue'
+import { flmButton } from '@/components'
+import { ToolbarConfig, ToolbarButtonConfig } from '@/model/flmComponentConfig'
+
+const emit = defineEmits(['toolbarClick'])
+const props = defineProps({
+  config: {
+    type: Object as PropType<ToolbarConfig>,
+    default(): ToolbarConfig {
+      return {
+        publicConfig: {},
+        maxButton: 3,
+        buttons: []
+      }
+    }
+  }
+})
+
+const maxButton = props.config.maxButton
+const buttonGroup: ComputedRef<Array<ToolbarButtonConfig>> = computed(() => props.config.buttons.slice(0, maxButton))
+const dropdown: ComputedRef<Array<ToolbarButtonConfig>> = computed(() => props.config.buttons.slice(maxButton))
+
+// 工具栏
+const toolbarClick = (event: string) => emit('toolbarClick', event)
+</script>

package/packages/components/index.ts

@@ -0,0 +1,29 @@
+// 基础组件
+export { default as flmButton } from './base/flmButton/flmButton.vue'  	               // 按钮
+export { default as flmCascader } from './base/flmCascader/flmCascader.vue'  	         // 级联选择器
+export { default as flmCheckbox } from './base/flmCheckbox/flmCheckbox.vue'  	         // 多选框
+export { default as flmCheckboxGroup } from './base/flmCheckbox/flmCheckboxGroup.vue'  // 多选框组
+export { default as flmColorPicker } from './base/flmColorPicker/flmColorPicker.vue'   // 取色器
+export { default as flmDatePicker } from './base/flmDatePicker/flmDatePicker.vue'      // 日期选择器
+export { default as flmDialog } from './base/flmDialog/flmDialog.vue'  	               // 弹窗
+export { default as flmInput } from './base/flmInput/flmInput.vue'  	                 // 输入框
+export { default as flmInputNumber } from './base/flmInputNumber/flmInputNumber.vue'   // 数字输入框
+export { default as flmPagination } from './base/flmPagination/flmPagination.vue'      // 分页器
+export { default as flmRadio } from './base/flmRadio/flmRadio.vue'                     // 单选框
+export { default as flmRate } from './base/flmRate/flmRate.vue'                        // 评分
+export { default as flmRead } from './base/flmRead/flmRead.vue'  	                     // 查看
+export { default as flmSelect } from './base/flmSelect/flmSelect.vue'  	               // 选择器
+export { default as flmSlider } from './base/flmSlider/flmSlider.vue'  	               // 滑块
+export { default as flmSwitch } from './base/flmSwitch/flmSwitch.vue'  	               // 开关
+export { default as flmTimePicker } from './base/flmTimePicker/flmTimePicker.vue'  	   // 时间选择器
+export { default as flmTimeSelect } from './base/flmTimeSelect/flmTimeSelect.vue'  	   // 时间选择
+export { default as flmTransfer } from './base/flmTransfer/flmTransfer.vue'  	         // 穿梭框
+
+// 复合组件
+export { default as flmForm } from './complex/flmForm/flmForm.vue'  	                 // 表单
+export { default as flmSearch } from './complex/flmSearch/flmSearch.vue'  	           // 搜索
+export { default as flmTable } from './complex/flmTable/flmTable.vue'  	               // 表格
+export { default as flmToolbar } from './complex/flmToolbar/flmToolbar.vue'            // 操作栏
+
+// 页面组件
+export { default as flmReportPage } from './page/flmReportPage/flmReportPage.vue'      // 报表页面