feat: 保存3

src/view/media/index.vue

@@ -7,51 +7,50 @@
   />
 
   <div class="body-layer media">
-    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+    <!-- <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>
-    <div class="body-head media-head">
-      <el-button type="primary" class="btn" @click="handleUploadClick">
-        上传
-      </el-button>
-
-      <el-tabs
+    </el-tabs> -->
+    <el-tabs
+      v-if="isReady"
+      v-model="subTabName"
+      class="sub-tab"
+      tab-position="top"
+      :lazy="true"
+      @tab-click="handleSubtabClick"
+    >
+      <el-tab-pane
         v-if="isReady"
-        v-model="subTabName"
-        class="sub-tab"
-        tab-position="top"
-        :lazy="true"
-        @tab-click="handleSubtabClick"
+        v-for="sub in subOptions"
+        :label="sub.name"
+        :name="sub.value"
       >
-        <el-tab-pane
-          v-if="isReady"
-          v-for="sub in subOptions"
-          :label="sub.name"
-          :name="sub.value"
-        >
-          <div class="media-list" v-if="files.length">
-            <div v-for="file in files" class="cover">
-              <div class="img">
-                <img :src="file.filesUrl" />
-                <div class="actions">
-                  <el-button type="text" @click="query(file)"> 查看 </el-button>
-                  <el-button type="text" @click="handerPhotoEdit(file)">
-                    编辑
-                  </el-button>
-                  <el-button type="text" @click="handerPhotoDelete(file)">
-                    删除
-                  </el-button>
-                </div>
+        <div class="media-list" v-if="files.length">
+          <div v-for="file in files" class="cover">
+            <div class="img">
+              <img :src="file.filesUrl" />
+              <div class="actions">
+                <el-button type="text" @click="query(file)"> 查看 </el-button>
+                <el-button type="text" @click="handerPhotoEdit(file)">
+                  编辑
+                </el-button>
+                <el-button type="text" @click="handerPhotoDelete(file)">
+                  删除
+                </el-button>
               </div>
-              <span class="title">{{ file.filesTitle }}</span>
             </div>
+            <span class="title">{{ file.filesTitle }}</span>
           </div>
-          <el-empty v-else class="empty"></el-empty>
-        </el-tab-pane>
-      </el-tabs>
+        </div>
+        <el-empty v-else class="empty"></el-empty>
+      </el-tab-pane>
+    </el-tabs>
+    <div class="body-head media-head">
+      <el-button type="primary" class="btn" @click="handleUploadClick">
+        上传
+      </el-button>
     </div>
   </div>
 </template>