e199d83c79
Former-commit-id: cb061e9cb3f1d290e3a776a8b88d834226d668be [formerly cb061e9cb3f1d290e3a776a8b88d834226d668be [formerly cb061e9cb3f1d290e3a776a8b88d834226d668be [formerly cb061e9cb3f1d290e3a776a8b88d834226d668be [formerly fcef20ff04bd08ab432bc47ac75fb4e6483c2851 [formerly fa46aa095a6a2e8317207d6ab9862cc7f4b56339]]]]] Former-commit-id: 12745f3af51dabcf235c449e6f8b47ea0658b4c2 Former-commit-id: 020118a1c207454660f1e83e35dd834ac9493b74 Former-commit-id: d205e48a791b6afe1222c08943206ee238e92de8 [formerly dc747e67590f1042a5ac7b01ee86d4a9509cd920] Former-commit-id: 867a148b7da027dc469ef8e1964f593e6abfe86b Former-commit-id: d348819675978bf97305d79863fd72de108adad3 Former-commit-id: 8c8bcd05152b184547b8903de19a63ef262ed12c Former-commit-id: 375bf4f1cbce6b86e82e86bedf7951d0d800f97f Former-commit-id: 4b70e86cd638b19ed13371c86fa4b7be17528ae7
100 lines
2.2 KiB
Vue
100 lines
2.2 KiB
Vue
<template>
|
|
<el-form
|
|
:inline="true"
|
|
:model="form"
|
|
:rules="rules"
|
|
ref="form"
|
|
size="mini"
|
|
style="margin-bottom: -18px;">
|
|
|
|
<el-form-item label="状态" prop="type">
|
|
<el-select
|
|
v-model="form.type"
|
|
placeholder="状态选择"
|
|
style="width: 100px;">
|
|
<el-option label="状态 1" value="1"/>
|
|
<el-option label="状态 2" value="2"/>
|
|
<el-option label="状态 3" value="3"/>
|
|
<el-option label="状态 4" value="4"/>
|
|
<el-option label="状态 5" value="5"/>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="用户" prop="user">
|
|
<el-input
|
|
v-model="form.user"
|
|
placeholder="用户"
|
|
style="width: 100px;"/>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="卡密" prop="key">
|
|
<el-input
|
|
v-model="form.key"
|
|
placeholder="卡密"
|
|
style="width: 120px;"/>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="备注" prop="note">
|
|
<el-input
|
|
v-model="form.note"
|
|
placeholder="备注"
|
|
style="width: 120px;"/>
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
<el-button
|
|
type="primary"
|
|
@click="handleFormSubmit">
|
|
<d2-icon name="search"/>
|
|
查询
|
|
</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
<el-button
|
|
@click="handleFormReset">
|
|
<d2-icon name="refresh"/>
|
|
重置
|
|
</el-button>
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
form: {
|
|
type: '1',
|
|
user: 'FairyEver',
|
|
key: '',
|
|
note: ''
|
|
},
|
|
rules: {
|
|
type: [ { required: true, message: '请选择一个状态', trigger: 'change' } ],
|
|
user: [ { required: true, message: '请输入用户', trigger: 'change' } ]
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
handleFormSubmit () {
|
|
this.$refs.form.validate((valid) => {
|
|
if (valid) {
|
|
this.$emit('submit', this.form)
|
|
} else {
|
|
this.$notify.error({
|
|
title: '错误',
|
|
message: '表单校验失败'
|
|
})
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
handleFormReset () {
|
|
this.$refs.form.resetFields()
|
|
}
|
|
}
|
|
}
|
|
</script>
|