caoliancun/vue-antd-admin-skeleton
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加文章列表、应用列表、项目列表

Browse Source
This commit is contained in:
iczer
2018-08-05 23:54:39 +08:00
parent 0b80b9268e
commit 7befb78ba5
6 changed files with 328 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/components/list/Search/SearchForm.vue
View File

@@ -1,26 +1,68 @@
<template>
<a-card :bordered="false" class="search-form">
<a-form>
<a-form-item
label="所属类目"
>
<tag-select>
<tag-select-option>类目一</tag-select-option>
<tag-select-option>类目二</tag-select-option>
<tag-select-option>类目三</tag-select-option>
<tag-select-option>类目四</tag-select-option>
<tag-select-option>类目五</tag-select-option>
<tag-select-option>类目六</tag-select-option>
<tag-select-option>类目七</tag-select-option>
<tag-select-option>类目八</tag-select-option>
<tag-select-option>类目九</tag-select-option>
<tag-select-option>类目十</tag-select-option>
<tag-select-option>类目十一</tag-select-option>
<tag-select-option>类目十二</tag-select-option>
<tag-select-option>类目十三</tag-select-option>
<tag-select-option>类目十四</tag-select-option>
</tag-select>
</a-form-item>
<a-form :autoFormCreate="(form) => {this.form = form;this.form.getFieldDecorator('owner',{initialValue: ['1', '2']})}">
<form-row label="所属类目">
<a-form-item>
<tag-select>
<tag-select-option>类目一</tag-select-option>
<tag-select-option>类目二</tag-select-option>
<tag-select-option>类目三</tag-select-option>
<tag-select-option>类目四</tag-select-option>
<tag-select-option>类目五</tag-select-option>
<tag-select-option>类目六</tag-select-option>
<tag-select-option>类目七</tag-select-option>
<tag-select-option>类目八</tag-select-option>
<tag-select-option>类目九</tag-select-option>
<tag-select-option>类目十</tag-select-option>
<tag-select-option>类目十一</tag-select-option>
<tag-select-option>类目十二</tag-select-option>
<tag-select-option>类目十三</tag-select-option>
<tag-select-option>类目十四</tag-select-option>
<tag-select-option>类目十五</tag-select-option>
<tag-select-option>类目十六</tag-select-option>
</tag-select>
</a-form-item>
</form-row>
<form-row label="owner" style="padding-bottom: 11px">
<a-form-item
fieldDecoratorId="owner"
initialValue="['1', '2']"
>
<a-select mode="multiple" style="max-width: 286px">
<a-select-option value="3">我自己</a-select-option>
<a-select-option value="1">吴家豪</a-select-option>
<a-select-option value="2">周星星</a-select-option>
<a-select-option value="4">李宁</a-select-option>
</a-select>
</a-form-item>
<a @click="lookMyself">只看自己的</a>
</form-row>
<form-row label="其他选项">
<a-row>
<a-col :span="8">
<a-form-item
label="活跃用户"
:labelCol="{span: 6}"
:wrapperCol="{span: 12}"
>
<a-select placeholder="不限">
<a-select-option value="1">周星星</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item
label="好评度"
:labelCol="{span: 6}"
:wrapperCol="{span: 12}"
>
<a-select placeholder="不限">
<a-select-option value="1">优秀</a-select-option>
</a-select>
</a-form-item>
</a-col>
</a-row>
</form-row>
</a-form>
</a-card>
</template>
@@ -31,12 +73,24 @@ import AForm from 'vue-antd-ui/es/form/Form'
import AFormItem from 'vue-antd-ui/es/form/FormItem'
import AInput from 'vue-antd-ui/es/input/Input'
import TagSelect from '../../tool/TagSelect'
import FormRow from '../../form/FormRow'
import ASelect from 'vue-antd-ui/es/select/index'
import ARow from 'vue-antd-ui/es/grid/Row'
import ACol from 'vue-antd-ui/es/grid/Col'
const TagSelectOption = TagSelect.Option
const ASelectOption = ASelect.Option
export default {
name: 'SearchForm',
components: {TagSelectOption, TagSelect, AInput, AFormItem, AForm, ACard}
components: {ACol, ARow, ASelectOption, ASelect, FormRow, TagSelectOption, TagSelect, AInput, AFormItem, AForm, ACard},
methods: {
lookMyself () {
this.form.setFieldsValue({
owner: '3'
})
}
}
}
</script>