From e202a8e9cb5e9fb9a3b9a1381ba409d131ab7ef0 Mon Sep 17 00:00:00 2001
From: huangge1199 <huangge1199@hotmail.com>
Date: Tue, 10 Sep 2024 15:21:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86=E7=8A=B6=E6=80=81=E7=BB=91=E5=AE=9A?=
 =?UTF-8?q?=E5=88=B0=E5=AD=97=E5=85=B8=E4=B8=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss     |  4 ++++
 src/views/blog/posts/index.vue   |  9 +++++++--
 src/views/blog/posts/setting.vue | 15 ++++++++++++++-
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 88dd631..f44f1ef 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -220,3 +220,7 @@ aside {
 .multiselect--active {
   z-index: 1000 !important;
 }
+
+.el-tabs--top {
+  flex-direction: column;
+}
diff --git a/src/views/blog/posts/index.vue b/src/views/blog/posts/index.vue
index 66cd9a5..6b63432 100644
--- a/src/views/blog/posts/index.vue
+++ b/src/views/blog/posts/index.vue
@@ -53,7 +53,11 @@
     <el-table v-loading="loading" :data="postsList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center"/>
       <el-table-column label="主键" align="center" prop="id"/>
-      <el-table-column label="状态" align="center" prop="status"/>
+      <el-table-column label="状态" align="center" prop="status">
+        <template #default="scope">
+          <dict-tag :options="blog_post_status" :value="scope.row.status"/>
+        </template>
+      </el-table-column>
       <el-table-column label="标题" align="center" prop="title"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
@@ -78,12 +82,13 @@
 </template>
 
 <script setup name="Posts">
-import {listPosts, getPosts, delPosts, addPosts, updatePosts} from "@/api/blog/posts";
+import {listPosts, getPosts, delPosts} from "@/api/blog/posts";
 import {useRouter} from 'vue-router';
 
 const router = useRouter();
 
 const {proxy} = getCurrentInstance();
+const { blog_post_status } = proxy.useDict('blog_post_status');
 
 // 表格数据
 const postsList = ref([]);
diff --git a/src/views/blog/posts/setting.vue b/src/views/blog/posts/setting.vue
index 869c789..9aea096 100644
--- a/src/views/blog/posts/setting.vue
+++ b/src/views/blog/posts/setting.vue
@@ -21,6 +21,16 @@
       <el-form-item label="是否置顶：" prop="topPriority">
         <el-switch v-model="localForm.topPriority"/>
       </el-form-item>
+        <el-form-item label="状态：" prop="status">
+          <el-select v-model="localForm.status" placeholder="请选择状态">
+            <el-option
+              v-for="dict in blog_post_status"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
       <el-form-item label="关键字：" prop="keywords">
         <el-input v-model="localForm.keywords" type="textarea" placeholder="请输入内容"/>
       </el-form-item>
@@ -53,8 +63,11 @@ const props = defineProps({
 })
 const emit = defineEmits(['update:form']);
 
+const {proxy} = getCurrentInstance();
+const { blog_post_status } = proxy.useDict('blog_post_status');
+
 const treeProps = ref({
-  value: 'id',
+  // value: 'id',
   label: 'name'
 })