refactor: register ant-design-vue components in main.js #28
This commit is contained in:
@@ -16,16 +16,14 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ACard from 'ant-design-vue/es/card/Card'
|
||||
import RepositoryForm from './RepositoryForm'
|
||||
import TaskForm from './TaskForm'
|
||||
import TableForm from './TableForm'
|
||||
import FooterToolBar from '../../../components/tool/FooterToolBar'
|
||||
import AButton from 'ant-design-vue/es/button/button'
|
||||
|
||||
export default {
|
||||
name: 'AdvancedForm',
|
||||
components: {AButton, FooterToolBar, TableForm, TaskForm, RepositoryForm, ACard},
|
||||
components: {FooterToolBar, TableForm, TaskForm, RepositoryForm},
|
||||
data () {
|
||||
return {
|
||||
desc: '高级表单常见于一次性输入和提交大批量数据的场景。',
|
||||
|
||||
@@ -75,22 +75,9 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AForm from 'ant-design-vue/es/form/Form'
|
||||
import AFormItem from 'ant-design-vue/es/form/FormItem'
|
||||
import ACol from 'ant-design-vue/es/grid/Col'
|
||||
import ARow from 'ant-design-vue/es/grid/Row'
|
||||
import AInput from 'ant-design-vue/es/input/Input'
|
||||
import ASelect from 'ant-design-vue/es/select/index'
|
||||
import ADatePicker from 'ant-design-vue/es/date-picker'
|
||||
import AButton from 'ant-design-vue/es/button/button'
|
||||
|
||||
const ASelectOption = ASelect.Option
|
||||
const ARangePicker = ADatePicker.RangePicker
|
||||
|
||||
export default {
|
||||
name: 'RepositoryForm',
|
||||
props: ['showSubmit'],
|
||||
components: {AButton, ARangePicker, ASelectOption, ASelect, AInput, ARow, ACol, AFormItem, AForm},
|
||||
methods: {
|
||||
handleSubmit (e) {
|
||||
e.preventDefault()
|
||||
|
||||
@@ -45,13 +45,6 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ATable from 'ant-design-vue/es/table'
|
||||
import AButton from 'ant-design-vue/es/button/button'
|
||||
import AInput from 'ant-design-vue/es/input/Input'
|
||||
import ADivider from 'ant-design-vue/es/divider/index'
|
||||
import APopconfirm from 'ant-design-vue/es/popconfirm/index'
|
||||
import AFormItem from 'ant-design-vue/es/form/FormItem'
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: '成员姓名',
|
||||
@@ -107,7 +100,6 @@ const dataSource = [
|
||||
|
||||
export default {
|
||||
name: 'TableForm',
|
||||
components: {AFormItem, APopconfirm, ADivider, AInput, AButton, ATable},
|
||||
data () {
|
||||
return {
|
||||
columns,
|
||||
|
||||
@@ -74,21 +74,9 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AForm from 'ant-design-vue/es/form/Form'
|
||||
import AFormItem from 'ant-design-vue/es/form/FormItem'
|
||||
import ACol from 'ant-design-vue/es/grid/Col'
|
||||
import ARow from 'ant-design-vue/es/grid/Row'
|
||||
import AInput from 'ant-design-vue/es/input/Input'
|
||||
import ASelect from 'ant-design-vue/es/select/index'
|
||||
import AButton from 'ant-design-vue/es/button/button'
|
||||
import ATimePicker from 'ant-design-vue/es/time-picker/index'
|
||||
|
||||
const ASelectOption = ASelect.Option
|
||||
|
||||
export default {
|
||||
name: 'TaskForm',
|
||||
props: ['showSubmit'],
|
||||
components: {ATimePicker, AButton, ASelectOption, ASelect, AInput, ARow, ACol, AFormItem, AForm},
|
||||
methods: {
|
||||
handleSubmit (e) {
|
||||
e.preventDefault()
|
||||
|
||||
Reference in New Issue
Block a user