ayanova/src/components/work-order-item-units.vue

@@ -218,6 +218,43 @@
         ></v-col>
       </template>
     </v-row>
+    <!-- ################################################################################-->
+    <!-- ##########################  BULK ADD UNITS FORM  ###############################-->
+    <!-- ################################################################################-->
+    <template>
+      <v-row justify="center">
+        <v-dialog persistent max-width="600px" v-model="bulkUnitsDialog">
+          <v-card>
+            <v-card-title>
+              <v-btn text @click="bulkUnitsDialog = false" color="primary">{{
+                $ay.t("Cancel")
+              }}</v-btn>
+              <v-spacer></v-spacer>
+              <v-btn
+                :disabled="selectedBulkUnits.length == 0"
+                color="primary"
+                text
+                @click="addSelectedBulkUnits()"
+                >{{ $ay.t("Add") }}</v-btn
+              >
+            </v-card-title>
+            <v-card-text>
+              <gz-tag-picker
+                v-model="obj.tags"
+                @input="bulkUnitsSearch()"
+              ></gz-tag-picker>
+
+              <v-select
+                v-model="selectedBulkUnits"
+                :items="availableBulkUnits"
+                :label="$ay.t('UnitList')"
+                multiple
+              ></v-select>
+            </v-card-text>
+          </v-card>
+        </v-dialog>
+      </v-row>
+    </template>
   </div>
 </template>
 <script>
@@ -232,7 +269,10 @@ export default {
   data() {
     return {
       activeItemIndex: null,
-      selectedRow: []
+      selectedRow: [],
+      bulkUnitsDialog: false,
+      availableBulkUnits: [],
+      selectedBulkUnits: []
     };
   },
   props: {