From 6024da60821c20b6d4ffc686830e896064162cc5 Mon Sep 17 00:00:00 2001
From: li-chx <lchx751176501@gmail.com>
Date: Sun, 11 May 2025 17:23:34 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E6=8F=90=E4=BA=A4=E6=BC=8F?=
 =?UTF-8?q?=E7=BD=91=E4=B9=8B=E9=B1=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |   1 +
 .../[userId]/addNewArticle/index.vue          |  23 +++
 .../index/articleManage/[userId]/index.vue    | 145 ++++++++++++++++++
 3 files changed, 169 insertions(+)
 create mode 100644 app/pages/base/index/articleManage/[userId]/addNewArticle/index.vue
 create mode 100644 app/pages/base/index/articleManage/[userId]/index.vue

diff --git a/.gitignore b/.gitignore
index aa03ce3..1427e3c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ logs
 .env.*
 !.env.example
 /pnpm-lock.yaml
+/output.tar.gz
diff --git a/app/pages/base/index/articleManage/[userId]/addNewArticle/index.vue b/app/pages/base/index/articleManage/[userId]/addNewArticle/index.vue
new file mode 100644
index 0000000..3f789f8
--- /dev/null
+++ b/app/pages/base/index/articleManage/[userId]/addNewArticle/index.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+  const store = useArticleStore();
+  const content = ref(store.currentArticle.content);
+  const title = ref(store.currentArticle.title);
+
+  async function uploadArticle(data: { title: string; content: string }) {
+    store.currentArticle.title = data.title;
+    store.currentArticle.content = data.content;
+    await store.addNewArticle();
+    useRouter().back();
+  }
+</script>
+
+<template>
+  <ArticleEditor
+    :base-content="content"
+    :base-title="title"
+    :save-button="'上传文章'"
+    @article-edit-finish="uploadArticle"
+  />
+</template>
+
+<style scoped lang="less"></style>
diff --git a/app/pages/base/index/articleManage/[userId]/index.vue b/app/pages/base/index/articleManage/[userId]/index.vue
new file mode 100644
index 0000000..d99890f
--- /dev/null
+++ b/app/pages/base/index/articleManage/[userId]/index.vue
@@ -0,0 +1,145 @@
+<script setup lang="tsx">
+  import type { TableProps, TableRowData } from 'tdesign-vue-next';
+  import BackButton from '~/components/BackButton.vue';
+  import { TButton } from '#components';
+  const userId = useRoute().params.userId as string;
+  const store = useArticleStore();
+  const avatarURL = ref('');
+  const { currentManageUser, currentUserPagination, currentUserArticleList } =
+    storeToRefs(store);
+  onMounted(async () => {
+    try {
+      await store.getCurrentManageUserInfo(userId);
+      avatarURL.value = (await store.getCurrentManageUserAvatar(true))!;
+      await store.getCurrentManageUserArticleTotal();
+      await store.getCurrentManageUserArticleList();
+    } catch (e) {
+      await MessagePlugin.error(e as string);
+    }
+  });
+  const columns = ref<TableProps['columns']>([
+    {
+      colKey: 'index',
+      title: '序号',
+      cell: (_, { rowIndex }: { rowIndex: number }) => (
+        <div>
+          {(currentUserPagination.value!.current! - 1) *
+            currentUserPagination.value!.pageSize! +
+            rowIndex +
+            1}
+        </div>
+      ),
+    },
+    {
+      colKey: 'title',
+      title: '文章标题',
+    },
+    {
+      colKey: 'mainIdea',
+      title: '文章大意',
+    },
+    {
+      colKey: 'operator',
+      title: '操作',
+      width: '10%',
+      cell: (_, { row }) =>
+        h('div', { class: 'w-48 flex flex-row justify-evenly' }, [
+          h(
+            TButton,
+            {
+              onClick: () => checkArticle(row),
+            },
+            { default: () => '查看' },
+          ),
+          h(
+            TButton,
+            {
+              onClick: () => modifyArticle(row),
+            },
+            { default: () => '修改' },
+          ),
+          h(
+            TButton,
+            {
+              onClick: () => deleteArticle(row),
+            },
+            { default: () => '删除' },
+          ),
+        ]),
+    },
+  ]);
+
+  function modifyArticle(row: TableRowData) {
+    store.currentArticle = {
+      id: row.id,
+      title: row.title,
+      mainIdea: row.mainIdea,
+      content: row.content,
+    };
+    useRouter().push(`/base/articleManage/${userId}/modifyArticle`);
+  }
+  function checkArticle(row: TableRowData) {
+    store.currentArticle = {
+      id: row.id,
+      title: row.title,
+      mainIdea: row.mainIdea,
+      content: row.content,
+    };
+    useRouter().push(`/base/articleManage/${userId}/checkArticle`);
+  }
+  async function deleteArticle(row: TableRowData) {
+    const { id } = row;
+    await store.deleteArticle(id);
+    await store.getCurrentManageUserArticleTotal();
+    await store.getCurrentManageUserArticleList();
+  }
+  async function pageChange(x: { current: number; pageSize: number }) {
+    if (currentUserPagination.value) {
+      currentUserPagination.value.current = x.current;
+      currentUserPagination.value.pageSize = x.pageSize;
+      await store.getCurrentManageUserArticleList();
+    }
+  }
+</script>
+
+<template>
+  <BasicInfo
+    :avatar-url="avatarURL"
+    :show-welcome="false"
+    :data="currentManageUser"
+  >
+    <template #header>
+      <back-button class="ml-3" />
+    </template>
+    <div
+      class="h-full bg-white rounded-xl m-2 p-6 border-2 dark:bg-neutral-800 dark:border-zinc-600"
+    >
+      <div class="p-4 pt-0">
+        <t-button
+          @click="
+            () => {
+              store.currentArticle = {
+                id: 0,
+                title: '',
+                mainIdea: '',
+                content: '',
+              };
+              useRouter().push(`/base/articleManage/${userId}/addNewArticle`);
+            }
+          "
+        >
+          添加新文章
+        </t-button>
+      </div>
+      <super-table
+        v-model:pagination="currentUserPagination"
+        :data="currentUserArticleList"
+        :columns="columns"
+        :loading="false"
+        @page-change="pageChange"
+      ></super-table>
+    </div>
+  </BasicInfo>
+</template>
+
+<style scoped lang="less"></style>