ayanova/src/views/widgets.vue

@@ -1,14 +1,18 @@
 <template>
-  <gz-data-table
-    formKey="widget-list"
-    :dataListKey="dataListKey"
-    :dataListFilter="dataListFilter"
-    :dataListSort="dataListSort"
-    :showSelect="false"
-    :singleSelect="false"
-    v-on:selection-change="handleSelected"
-  >
-  </gz-data-table>
+  <div>
+    <gz-plugins :ayaType="ayType" :selectedItems="selectedItems" ref="plugins">
+    </gz-plugins>
+    <gz-data-table
+      formKey="widget-list"
+      :dataListKey="dataListKey"
+      :dataListFilter="dataListFilter"
+      :dataListSort="dataListSort"
+      :showSelect="rights.change"
+      :singleSelect="false"
+      v-on:selection-change="handleSelected"
+    >
+    </gz-data-table>
+  </div>
 </template>
 
 <script>
@@ -28,12 +32,14 @@ export default {
       dataListKey: "TestWidgetDataList",
       dataListFilter: "",
       dataListSort: "",
-      rights: window.$gz.role.defaultRightsObject()
+      rights: window.$gz.role.defaultRightsObject(),
+      ayType: window.$gz.type.Widget,
+      selectedItems: []
     };
   },
   methods: {
-    handleSelected(selectedItems) {
-      console.log(selectedItems);
+    handleSelected(selected) {
+      this.selectedItems = selected;
     }
   }
 };
@@ -41,7 +47,7 @@ export default {
 /////////////////////////////
 //
 //
-function clickHandler(menuItem) {
+async function clickHandler(menuItem) {
   if (!menuItem) {
     return;
   }
@@ -54,6 +60,10 @@ function clickHandler(menuItem) {
           params: { recordid: 0 }
         });
         break;
+      case "plugins":
+        let res = await m.vm.$refs.plugins.open();
+        break;
+
       default:
         window.$gz.eventBus.$emit(
           "notify-warning",
@@ -104,6 +114,12 @@ function generateMenu(vm) {
     vm: vm
   });
 
+  menuOptions.menuItems.push({
+    title: "More",
+    icon: "fa-puzzle-piece",
+    key: FORM_KEY + ":plugins",
+    vm: vm
+  });
   window.$gz.eventBus.$emit("menu-change", menuOptions);
 }
 </script>