From a5d1de0e23f305e4b1d787d7f88bb1f11dc8f0c1 Mon Sep 17 00:00:00 2001 From: zhaoke Date: Thu, 16 Oct 2025 16:50:46 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/index.js | 18 +++++++++++++++ src/views/manager/index.vue | 45 ++++++++++++++++++------------------- 2 files changed, 40 insertions(+), 23 deletions(-) diff --git a/src/api/index.js b/src/api/index.js index c38662d..b0e2541 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -26,3 +26,21 @@ export function getNewsDetail(params) { params, }) } + +// 保存新闻 +export function updateNews(data) { + return request({ + url: '/news/B8fpNxunbxj37x3VRcVz', + method: 'post', + data, + }) +} + +// 获取新闻列表 +export function saveDetail(data) { + return request({ + url: '/news/VbxWW8EdJQGyWzJyvSrN', + method: 'post', + data, + }) +} diff --git a/src/views/manager/index.vue b/src/views/manager/index.vue index 7a77ba4..2b05b2e 100644 --- a/src/views/manager/index.vue +++ b/src/views/manager/index.vue @@ -3,8 +3,9 @@ import axios from 'axios'; import { ref, reactive, onMounted } from 'vue'; import { QuillEditor } from '@vueup/vue-quill' import '@vueup/vue-quill/dist/vue-quill.snow.css' +import {getNews,getNewsDetail,updateNews,saveDetail} from '@/api/index' -const API_BASE = window.config?.baseUrl +const baseURL = window.config?.baseUrl // 新闻列表 const newsList = ref([]); @@ -127,16 +128,15 @@ function imageHandler() { // ----------------- 获取新闻 ----------------- const fetchNews = async () => { try { - const res = await axios.get(`${API_BASE}/news/`, { - params: { - page: page.value, - page_size: pageSize.value, - status: statusFilter.value || undefined, - }, - }); - if (res.data.code === 0) { - newsList.value = res.data.data; - totalPages.value = res.data.pagination.total_pages; + let query = { + status: statusFilter.value || undefined, + page: page.value, + page_size: pageSize.value, + } + let {code, data, pagination} = await getNews(query) + if (code === 0) { + newsList.value = data; + totalPages.value = pagination.total_pages; } } catch (err) { console.error("获取新闻失败", err); @@ -147,9 +147,9 @@ const fetchNews = async () => { const saveNews = async () => { try { if (isEditing.value) { - await axios.post(`${API_BASE}/news/B8fpNxunbxj37x3VRcVz`, editingNews); + await updateNews(editingNews); } else { - await axios.post(`${API_BASE}/news/VbxWW8EdJQGyWzJyvSrN`, editingNews); + await saveDetail(editingNews); } showForm.value = false; fetchNews(); @@ -161,14 +161,12 @@ const saveNews = async () => { const editNews = async (news) => { loading.value = true; try { - const res = await axios.get(`${API_BASE}/news/details`, { - params: { slug: news.slug } - }); - - console.log(res.data) - if (res.data.code === 0) { - console.log(res.data.data) - Object.assign(editingNews, res.data.data); + let query = { + slug: news.slug, + } + let {code, data} = await getNewsDetail(query) + if (code === 0) { + Object.assign(editingNews, data); isEditing.value = true; showForm.value = true; } @@ -185,6 +183,7 @@ const addNews = () => { content: "", status: "draft", slug: "", + datetime: null, }); isEditing.value = false; showForm.value = true; @@ -222,7 +221,7 @@ function uploadImage(file) { const formData = new FormData(); formData.append('file', file); - fetch(`${API_BASE}/update/img`, { + fetch(`${baseURL}update/img`, { method: 'POST', body: formData, }) @@ -230,7 +229,7 @@ function uploadImage(file) { .then((data) => { if (data.code === 0) { console.log(data) - resolve(`${API_BASE}/download/img/${data.data}`); + resolve(`${baseURL}download/img/${data.data}`); } else { reject(data.msg); } From b9719c22cd6797657c3b1b28b31e3128350b1113 Mon Sep 17 00:00:00 2001 From: zhaoke Date: Thu, 16 Oct 2025 17:35:59 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=8C=E6=96=87?= =?UTF-8?q?=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/manager/index.vue | 27 ++++++++++++++++++--------- 1 file changed, 18 insertions(+), 9 deletions(-) diff --git a/src/views/manager/index.vue b/src/views/manager/index.vue index 2b05b2e..b9eed7c 100644 --- a/src/views/manager/index.vue +++ b/src/views/manager/index.vue @@ -46,14 +46,20 @@ const editorOption= { modules:{ toolbar: { container: [ - ['bold', 'italic', 'underline', 'strike'], - [{ header: 1 }, { header: 2 }], - [{ list: 'ordered' }, { list: 'bullet' }], - [{ indent: '-1' }, { indent: '+1' }], - [{ color: [] }, { background: [] }], - [{ align: [] }], - ['link', 'image'], - ['clean'], + ['bold', 'italic', 'underline', 'strike'], //加粗，斜体，下划线，删除线 + ['blockquote', 'code-block'], //引用，代码块 + [{'header': 1}, {'header': 2}], // 标题，键值对的形式；1、2表示字体大小 + [{'list': 'ordered'}, {'list': 'bullet'}], //列表 + [{'script': 'sub'}, {'script': 'super'}], // 上下标 + [{'indent': '-1'}, {'indent': '+1'}], // 缩进 + [{'direction': 'rtl'}], // 文本方向 + [{'size': ['small', false, 'large', 'huge']}], // 字体大小 + [{'header': [1, 2, 3, 4, 5, 6, false]}], //几级标题 + [{'color': []}, {'background': []}], // 字体颜色，字体背景颜色 + [{'font': []}], //字体 + [{'align': []}], //对齐方式 + ['clean'], //清除字体样式 + ['image', 'video'] //上传图片、上传视频 ], handlers: { image: imageHandler, @@ -146,6 +152,7 @@ const fetchNews = async () => { // ----------------- 添加/编辑 ----------------- const saveNews = async () => { try { + editingNews.content = quillInstance.value.root.innerHTML if (isEditing.value) { await updateNews(editingNews); } else { @@ -169,6 +176,7 @@ const editNews = async (news) => { Object.assign(editingNews, data); isEditing.value = true; showForm.value = true; + quillInstance.value.clipboard.dangerouslyPasteHTML(editingNews.content) } } finally { loading.value = false; @@ -242,6 +250,7 @@ function uploadImage(file) { onMounted(() => { fetchNews(); + addNews(); }); @@ -302,7 +311,7 @@ onMounted(() => {
-