feat: 开发中...

blog-frontend/src/components/manage/AttachManageComponent.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="attach-contailer">
+    <div style="display: flex">
+      <div style="flex-grow: 1"></div>
+      <el-button type="primary">上传新附件</el-button>
+      <div style="flex-grow: 1"></div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.attach-contailer {
+  height: 100%;
+  width: 100%;
+}
+</style>

blog-frontend/src/components/manage/BlogManageComponent.vue

@@ -7,13 +7,13 @@ import { api } from "@/api";
 import router from "@/router";
 import { ElMessage } from "element-plus";
 
-let pageIndex = ref(0);
+let pageIndex = ref(1);
 let pageSize = 2;
 let pageCount = 100;
 const blogs = ref<Array<BlogInfoResponseVO>>();
 
 onMounted(() => {
-  changePage(1);
+  loadPage(1);
 });
 
 function editBlog(blogID: number) {
@@ -28,6 +28,7 @@ function deleteBlog(blogID: number) {
         type: "success",
         message: "删除博客成功！",
       });
+      loadPage(pageIndex.value);
     } else {
       ElMessage({
         type: "error",
@@ -53,7 +54,7 @@ function showUpdater() {
   console.log("showUpdater");
 }
 
-function changePage(newPage: number) {
+function loadPage(newPage: number) {
   api.BlogController.getBlogInfoList(newPage - 1, pageSize).then((resp) => {
     const vo = resp.data;
     const page = vo.content;
@@ -140,7 +141,7 @@ function changePage(newPage: number) {
         :hide-on-single-page="false"
         :current-page="pageIndex"
         :page-count="pageCount"
-        @update:current-page="changePage"
+        @update:current-page="loadPage"
       />
       <div style="flex-grow: 1"></div>
     </div>

blog-frontend/src/components/manage/SiteManageComponent.vue

@@ -34,34 +34,40 @@ function changeCustomCSS(cssText: string) {
 </script>
 
 <template>
-  <el-input
-    class="imput-line"
-    v-model="siteSetting.title"
-    placeholder="网站标题"
-    @change="changeSetting(siteSetting.keys.site.title, siteSetting.title)"
-    show-word-limit
-    maxlength="10"
-  />
-  <el-input
-    class="imput-line"
-    type="textarea"
-    show-word-limit
-    maxlength="1024"
-    v-model="siteSetting.footer"
-    placeholder="页脚文本（支持HTML）"
-    @change="changeFooterHTML(siteSetting.footer)"
-  />
-  <el-input
-    class="imput-line"
-    type="textarea"
-    autosize
-    v-model="siteSetting.css"
-    placeholder="自定义CSS"
-    @change="changeCustomCSS(siteSetting.css)"
-  />
+  <el-form class="manage-container">
+    <el-input
+      class="imput-line"
+      v-model="siteSetting.title"
+      placeholder="网站标题"
+      @change="changeSetting(siteSetting.keys.site.title, siteSetting.title)"
+      show-word-limit
+      maxlength="10"
+    />
+    <el-input
+      class="imput-line"
+      type="textarea"
+      show-word-limit
+      maxlength="1024"
+      autosize
+      v-model="siteSetting.footer"
+      placeholder="页脚文本（支持HTML）"
+      @change="changeFooterHTML(siteSetting.footer)"
+    />
+    <el-input
+      class="imput-line"
+      type="textarea"
+      autosize
+      v-model="siteSetting.css"
+      placeholder="自定义CSS"
+      @change="changeCustomCSS(siteSetting.css)"
+    />
+  </el-form>
 </template>
 
 <style scoped>
+.manage-container {
+  margin-right: 32px;
+}
 .imput-line {
   margin-bottom: 5px;
 }

blog-frontend/src/components/manage/UserManageComponent.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div></div>
+</template>
+
+<style scoped></style>

blog-frontend/src/views/ManagePaneView.vue

@@ -2,8 +2,10 @@
 import { onMounted, ref } from "vue";
 
 import { globalStore } from "@/api";
-import SiteManageComponent from "@/components/manage/SiteManageComponent.vue";
+import AttachManageComponent from "@/components/manage/AttachManageComponent.vue";
 import BlogManageComponent from "@/components/manage/BlogManageComponent.vue";
+import SiteManageComponent from "@/components/manage/SiteManageComponent.vue";
+import UserManageComponent from "@/components/manage/UserManageComponent.vue";
 
 const activeName = ref<string>("site");
 
@@ -25,11 +27,15 @@ onMounted(() => {
     <el-tab-pane label="网站设置" name="site">
       <SiteManageComponent />
     </el-tab-pane>
-    <el-tab-pane label="博文设置" name="third">
+    <el-tab-pane label="博文管理" name="third">
       <BlogManageComponent />
     </el-tab-pane>
-    <el-tab-pane label="用户设置" name="user">Config</el-tab-pane>
-    <el-tab-pane label="评论设置" name="test">Role</el-tab-pane>
+    <el-tab-pane label="附件管理" name="user">
+      <AttachManageComponent />
+    </el-tab-pane>
+    <el-tab-pane label="用户管理" name="test">
+      <UserManageComponent />
+    </el-tab-pane>
   </el-tabs>
 </template>