nwe commit package Item

resources/js/vue/views/Package/AddEdit.vue

@@ -13,16 +13,6 @@
               class="pa-2"
             ></v-text-field>
           </v-flex>
-          <v-flex xs12 sm4 md4>
-            <v-text-field
-              name="unique_id"
-              label="UniqueID"
-              color="black"
-              v-model="formData.unique_id"
-              :rules="[rules.required, rules.counter]"
-              class="pa-2"
-            ></v-text-field>
-          </v-flex>
           <v-flex xs12 sm4 md4>
             <v-select
               :items="result"
@@ -38,17 +28,13 @@
         </v-layout>
         <v-layout align-center justify-center wrap class="px-5 mb-3">
           <v-flex xs12 sm12 md12>
-            <v-textarea
-              color="black"
-              :rules="[rules.counter]"
-              v-model="formData.description"
-              class="pa-2"
-              name="address"
-            >
-              <template v-slot:label>
-                <div>description</div>
-              </template>
-            </v-textarea>
+             <v-autocomplete multiple
+             :items="items"
+             item-text="name"
+             item-value="id"
+             label="Select Items For Package"
+             >
+             </v-autocomplete> 
           </v-flex>
         </v-layout>
         <v-layout row wrap justify-center align-center>
@@ -81,10 +67,10 @@ export default {
     return {
       formData: {
         name: "",
-        unique_id: "",
         result: "",
         description: "",
       },
+      items:[] ,
       result: ["Pass", "Fail"],
       rules: {
         required: value => !!value || "Required.",
@@ -97,6 +83,7 @@ export default {
     if (this.$route.params.package) {
       this.load(this.$route.params.package);
     }
+      this.loadItems();
   },
   methods: {
     async load(id) {
@@ -104,6 +91,12 @@ export default {
       if (result.status == 200) {
         this.formData = result.data.data;
       }
+    },
+    async loadItems() {
+      const result = await ApiService.get(urls.listAllItem());
+      if (result.status == 200) {
+        this.items = result.data.data;
+      }
     },
      async submitForm() {
       let result;