Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
FLIPPED-AURORA
gin-vue-admin
提交
5c3744d6
G
gin-vue-admin
项目概览
FLIPPED-AURORA
/
gin-vue-admin
11 个月 前同步成功
通知
325
Star
18154
Fork
5505
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gin-vue-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
5c3744d6
编写于
10月 25, 2019
作者:
K
klausY
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
form 示例
上级
fd391198
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
101 addition
and
2 deletion
+101
-2
QMPlusServer/.idea/vcs.xml
QMPlusServer/.idea/vcs.xml
+6
-0
QMPlusVuePage/src/view/example/form/form.vue
QMPlusVuePage/src/view/example/form/form.vue
+95
-2
未找到文件。
QMPlusServer/.idea/vcs.xml
0 → 100644
浏览文件 @
5c3744d6
<?xml version="1.0" encoding="UTF-8"?>
<project
version=
"4"
>
<component
name=
"VcsDirectoryMappings"
>
<mapping
directory=
"$PROJECT_DIR$/.."
vcs=
"Git"
/>
</component>
</project>
\ No newline at end of file
QMPlusVuePage/src/view/example/form/form.vue
浏览文件 @
5c3744d6
<
template
>
<div>
多种表单示例
<el-form
ref=
"form"
:model=
"form"
label-width=
"80px"
>
<el-form-item
label=
"活动名称"
>
<el-input
v-model=
"form.name"
></el-input>
</el-form-item>
<el-form-item>
<el-select
label=
"活动区域"
v-model=
"form.region"
placeholder=
"请选择活动区域"
>
<el-option
label=
"上海"
value=
"shanghai"
></el-option>
<el-option
label=
"北京"
value=
"beijing"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"活动时间"
>
<el-col
:span=
"11"
>
<el-date-picker
type=
"date"
placeholder=
"选择日期"
v-model=
"form.date1"
style=
"width: 100%;"
></el-date-picker>
</el-col>
<el-col
class=
"line"
style=
"text-align: center"
:span=
"2"
>
——
</el-col>
<el-col
:span=
"11"
>
<el-time-picker
placeholder=
"选择时间"
v-model=
"form.date2"
style=
"width: 100%;"
></el-time-picker>
</el-col>
</el-form-item>
<el-form-item
label=
"即时配送"
>
<el-switch
v-model=
"form.delivery"
></el-switch>
</el-form-item>
<el-form-item
label=
"活动性质"
>
<el-checkbox-group
v-model=
"form.type"
>
<el-checkbox
label=
"美食/餐厅线上活动"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"地推活动"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"线下主题活动"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"单纯品牌曝光"
name=
"type"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item
label=
"特殊资源"
>
<el-radio-group
v-model=
"form.resource"
>
<el-radio
label=
"线上品牌商赞助"
></el-radio>
<el-radio
label=
"线下场地免费"
></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label=
"活动形式"
>
<el-input
type=
"textarea"
v-model=
"form.desc"
></el-input>
</el-form-item>
<el-form-item
label=
"穿梭框"
>
<el-transfer
filterable
:filter-method=
"filterMethod"
filter-placeholder=
"请输入城市拼音"
v-model=
"value"
:data=
"data"
>
</el-transfer>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
立即创建
</el-button>
<el-button>
取消
</el-button>
</el-form-item>
</el-form>
</div>
</
template
>
<
script
>
export
default
{
name
:
'
Form
'
data
()
{
const
generateData
=
_
=>
{
const
data
=
[];
const
cities
=
[
'
上海
'
,
'
北京
'
,
'
广州
'
,
'
深圳
'
,
'
南京
'
,
'
西安
'
,
'
成都
'
];
const
pinyin
=
[
'
shanghai
'
,
'
beijing
'
,
'
guangzhou
'
,
'
shenzhen
'
,
'
nanjing
'
,
'
xian
'
,
'
chengdu
'
];
cities
.
forEach
((
city
,
index
)
=>
{
data
.
push
({
label
:
city
,
key
:
index
,
pinyin
:
pinyin
[
index
]
});
});
return
data
;
};
return
{
form
:
{
name
:
''
,
region
:
''
,
date1
:
''
,
date2
:
''
,
delivery
:
false
,
type
:
[],
resource
:
''
,
desc
:
''
},
data
:
generateData
(),
value
:
[],
filterMethod
(
query
,
item
)
{
return
item
.
pinyin
.
indexOf
(
query
)
>
-
1
;
},
methods
:
{
onSubmit
()
{
this
.
$message
({
message
:
'
创建成功
'
,
type
:
'
success
'
});
}
}
}
}
}
</
script
>
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录