<template>
    <simple-form
        :items="formItems"
        ref="formRef"
        label-width="120px"
        :footer="true"
        @submit="handleSubmit"
    />
</template>

<script setup name="baseConfig">
    import { ref, shallowRef } from 'vue';
    import SimpleForm from '@/components/CommonPage/SimpleForm.vue';

    const formRef = ref(null);
    const formItems = shallowRef([
        {
            type: 'input',
            label: '店铺昵称',
            prop: 'accesskeyid'
        },
        {
            type: 'input',
            label: 'appkey',
            prop: 'appkey'
        },
        {
            type: 'input',
            label: 'appsecret',
            prop: 'appsecret'
        },
        {
            type: 'input',
            label: '默认仓库编号',
            prop: 'bucket'
        }
    ]);

    function handleSubmit(data) {
        console.log(data);
    }
</script>
