[Update] 更新按钮

src/i18n/langs/cn.js

@@ -233,6 +233,7 @@ const cn = {
     'gateway': '网关',
     'date_created': '创建日期',
     'port': '端口',
+    'TestConnection': '测试连接',
     // 管理用户
     'AdminUserList': '管理用户列表',
     'AdminUserDetail': '管理用户详情',
@@ -368,7 +369,8 @@ const cn = {
     'date': '日期',
     'addr': '地址',
     'active': '激活中',
-    'alive': '在线'
+    'alive': '在线',
+    'StorageConfiguration': '存储配置'
   },
   jobcenter: {
     'RunTimes': '执行次数',

src/views/applications/DatabaseAppList.vue

@@ -51,31 +51,7 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
         ],
         tableActions: {
@@ -84,8 +60,7 @@ export default {
         }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'DatabaseAppCreate'
       }
     }

src/views/applications/RemoteAppList.vue

@@ -39,41 +39,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'RemoteAppCreate'
       }
     }

src/views/assets/AdminUserList.vue

@@ -40,41 +40,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'AdminUserCreate'
       }
     }

src/views/assets/CommandFilterList.vue

@@ -39,41 +39,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'CommandFilterCreate'
       }
     }

src/views/assets/DomainList.vue

@@ -41,41 +41,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'DomainCreate'
       }
     }

src/views/assets/GatewayList.vue

@@ -51,46 +51,22 @@ export default {
             align: 'center',
             formatter: ActionsFormatter,
             actions: {
-              hasUpdate: (row, cellValue) => {
+              updateRoute: 'UserUpdate',
-                return true
+              extraActions: [
-              },
+                {
-              canUpdate: (row, cellValue) => {
+                  name: 'TestConnection',
-                console.log('On table update')
+                  title: this.$t('assets.TestConnection')
-                return true
+                }
-              },
+              ]
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
             }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
+        createRoute: 'GatewayCreate'
-        createRoute: 'DomainCreate'
       }
     }
-  },
-  created() {
-    console.log('111111')
-    console.log('/api/v1/assets/gateways/?domain=' + this.$route.params.id)
   }
 }
 </script>

src/views/assets/LabelList.vue

@@ -35,41 +35,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'LabelCreate'
       }
     }

src/views/assets/PlatformList.vue

@@ -36,41 +36,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'PlatformCreate'
       }
     }

src/views/assets/SystemUserList.vue

@@ -51,41 +51,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'SystemUserCreate'
       }
     }

src/views/jobcenter/TaskList.vue

@@ -48,41 +48,16 @@ export default {
             label: this.$tc('Action'),
             align: 'center',
             formatter: ActionsFormatter,
-            actions: {
+            actions: [
-              hasUpdate: (row, cellValue) => {
+            ]
-                return false
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return false
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
         ],
-        // 写路由名字，table组件会自动传作为参数
+        hasEdit: false,
-        tableActions: {
+        hasDelete: false
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasCreate: false,
-        hasUpdate: false,
+        hasBulkDelete: false,
-        hasCreate: false
       }
     }
   }

src/views/perms/DatabaseAppPermissionList.vue

@@ -49,41 +49,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'DatabaseAppPermissionCreate'
       }
     }

src/views/perms/RemoteAppPermissionList.vue

@@ -49,41 +49,12 @@ export default {
             prop: 'id',
             label: this.$tc('Action'),
             align: 'center',
-            formatter: ActionsFormatter,
+            formatter: ActionsFormatter
-            actions: {
-              hasUpdate: (row, cellValue) => {
-                return true
-              },
-              canUpdate: (row, cellValue) => {
-                console.log('On table update')
-                return true
-              },
-              hasDelete: true,
-              canDelete: (row, cellValue) => {
-                return true
-              },
-              onDelete: (row, cellValue) => {
-                this.$confirm('你好啊', '提示', {
-                  type: 'warning',
-                  confirmButtonClass: 'el-button--danger',
-                  beforeClose: async(action, instance, done) => {
-                  }
-                }).catch(() => {
-                  /* 取消*/
-                })
-              },
-              order: []
-            }
           }
-        ],
+        ]
-        tableActions: {
-          hasEdit: true,
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false,
         createRoute: 'RemoteAppPermissionCreate'
       }
     }

src/views/sessions/CommandList.vue

@@ -68,8 +68,7 @@ export default {
       },
       headerActions: {
         hasCreate: false,
-        hasDelete: false,
+        hasBulkDelete: false
-        hasUpdate: false
       }
     }
   }

src/views/sessions/SessionOfflineList.vue

@@ -4,6 +4,7 @@
 
 <script>
 import { GenericListPage } from '@/layout/components'
+import { ActionsFormatter } from '@/components/ListTable/formatters/index'
 
 export default {
   components: {
@@ -66,34 +67,22 @@ export default {
           {
             prop: 'duration',
             label: this.$t('sessions.duration')
-          }
-        ],
-        tableActions: {
-          hasEdit: false,
-          hasDelete: false
-        },
-        extraButtons: [
-          {
-            type: 'warning',
-            text: this.$t('sessions.replay'),
-            // 必须使用箭头函数
-            atClick: (row) => {
-              this.$router.push({ name: '404' })
-            }
           },
           {
-            type: 'primary',
+            prop: 'id',
-            text: this.$t('sessions.download'),
+            label: this.$tc('Action'),
-            atClick: (row) => {
+            align: 'center',
-              this.$router.push({ name: '404' })
+            formatter: ActionsFormatter,
+            actions: {
+              hasEdit: false,
+              hasDelete: false
             }
           }
         ]
       },
       headerActions: {
         hasCreate: false,
-        hasDelete: false,
+        hasBulkDelete: false
-        hasUpdate: false
       }
     }
   }

src/views/sessions/SessionOnlineList.vue

@@ -4,6 +4,7 @@
 
 <script>
 import { GenericListPage } from '@/layout/components'
+import { ActionsFormatter } from '@/components/ListTable/formatters/index'
 
 export default {
   components: {
@@ -66,27 +67,22 @@ export default {
           {
             prop: 'duration',
             label: this.$t('sessions.duration')
-          }
+          },
-        ],
-        tableActions: {
-          hasEdit: false,
-          hasDelete: false
-        },
-        extraButtons: [
           {
-            type: 'danger',
+            prop: 'id',
-            text: this.$t('sessions.terminate'),
+            label: this.$tc('Action'),
-            // 必须使用箭头函数
+            align: 'center',
-            atClick: (row) => {
+            formatter: ActionsFormatter,
-              this.$router.push({ name: '404' })
+            actions: {
+              hasEdit: false,
+              hasDelete: false
             }
           }
         ]
       },
       headerActions: {
         hasCreate: false,
-        hasDelete: false,
+        hasBulkDelete: false
-        hasUpdate: false
       }
     }
   }

src/views/sessions/TerminalList.vue

@@ -55,11 +55,25 @@ export default {
         }
       },
       headerActions: {
-        hasCreate: true,
+        hasCreate: false,
-        hasDelete: false,
+        hasBulkDelete: false,
-        hasUpdate: false
+        extraActions: [
+          {
+            name: 'StorageConfiguration',
+            title: this.$t('sessions.StorageConfiguration'),
+            type: 'primary',
+            has: true,
+            can: true,
+            callback: this.handleStorageConfiguration
+          }
+        ]
       }
     }
+  },
+  methods: {
+    handleStorageConfiguration() {
+      console.log('handleStorageConfiguration')
+    }
   }
 }
 </script>

src/views/tickets/TicketsList.vue

@@ -57,16 +57,11 @@ export default {
             label: this.$t('tickets.date'),
             sortable: 'custom'
           }
-        ],
+        ]
-        // 写路由名字，table组件会自动传作为参数
-        tableActions: {
-          editRoute: '404'
-        }
       },
       headerActions: {
-        hasDelete: false,
+        hasCreate: false,
-        hasUpdate: false,
+        hasBulkDelete: false,
-        hasCreate: false
       }
     }
   }