ayanova/src/views/inventory-widget-edit.vue

@@ -3,7 +3,7 @@
     <v-col>
       <v-form ref="form">
         <v-row align-center justify-left row wrap>
-          <v-col xs12 mt-1 mb-2>
+          <v-col cols="12" mt-1 mb-2>
             <v-alert
               ref="errorbox"
               v-show="formState.errorBoxMessage"
@@ -16,7 +16,7 @@
               >{{ formState.errorBoxMessage }}</v-alert
             >
           </v-col>
-          <v-col xs12 sm6 lg4 xl3 px-2>
+          <v-col cols="12" sm6 lg4 xl3 px-2>
             <v-text-field
               v-model="obj.name"
               :readonly="this.formState.readOnly"
@@ -33,7 +33,7 @@
               @change="onChange('name')"
             ></v-text-field>
           </v-col>
-          <v-col xs12 sm6 lg4 xl3 px-2>
+          <v-col cols="12" sm6 lg4 xl3 px-2>
             <v-text-field
               v-model="obj.serial"
               :readonly="this.formState.readOnly"
@@ -47,7 +47,7 @@
               @change="onChange('serial')"
             ></v-text-field>
           </v-col>
-          <v-col xs12 sm6 lg4 xl3 px-2>
+          <v-col cols="12" sm6 lg4 xl3 px-2>
             <v-text-field
               v-model="obj.count"
               :readonly="this.formState.readOnly"
@@ -67,7 +67,7 @@
             ></v-text-field>
           </v-col>
 
-          <v-col xs12 sm6 lg4 xl3 px-2>
+          <v-col cols="12" sm6 lg4 xl3 px-2>
             <v-text-field
               v-model="obj.dollarAmount"
               :readonly="this.formState.readOnly"
@@ -85,7 +85,7 @@
             ></v-text-field>
           </v-col>
 
-          <v-col xs12 sm6 lg4 xl3 px-2>
+          <v-col cols="12" sm6 lg4 xl3 px-2>
             <gz-date-time-picker
               :label="lt('WidgetStartDate')"
               v-model="obj.startDate"
@@ -96,7 +96,7 @@
             ></gz-date-time-picker>
           </v-col>
 
-          <v-col xs12 sm6 lg4 xl3 px-2>
+          <v-col cols="12" sm6 lg4 xl3 px-2>
             <gz-date-time-picker
               :label="lt('WidgetEndDate')"
               :rules="[form().datePrecedence(this, 'startDate', 'endDate')]"
@@ -107,7 +107,7 @@
               @change="onChange('endDate')"
             ></gz-date-time-picker>
           </v-col>
-          <v-col xs12 sm6 lg4 xl3 px-2>
+          <v-col cols="12" sm6 lg4 xl3 px-2>
             <v-checkbox
               v-model="obj.active"
               :readonly="this.formState.readOnly"
@@ -118,7 +118,7 @@
               @change="onChange('active')"
             ></v-checkbox>
           </v-col>
-          <v-col xs12 sm6 lg4 xl3 px-2>
+          <v-col cols="12" sm6 lg4 xl3 px-2>
             <v-select
               v-model="obj.roles"
               :items="pickLists.roles"
@@ -137,7 +137,7 @@
             ></v-select>
           </v-col>
 
-          <v-col xs12 px-2>
+          <v-col cols="12" px-2>
             <v-textarea
               v-model="obj.notes"
               :readonly="this.formState.readOnly"
@@ -149,7 +149,7 @@
             ></v-textarea>
           </v-col>
 
-          <v-col xs12 px-2>
+          <v-col cols="12" px-2>
             <gz-tag-picker
               :label="lt('Tags')"
               v-model="obj.tags"
@@ -160,7 +160,7 @@
             ></gz-tag-picker>
           </v-col>
 
-          <v-col xs12 px-2>
+          <v-col cols="12" px-2>
             <gz-custom-fields
               :formKey="formCustomTemplateKey"
               v-bind:value.sync="obj.customFields"