diff --git a/env/.env.development b/env/.env.development
index ee44bcc220bd95dda7ea8e191f5f7d8bd654b043..585b3fed9e5cee78f8f042a6117fccf43bdbbce1 100644
--- a/env/.env.development
+++ b/env/.env.development
@@ -1,3 +1,3 @@
-VITE_NODE_ENV=development 
-VITE_APP_INTERFACE_URL="https://127.0.0.0:8080"
+VITE_NODE_ENV=development
+VITE_APP_INTERFACE_URL="https://100.85.118.250:31002"
 VITE_PUBLIC_KEY_PATH="./cert/public.pem"
\ No newline at end of file
diff --git a/src/api/fleetsService.ts b/src/api/fleetsService.ts
index 9b413a9d3b576ac1418cda5ffdc38522c8252386..ea36325d5b663249efdc05466847e8b25279d8bd 100644
--- a/src/api/fleetsService.ts
+++ b/src/api/fleetsService.ts
@@ -17,7 +17,7 @@ export interface UpdateFleetRequest {
   server_session_protection_policy?: string
   server_session_protection_time_limit_minutes?: number
   enable_auto_scaling?: boolean
-  instance_tags: Array<instanceTags>
+  instance_tags?: Array<instanceTags>
 }
 
 export interface UpdateFleetInstanceCapacityRequest {
diff --git a/src/pages/aliases/aliasDetail.vue b/src/pages/aliases/aliasDetail.vue
index 79a90487b2508de4b129832f75a575bdb48b50c9..6c0ffe66558bd458f51aa5f21e961aeb49e20454 100644
--- a/src/pages/aliases/aliasDetail.vue
+++ b/src/pages/aliases/aliasDetail.vue
@@ -620,7 +620,8 @@
   }
   // 跳转详情
   const toDetails = (id: string, name: string) => {
-    router.push({ name: 'fleetDetails', params: { id, name } })
+    let routeData = router.resolve({ path: `/fleet/fleetDetails/${id}/${name}` });
+    window.open(routeData.href, '_blank');
   }
   let createBuild: CreateAli = {
     name: '',
diff --git a/src/pages/aliases/index.vue b/src/pages/aliases/index.vue
index 3a78813cd553e5479397511aedfb36522a7d6115..490ce79e2f008da6a82cfb2c3f4e0326c087ccde 100644
--- a/src/pages/aliases/index.vue
+++ b/src/pages/aliases/index.vue
@@ -140,12 +140,9 @@
   }
 
   const showDetails = (id: any) => {
-    router.push({
-      name: 'aliasDetail',
-      params: {
-        id
-      }
-    })
+    let routeData = router.resolve({ path: `/aliases/aliasDetail/${id}` });
+    window.open(routeData.href, '_blank');
+
   }
   const sortChange = (column: { order: any; column: any }) => {
     let { order } = column
diff --git a/src/pages/application/appManager.vue b/src/pages/application/appManager.vue
index daf5d5f293f7b9014c101dbda6b43384f94bc512..860431a0834cdd326ce6551a1976d767365870b3 100644
--- a/src/pages/application/appManager.vue
+++ b/src/pages/application/appManager.vue
@@ -155,5 +155,7 @@
         id
       }
     })
+    let routeData = router.resolve({ path: `/application/applicationDetail/${id}` });
+    window.open(routeData.href, '_blank');
   }
 </script>
diff --git a/src/pages/application/applicationCreate.vue b/src/pages/application/applicationCreate.vue
index 1d71099d8b017e7c12a0965ad22d11d2309c9690..93400781ab8e6310b44840fa912c78a62303fa47 100644
--- a/src/pages/application/applicationCreate.vue
+++ b/src/pages/application/applicationCreate.vue
@@ -1,9 +1,14 @@
 <template>
   <div class="createApplication">
     <div class="create-appImage">
-      <span
-        >{{ $t('application.' + 'Create_application_image') }}<span class="return" @click="goback">&lt;&nbsp;{{ $t('fleet.' + 'return') }}</span></span
-      >
+      <span>
+        {{ $t('application.' + 'Create_application_image') }}
+      </span>
+      <input ref="uploadInput" type="file" id="upload_file" name="upload_file" accept=".json" @change="fileChange" />
+      <el-button class="btn button" @click="loadData">{{ $t('fleet.' + 'import') }}</el-button>
+      <span class="return" @click="goback">
+          &lt;&nbsp;{{ $t('fleet.' + 'return') }}
+        </span>
     </div>
     <div class="appImageMsg">
       <el-form ref="createApplication" :model="application.data" label-width="160px" label-position="left" :rules="rules" :scroll-to-error="true">
@@ -303,6 +308,7 @@
       <div class="operateButton">
         <el-button class="btn button" @click="onReset">{{ $t('fleet.' + 'reset') }}</el-button>
         <el-button class="btn new button" type="primary" @click="onCreate">{{ $t('fleet.' + 'create') }}</el-button>
+        <el-button class="btn button" @click="onDownload"><a>{{ $t('fleet.' + 'Export') }}</a></el-button>
       </div>
     </div>
     <el-dialog v-model="dialogFormVisible" :title="$t('application.Add_organization_name')" width="25%">
@@ -378,6 +384,9 @@
           width: 140px;
         }
       }
+      #upload_file {
+        display: none;
+      }
     }
     .appImageMsg {
       background-color: $blank-color;
@@ -641,6 +650,7 @@
     },
     region: appStore.userStore.region
   })
+  const uploadInput = ref<HTMLElement | null>(null)
 
   const application = reactive({
     data: {
@@ -830,6 +840,13 @@
   }
   const onReset = () => {
     createApplication.value?.resetFields()
+    application.data ={
+      request: requestBody,
+      file: files,
+      existed_image: ''
+    };
+    buildType.value = '0';
+    creationMethod.value = '1';
     fileValidate.value = true
     if (creationMethod.value == '1') {
       onRemove()
@@ -1105,6 +1122,58 @@
       })
     }
   }
+  const fileChange = (e: Event) => {
+    const input = e.target as HTMLInputElement
+    let files = input.files
+    if (files) {
+      if (!files[0].type.includes('json')) {
+        ElMessage({
+          message: i18n.global.t('rules.json_file'),
+          type: 'error'
+        })
+        return
+      }
+
+      let reader = new FileReader()
+      reader.readAsText(files[0], 'utf-8')
+      reader.onload = () => {
+        let res = reader.result as string
+        let obj = JSON.parse(res)
+        if (Object.keys(obj).length) {
+          application.data = formatForm(obj)
+        }
+        buildType.value = obj.buildType
+        creationMethod.value = obj.creationMethod
+      }
+    }
+    (e.target as HTMLInputElement).value = '';
+    (createApplication.value! as any).getForm();
+  }
+
+  const formatForm = (obj: any) => {
+    const initValue: any  = {};
+    for (const key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        initValue[key] = obj[key]
+      }
+    }
+    return initValue;
+  }
+  const loadData = () => {
+    let oBtn = uploadInput.value as HTMLInputElement
+    oBtn.click()
+  }
+
+  const onDownload = () => {
+    let link = document.createElement('a');
+    link.download = 'fleet.json';
+    const applicationClone = JSON.parse(JSON.stringify(application.data));
+    applicationClone.buildType = buildType.value;
+    applicationClone.creationMethod = creationMethod.value;
+    link.href = 'data:text/plain,' + JSON.stringify(applicationClone)
+    link.click()
+  }
+
 
   getImageName()
   getBucketName()
diff --git a/src/pages/application/applicationDetail.vue b/src/pages/application/applicationDetail.vue
index 214950d0c951691cc4fdf8074365759ed8fa92ec..d1e571b0b590bc6d4823aefd4520c6bb846835c8 100644
--- a/src/pages/application/applicationDetail.vue
+++ b/src/pages/application/applicationDetail.vue
@@ -413,7 +413,8 @@
     }
   }
   const toFleet = (id: string, name: string) => {
-    router.push({ name: 'fleetDetails', params: { id, name } })
+    let routeData = router.resolve({ path: `/fleet/fleetDetails/${id}/${name}` });
+    window.open(routeData.href, '_blank');
   }
 
   toDetails()
diff --git a/src/pages/application/index.vue b/src/pages/application/index.vue
index 888b217b5babd707e34d08ca9cc8b8dc4ac2dbc6..14309026f0906b4f9146b5ec8b75c853eb60dbe4 100644
--- a/src/pages/application/index.vue
+++ b/src/pages/application/index.vue
@@ -154,9 +154,8 @@
   }
 
   const createApplication = () => {
-    router.push({
-      name: 'createApplication'
-    })
+    let routeData = router.resolve({ path: `/application/createApplication` });
+    window.open(routeData.href, '_blank');
   }
   let searchArr: Array<{ [key: string]: string }> = reactive([])
   let searchData = computed(() => {
diff --git a/src/pages/autoScaling/autoScallingDetails.vue b/src/pages/autoScaling/autoScallingDetails.vue
index a35c54cfc7157fe57cf2f38cf778f671e0c09908..3d27276f002c36d227fabb549b346371367458c4 100644
--- a/src/pages/autoScaling/autoScallingDetails.vue
+++ b/src/pages/autoScaling/autoScallingDetails.vue
@@ -376,7 +376,8 @@
     submit(param, key)
   }
   const toDetails = (id: string, name: string) => {
-    router.push({ name: 'fleetDetails', params: { id, name } })
+    let routeData = router.resolve({ path: `/fleet/fleetDetails/${id}/${name}` });
+    window.open(routeData.href, '_blank');
   }
   interface optionList {
     value: string
diff --git a/src/pages/autoScaling/index.vue b/src/pages/autoScaling/index.vue
index 813e147253a51569010769aba48da4cebeaaca49..19aef996f40352a804439f241cd3bb76b42de1e3 100644
--- a/src/pages/autoScaling/index.vue
+++ b/src/pages/autoScaling/index.vue
@@ -133,12 +133,8 @@
     getOtherList()
   }
   const showDetails = (id: any) => {
-    router.push({
-      name: 'autoScalingDetails',
-      params: {
-        id
-      }
-    })
+    let routeData = router.resolve({ path: `/fleet/autoScalingDetails/${id}` });
+    window.open(routeData.href, '_blank');
   }
   const deleteAs = (policy_id: any, name: any) => {
     ElMessageBox.confirm(
diff --git a/src/pages/fleet/fleetDetails/index.vue b/src/pages/fleet/fleetDetails/index.vue
index 4a6bb379d7da748a78ab2e66297e3b8327ef62c6..dffa9d4e071f3561aeed8a04243f62f74a37c5aa 100644
--- a/src/pages/fleet/fleetDetails/index.vue
+++ b/src/pages/fleet/fleetDetails/index.vue
@@ -241,10 +241,12 @@
     }
   }
   const toAlias = (id: string) => {
-    router.push({ name: 'aliasDetail', params: { id } })
+    let routeData = router.resolve({ path: `/aliases/aliasDetail/${id}` });
+    window.open(routeData.href, '_blank');
   }
   const toScaling = (id: string) => {
-    router.push({ name: 'autoScalingDetails', params: { id } })
+    let routeData = router.resolve({ path: `/fleet/autoScalingDetails/${id}` });
+    window.open(routeData.href, '_blank');
   }
   const getApplication = async () => {
     if (buildApp.build_id) {
@@ -303,12 +305,8 @@
   }
 
   const goToBuild = (id: string) => {
-    router.push({
-      name: 'applicationDetail',
-      params: {
-        id
-      }
-    })
+    let routeData = router.resolve({ path: `/application/applicationDetail/${id}` });
+    window.open(routeData.href, '_blank');
   }
   const isMSbrowser = () => {
     const userAgent = window.navigator.userAgent
diff --git a/src/pages/instance/instance.vue b/src/pages/instance/instance.vue
index 39df49b9d680f4e6d9cf1d14cad1d5dd8c8e3863..5b50d6227314ec5f9cea7457f82e8739f28e8653 100644
--- a/src/pages/instance/instance.vue
+++ b/src/pages/instance/instance.vue
@@ -719,6 +719,8 @@
         id
       }
     })
+    let routeData = router.resolve({ path: `/instance/instanceDetails/${id}` });
+    window.open(routeData.href, '_blank');
   }
   getResourceSpecification()
   getInstanceList()
diff --git a/src/pages/instance/instanceDetails.vue b/src/pages/instance/instanceDetails.vue
index 3326717003e6de7ebeec1af7da1ce85694897710..cf6bfc282500def6cc5c5072fce536974e5599a1 100644
--- a/src/pages/instance/instanceDetails.vue
+++ b/src/pages/instance/instanceDetails.vue
@@ -160,7 +160,8 @@
   })
 
   const toFleetDetails = (id: string, name: string) => {
-    router.push({ name: 'fleetDetails', params: { id, name } })
+    let routeData = router.resolve({ path: `/fleet/fleetDetails/${id}/${name}` });
+    window.open(routeData.href, '_blank');
   }
   const goback = () => {
     router.push({
diff --git a/src/pages/runningState/components/fleet.vue b/src/pages/runningState/components/fleet.vue
index 647b6c4e3f7b7d44136bc1b5656bb54fb27be800..e239f397a778c8a9dcb5473be28007e0f09fdcf6 100644
--- a/src/pages/runningState/components/fleet.vue
+++ b/src/pages/runningState/components/fleet.vue
@@ -5,12 +5,15 @@
   import { useRouter } from 'vue-router'
   import { timeFormatUTC } from '@/utils/formatter'
   import { ElMessageBox, ElMessage } from 'element-plus'
+  import { Setting, ArrowDown } from '@element-plus/icons-vue'
   import { computed, reactive, ref } from 'vue'
   import i18n from '@/i18n/index'
+  import FleetsService, { FleetBasicMsg, UpdateFleetRequest } from '@/api/fleetsService'
   const emit = defineEmits(['fupdate'])
   const router = useRouter()
   const props = defineProps({
-    data: Array
+    data: Array,
+    loading: Boolean,
   })
   let userType = ref()
   userType.value = localStorage.getItem('UserType') as string
@@ -35,6 +38,19 @@
       }
     }
   })
+  const fleetColumn = reactive([
+    {show: true, key: 'name', label: i18n.global.t('fleet.name_id')},
+    {show: true, key: 'description', label: i18n.global.t('fleet.description')},
+    {show: true, key: 'instanceSpecification', label: i18n.global.t('fleet.instance_specification')},
+    {show: true, key: 'instanceType', label: i18n.global.t('fleet.Instance_type')},
+    {show: true, key: 'instanceCount', label: i18n.global.t('fleet.instance_count')},
+    {show: true, key: 'processCount', label: i18n.global.t('fleet.process_count')},
+    {show: true, key: 'serverSessionCount', label: i18n.global.t('fleet.server_session_count')},
+    {show: true, key: 'availableSessionRatio', label: i18n.global.t('fleet.Available_session_ratio')},
+    {show: true, key: 'state', label: i18n.global.t('fleet.state')},
+    {show: true, key: 'enable_auto_scaling', label: i18n.global.t('autoScaling.Auto_scaling_details')},
+    {show: true, key: 'creationTime', label: i18n.global.t('fleet.creation_time')},
+  ]);
 
   const ys = {
     fleet_id: i18n.global.t('fleet.fleet_id'),
@@ -69,7 +85,8 @@
     url: ''
   })
   const toDetails = (id: string, name: string) => {
-    router.push({ name: 'fleetDetails', params: { id, name } })
+    let routeData = router.resolve({ path: `/fleet/fleetDetails/${id}/${name}` });
+    window.open(routeData.href, '_blank');
   }
   const deleteFleet = (fleet_id: string, fleet_name: string) => {
     ElMessageBox.confirm(
@@ -109,6 +126,36 @@
     searchArr.length = 0
     emit('fupdate')
   }
+
+  const changeScalingStatus = (row: any, autoScaling: boolean) => {
+    ElMessageBox.confirm(i18n.global.t('messageBox.saveModification'), i18n.global.t('messageBox.Warm_Tip'), {
+      confirmButtonText: i18n.global.t('messageBox.confirm'),
+      cancelButtonText: i18n.global.t('messageBox.cancel'),
+      type: 'warning'
+    })
+        .then(async() => {
+          const params: FleetBasicMsg = {
+            project_id: row.project_id,
+            fleet_id: row.fleet_id,
+            UpdateFleetRequestBody: {
+              name: row.name,
+              description: row.description,
+              server_session_protection_policy: row.server_session_protection_policy,
+              server_session_protection_time_limit_minutes: row.server_session_protection_time_limit_minutes,
+              enable_auto_scaling: autoScaling
+            }
+          }
+          let res = await FleetsService.updateBasicMsg(params)
+          if (res.status === 204) {
+            ElMessage({
+              message: i18n.global.t('messageBox.Successfully_modified'),
+              type: 'success'
+            })
+            refresh();
+          }
+        })
+        .catch(() => {})
+  }
 </script>
 <template>
   <div id="table-fleet">
@@ -126,8 +173,9 @@
         :border="true"
         :default-sort="{ prop: 'creation_time', order: 'descending' }"
         @sort-change="sortChange"
+        v-loading="props.loading"
       >
-        <el-table-column :label="$t('fleet.name_id')" class-name="elcell" min-width="8%">
+        <el-table-column :label="$t('fleet.name_id')" class-name="elcell" min-width="8%" v-if="fleetColumn[0].show">
           <template #default="scope">
             <div class="toDetails" :class="scope.row.state == 'DELETING' ? 'delete-now' : ''" @click="toDetails(scope.row.fleet_id, scope.row.name)">
               {{ scope.row.name }}
@@ -139,7 +187,7 @@
             </el-tooltip>
           </template>
         </el-table-column>
-        <el-table-column :label="$t('fleet.description')" min-width="9%">
+        <el-table-column :label="$t('fleet.description')" min-width="9%" v-if="fleetColumn[1].show" >
           <template #default="scope">
             <el-tooltip effect="dark" :content="scope.row.description" placement="bottom">
               <div class="idescribe">
@@ -148,12 +196,12 @@
             </el-tooltip>
           </template>
         </el-table-column>
-        <el-table-column prop="instance_specification" :label="$t('fleet.instance_specification')" show-overflow-tooltip min-width="10%" />
-        <el-table-column prop="instance_type" :label="$t('fleet.Instance_type')" min-width="9%" />
-        <el-table-column prop="instance_count" :label="$t('fleet.instance_count')" min-width="9%" />
-        <el-table-column prop="process_count" :label="$t('fleet.process_count')" min-width="9%" />
-        <el-table-column prop="server_session_count" :label="$t('fleet.server_session_count')" min-width="10%" />
-        <el-table-column :label="$t('fleet.Available_session_ratio')" min-width="10%">
+        <el-table-column prop="instance_specification" :label="$t('fleet.instance_specification')" show-overflow-tooltip min-width="10%" v-if="fleetColumn[2].show" />
+        <el-table-column prop="instance_type" :label="$t('fleet.Instance_type')" min-width="9%" v-if="fleetColumn[3].show"/>
+        <el-table-column prop="instance_count" :label="$t('fleet.instance_count')" min-width="9%" v-if="fleetColumn[4].show"/>
+        <el-table-column prop="process_count" :label="$t('fleet.process_count')" min-width="9%" v-if="fleetColumn[5].show"/>
+        <el-table-column prop="server_session_count" :label="$t('fleet.server_session_count')" min-width="10%" v-if="fleetColumn[6].show"/>
+        <el-table-column :label="$t('fleet.Available_session_ratio')" min-width="10%" v-if="fleetColumn[7].show">
           <template #default="scope">
             {{
               scope.row.max_server_session_num == 0
@@ -162,11 +210,16 @@
             }}
           </template>
         </el-table-column>
-        <el-table-column :label="$t('fleet.state')" min-width="7%">
+        <el-table-column :label="$t('fleet.state')" min-width="7%" v-if="fleetColumn[8].show">
           <template #default="scope">
             {{ scope.row.state ? $t('fleetStatus.' + scope.row.state) : '' }}
           </template>
         </el-table-column>
+        <el-table-column :label="$t('autoScaling.Auto_scaling_details')" min-width="10%" v-if="fleetColumn[9].show">
+          <template #default="scope">
+            {{$t(`${String(scope.row.enable_auto_scaling)}`)}}
+          </template>
+        </el-table-column>
         <el-table-column
           prop="creation_time"
           :label="$t('fleet.creation_time')"
@@ -174,8 +227,25 @@
           sortable="custom"
           show-overflow-tooltip
           min-width="12%"
+          v-if="fleetColumn[10].show"
         />
-        <el-table-column fixed="right" :label="$t('fleet.operate')" min-width="12%">
+        <el-table-column fixed="right" :label="$t('fleet.operate')" width="280px">
+          <template #header>
+            <div style="display: flex">
+              {{$t('fleet.operate')}}
+              <el-dropdown style="margin-left: auto" trigger="click">
+                <Setting :style="{width: '20px'}"/>
+                <template #dropdown>
+                  <el-dropdown-menu >
+                    <el-dropdown-item v-for="column in fleetColumn">
+                      <el-switch v-model="column.show" :active-text="column.label" />
+                    </el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </div>
+
+          </template>
           <template #default="scope">
             <div class="actions-box" :class="scope.row.state == 'DELETING' ? 'delete-now' : ''">
               <div class="actions-details" @click="toDetails(scope.row.fleet_id, scope.row.name)">{{ $t('fleet.' + 'Details') }}</div>
@@ -188,6 +258,23 @@
               >
                 {{ $t('fleet.' + 'delete') }}
               </div>
+              <div class="line" v-if="userType >= 5"></div>
+              <el-dropdown>
+              <span class="el-dropdown-link">
+                更多
+                <el-icon class="el-icon--right">
+                  <ArrowDown />
+                </el-icon>
+              </span>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item>
+                      <div v-if="userType >= 5 && !scope.row.enable_auto_scaling" class="actions-details" @click="changeScalingStatus(scope.row, true)">开启弹性伸缩</div>
+                      <div v-if="userType >= 5 &&  scope.row.enable_auto_scaling" class="actions-details" @click="changeScalingStatus(scope.row, false)">关闭弹性伸缩</div>
+                    </el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
             </div>
           </template>
         </el-table-column>
diff --git a/src/pages/runningState/index.vue b/src/pages/runningState/index.vue
index 131e58fa4453f602c1726bc7057d3412444fe2b3..aa60205784540f461ce54e098b4eb670c80d83e1 100644
--- a/src/pages/runningState/index.vue
+++ b/src/pages/runningState/index.vue
@@ -50,6 +50,7 @@
     scaling_interval_minutes?: number
   }
   let tableData: apiData[] = reactive([])
+  let fleetLoading = ref();
   let tableTotal = ref(0)
   const urlObj: { [key: string]: string } = {
     Instance: 'monitor-instances',
@@ -128,12 +129,14 @@
     }
   }
   const getFleetListByCondition = async () => {
+    fleetLoading.value = true;
     let res = await Monitor.getFleetListbyCondition(param, searchData)
     if (res.status == 200) {
       tableTotal.value = res.data.total_count
       tableData.length = 0
       tableData.push(...res.data.fleets)
     }
+    fleetLoading.value = false;
   }
   const getFleetList = async () => {
     let res = await Monitor.getFleetList(param, searchData)
@@ -161,7 +164,8 @@
   }
 
   const buildFleet = () => {
-    router.push({ name: 'createFleet' })
+    let routeData = router.resolve({ path: `/fleet/createFleet` });
+    window.open(routeData.href, '_blank');
   }
   if (route.query.id) {
     if (typeof route.query.id == 'string') {
@@ -205,7 +209,7 @@
     <div class="top-button" v-if="userType >= 5">
       <button class="btn new" @click="buildFleet">{{ $t('fleet.' + 'NewFleet') }}</button>
     </div>
-    <Fleet v-if="runValue === 'Fleet'" @fupdate="setSearchDateFleet" :data="tableData"></Fleet>
+    <Fleet v-if="runValue === 'Fleet'" @fupdate="setSearchDateFleet" :data="tableData" :loading="fleetLoading"></Fleet>
     <Instance v-else-if="runValue === 'Instance'" @fupdate="setSearchData" :data="tableData"></Instance>
     <Process v-else-if="runValue === 'Process'" @fupdate="setSearchData" :data="tableData"></Process>
     <Session @fupdate="setSearchData" v-else :data="tableData"></Session>
diff --git a/src/pages/userMgmt/index.vue b/src/pages/userMgmt/index.vue
index aa7862529b415e380a27059d8f4bcd266511bdac..724af92025e0eb044a6ea0113fc6b52f910ba16c 100644
--- a/src/pages/userMgmt/index.vue
+++ b/src/pages/userMgmt/index.vue
@@ -26,7 +26,8 @@
   let tableData: apiData[] = reactive([])
   const router = useRouter()
   const bulidUser = () => {
-    router.push({ name: 'adduser' })
+    let routeData = router.resolve({ path: `/userMgmt/adduser` });
+    window.open(routeData.href, '_blank');
   }
 
   const activation_options = [
@@ -56,7 +57,8 @@
         name
       })
     )
-    router.push({ name: 'insert' })
+    let routeData = router.resolve({ path: `/userMgmt/insert` });
+    window.open(routeData.href, '_blank');
   }
   const buildInsertResourceConfig = (id: string, name: string) => {
     localStorage.setItem(
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index d7752cecb97d6c83ec7cef46bbc2a0c7af99b06c..11113266021b9db70fc53b97a931ff7b803d3898 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -9,6 +9,7 @@ declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']