destroy item & package

resources/js/vue/components/modal/package/Show.vue

@@ -48,6 +48,19 @@
                     </v-flex>
                 </v-layout>
             </v-layout>
+            <v-layout align-left justify-left wrap class="px-5 my-3">
+                <h3 class="ml-3">Items</h3>
+                <v-flex xs12>
+                    <hr class="v-divider theme--light">
+                </v-flex>
+                <v-layout row wrap class="ml-4">
+                    <v-flex xs12 md6 sm6>
+                        <div class v-for="(item, key) in data.items" :key="key">
+                            <span class="headline ml-2" style="letter-spacing:0 !important">{{ key+1 + ": " + item.name }}</span>
+                        </div>
+                    </v-flex>
+                </v-layout>
+            </v-layout>
             <v-layout row wrap align-center justify-center v-if="$hasRole('Admin|Supervisor')">
                 <v-flex
                     class
@@ -102,6 +115,7 @@ export default {
     },
     created() {
         this.data = this.getModalProperties.result.data.data;
+        
     },
     computed: {
         ...mapGetters("modal", ["getModalProperties"])