add ModelDeleteDialog

cateditor/src/components/CatalogContents.vue

@@ -80,7 +80,7 @@
                       <v-btn icon @click.stop="popModelInfo(item.model)">
                         <v-icon small color="grey lighten-1">info</v-icon>
                       </v-btn>
-                      <v-btn icon @click.stop="popDelete(item.id)">
+                      <v-btn icon @click.stop="popModelDelete(item.model)">
                         <v-icon small color="grey lighten-1">delete</v-icon>
                       </v-btn>
                     </span>
@@ -134,6 +134,7 @@
     <SectionInfoDialog v-model="showSectionInfoDialog"/>
     <SectionDeleteDialog v-model="showSectionDeleteDialog"/>
     <ModelInfoDialog v-model="showModelInfoDialog"/>
+    <ModelDeleteDialog v-model="showModelDeleteDialog"/>
 
   </v-container>
 </template>
@@ -150,6 +151,7 @@ import AddSectionDialog from './AddSectionDialog'
 import SectionInfoDialog from './SectionInfoDialog'
 import SectionDeleteDialog from './SectionDeleteDialog'
 import ModelInfoDialog from './ModelInfoDialog'
+import ModelDeleteDialog from './ModelDeleteDialog'
 
 export default {
   components: {
@@ -159,6 +161,7 @@ export default {
     SectionInfoDialog,
     SectionDeleteDialog,
     ModelInfoDialog,
+    ModelDeleteDialog,
     //RawDisplayer,
   },
 
@@ -168,6 +171,7 @@ export default {
     showSectionInfoDialog: false,
     showSectionDeleteDialog: false,
     showModelInfoDialog: false,
+    showModelDeleteDialog: false,
   }),
   computed: {
     ...mapState([
@@ -262,6 +266,11 @@ export default {
       this.showModelInfoDialog = true
     },
 
+    popModelDelete(id) {
+      this.selectModel(id)
+      this.showModelDeleteDialog = true
+    },
+
     ...mapActions([
       'selectSection',
       'selectModel',