This commit is contained in:
2019-02-21 20:48:24 +00:00
parent 482de8f627
commit d3c14e968f
2 changed files with 82 additions and 78 deletions

View File

@@ -27,9 +27,9 @@
</v-btn>
</v-toolbar>
<v-content>
<v-container fluid fill-height>
<v-layout justify-center align-center>
<router-view></router-view>
<v-container fluid fill-height >
<v-layout justify-center >
<router-view ></router-view>
</v-layout>
</v-container>
</v-content>

View File

@@ -1,79 +1,83 @@
<template>
<form>
<v-layout align-center justify-left row wrap>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-text-field
v-model="obj.name"
v-validate="'required|max:10'"
:counter="10"
:error-messages="errors.collect('name')"
label="Name"
data-vv-name="name"
required
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-text-field
v-model="obj.serial"
v-validate="'required|max:10'"
:counter="10"
:error-messages="errors.collect('serial')"
label="Serial"
data-vv-name="serial"
required
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-text-field
v-model="obj.count"
v-validate="'required|max:10'"
:counter="10"
:error-messages="errors.collect('count')"
label="Count"
data-vv-name="count"
required
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-text-field
v-model="email"
v-validate="'required|email'"
:error-messages="errors.collect('email')"
label="E-mail"
data-vv-name="email"
required
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-select
v-model="select"
v-validate="'required'"
:items="items"
:error-messages="errors.collect('select')"
label="Select"
data-vv-name="select"
required
></v-select>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-checkbox
v-model="obj.active"
v-validate="'required'"
:error-messages="errors.collect('checkbox')"
value="1"
label="Option"
data-vv-name="checkbox"
required
></v-checkbox>
</v-flex>
</v-layout>
<v-layout>
<v-flex xs12 grow>
<v-btn @click="submit">submit</v-btn>
<v-btn @click="clear">clear</v-btn>
</v-flex>
</v-layout>
</form>
<v-layout>
<v-flex>
<form>
<v-layout align-center justify-left row wrap>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-text-field
v-model="obj.name"
v-validate="'required|max:10'"
:counter="10"
:error-messages="errors.collect('name')"
label="xxxName"
data-vv-name="name"
required
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-text-field
v-model="obj.serial"
v-validate="'required|max:10'"
:counter="10"
:error-messages="errors.collect('serial')"
label="Serial"
data-vv-name="serial"
required
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-text-field
v-model="obj.count"
v-validate="'required|max:10'"
:counter="10"
:error-messages="errors.collect('count')"
label="Count"
data-vv-name="count"
required
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-text-field
v-model="email"
v-validate="'required|email'"
:error-messages="errors.collect('email')"
label="E-mail"
data-vv-name="email"
required
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-select
v-model="select"
v-validate="'required'"
:items="items"
:error-messages="errors.collect('select')"
label="Select"
data-vv-name="select"
required
></v-select>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 grow>
<v-checkbox
v-model="obj.active"
v-validate="'required'"
:error-messages="errors.collect('checkbox')"
value="1"
label="Option"
data-vv-name="checkbox"
required
></v-checkbox>
</v-flex>
</v-layout>
<v-layout>
<v-flex xs12 grow>
<v-btn @click="submit">submit</v-btn>
<v-btn @click="clear">clear</v-btn>
</v-flex>
</v-layout>
</form>
</v-flex>
</v-layout>
</template>
<script>