feat: 保存1

src/view/media/index.vue

@@ -11,7 +11,12 @@
       <el-button type="primary" class="btn" @click="handleUploadClick">
         上传
       </el-button>
-
+      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+        <el-tab-pane label="User" name="first">User</el-tab-pane>
+        <el-tab-pane label="Config" name="second">Config</el-tab-pane>
+        <el-tab-pane label="Role" name="third">Role</el-tab-pane>
+        <el-tab-pane label="Task" name="fourth">Task</el-tab-pane>
+      </el-tabs>
       <el-tabs
         v-if="isReady"
         v-model="subTabName"
@@ -65,8 +70,13 @@ import {
 import { getCaseInfo } from "@/store/case";
 import { RouteName, router } from "@/router";
 import { addCaseFile } from "../case/quisk";
-const isReady = ref(false);
 
+import type { TabsPaneContext } from 'element-plus'
+const activeName = ref("first");
+const isReady = ref(false);
+const handleClick = (tab: TabsPaneContext, event: Event) => {
+  console.log(tab, event);
+};
 const caseId = computed(() => {
   const caseId = router.currentRoute.value.params.caseId;
   if (caseId) {