vue migration edit form changes

This commit is contained in:
2019-11-13 22:05:22 +00:00
parent 125fc90be8
commit 0f935acfe8
2 changed files with 176 additions and 174 deletions

View File

@@ -2,7 +2,7 @@
<div>
<v-row row wrap v-if="!readonly">
<v-col xs6>
<v-dialog v-model="dlgdate" persistent lazy full-width width="290px">
<v-dialog v-model="dlgdate" persistent width="290px">
<template v-slot:activator="{ on }">
<v-text-field
v-on="on"
@@ -22,7 +22,7 @@
</v-dialog>
</v-col>
<v-col xs6>
<v-dialog v-model="dlgtime" persistent lazy full-width width="290px">
<v-dialog v-model="dlgtime" persistent width="290px">
<template v-slot:activator="{ on }">
<v-text-field
v-on="on"

View File

@@ -1,22 +1,23 @@
<template>
<v-container>
<v-row v-if="this.formState.ready">
<v-col>
<v-form ref="form">
<v-row align-center justify-left row wrap>
<v-row>
<v-col cols="12" mt-1 mb-2>
<v-alert
ref="errorbox"
v-show="formState.errorBoxMessage"
color="error"
icon="fa-exclamation-circle "
value="true"
:value="true"
transition="scale-transition"
class="multi-line"
outlined
>{{ formState.errorBoxMessage }}</v-alert
>
</v-col>
<v-col cols="12" sm6 lg4 xl3 px-2>
<v-col cols="12" sm="6" lg="4" xl="3">
<v-text-field
v-model="obj.name"
:readonly="this.formState.readOnly"
@@ -33,7 +34,7 @@
@change="onChange('name')"
></v-text-field>
</v-col>
<v-col cols="12" sm6 lg4 xl3 px-2>
<v-col cols="12" sm="6" lg="4" xl="3">
<v-text-field
v-model="obj.serial"
:readonly="this.formState.readOnly"
@@ -47,7 +48,7 @@
@change="onChange('serial')"
></v-text-field>
</v-col>
<v-col cols="12" sm6 lg4 xl3 px-2>
<v-col cols="12" sm="6" lg="4" xl="3">
<v-text-field
v-model="obj.count"
:readonly="this.formState.readOnly"
@@ -67,7 +68,7 @@
></v-text-field>
</v-col>
<v-col cols="12" sm6 lg4 xl3 px-2>
<v-col cols="12" sm="6" lg="4" xl="3">
<v-text-field
v-model="obj.dollarAmount"
:readonly="this.formState.readOnly"
@@ -85,7 +86,7 @@
></v-text-field>
</v-col>
<v-col cols="12" sm6 lg4 xl3 px-2>
<v-col cols="12" sm="6" lg="4" xl="3">
<gz-date-time-picker
:label="lt('WidgetStartDate')"
v-model="obj.startDate"
@@ -96,7 +97,7 @@
></gz-date-time-picker>
</v-col>
<v-col cols="12" sm6 lg4 xl3 px-2>
<v-col cols="12" sm="6" lg="4" xl="3">
<gz-date-time-picker
:label="lt('WidgetEndDate')"
:rules="[form().datePrecedence(this, 'startDate', 'endDate')]"
@@ -107,7 +108,7 @@
@change="onChange('endDate')"
></gz-date-time-picker>
</v-col>
<v-col cols="12" sm6 lg4 xl3 px-2>
<v-col cols="12" sm="6" lg="4" xl="3">
<v-checkbox
v-model="obj.active"
:readonly="this.formState.readOnly"
@@ -118,7 +119,7 @@
@change="onChange('active')"
></v-checkbox>
</v-col>
<v-col cols="12" sm6 lg4 xl3 px-2>
<v-col cols="12" sm="6" lg="4" xl="3">
<v-select
v-model="obj.roles"
:items="pickLists.roles"
@@ -137,7 +138,7 @@
></v-select>
</v-col>
<v-col cols="12" px-2>
<v-col cols="12">
<v-textarea
v-model="obj.notes"
:readonly="this.formState.readOnly"
@@ -149,7 +150,7 @@
></v-textarea>
</v-col>
<v-col cols="12" px-2>
<v-col cols="12">
<gz-tag-picker
:label="lt('Tags')"
v-model="obj.tags"
@@ -160,7 +161,7 @@
></gz-tag-picker>
</v-col>
<v-col cols="12" px-2>
<v-col cols="12">
<gz-custom-fields
:formKey="formCustomTemplateKey"
v-bind:value.sync="obj.customFields"
@@ -192,6 +193,7 @@
</v-form>
</v-col>
</v-row>
</v-container>
</template>
<script>