vue migration edit form changes
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user