From 4f765fe527808323b9202cc06f20ef0b179175d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chuailei000=E2=80=9D?= <2280131253@qq.com>
Date: Tue, 20 Sep 2022 17:58:19 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E5=A4=87=E4=BB=BD=E8=A1=A8=E5=8D=95=E5=AD=97=E6=AE=B5=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AccountBackupPlanCreateUpdate.vue         | 24 +++++++++++++++----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/views/accounts/AccountBackupPlan/AccountBackupPlanCreateUpdate.vue b/src/views/accounts/AccountBackupPlan/AccountBackupPlanCreateUpdate.vue
index db40b84c8..e0fc4f50b 100644
--- a/src/views/accounts/AccountBackupPlan/AccountBackupPlanCreateUpdate.vue
+++ b/src/views/accounts/AccountBackupPlan/AccountBackupPlanCreateUpdate.vue
@@ -5,7 +5,6 @@
 <script>
 import { GenericCreateUpdatePage } from '@/layout/components'
 import getFields from '@/views/accounts/AccountBackupPlan/fields'
-import FormTypeField from './components/FormTypeField'
 
 export default {
   name: 'AccountBackupPlanUpdate',
@@ -13,12 +12,13 @@ export default {
     GenericCreateUpdatePage
   },
   data() {
+    const vm = this
     const fields = getFields.bind(this)()
     return {
       url: '/api/v1/assets/account-backup-plans/',
       fields: [
         [this.$t('common.Basic'), ['name']],
-        [this.$t('xpack.AccountBackupPlan.Types'), ['types']],
+        [this.$t('xpack.AccountBackupPlan.Types'), ['categories']],
         [this.$t('xpack.AccountBackupPlan.Backup'), ['recipients']],
         [this.$t('xpack.Timer'), ['is_periodic', 'crontab', 'interval']],
         [this.$t('common.Other'), ['comment']]
@@ -26,16 +26,30 @@ export default {
       initial: {
         is_periodic: true,
         interval: 24,
-        types: ['all', 'asset', 'application']
+        categories: []
       },
       fieldsMeta: {
         is_periodic: fields.is_periodic,
         crontab: fields.crontab,
         interval: fields.interval,
         recipients: fields.recipients,
-        types: {
+        categories: {
+          component: 'el-cascader',
           label: this.$t('xpack.AccountBackupPlan.Types'),
-          component: FormTypeField
+          remote: {
+            request: () => vm.$axios.get('/api/v1/assets/platforms/categories/')
+          },
+          el: {
+            options: [],
+            showAllLevels: false,
+            props: {
+              multiple: true,
+              emitPath: false
+            },
+            style: {
+              width: '100%'
+            }
+          }
         }
       },
       createSuccessNextRoute: { name: 'AccountBackupPlanIndex' },