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..b9eed7c 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([]); @@ -45,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, @@ -127,16 +134,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); @@ -146,10 +152,11 @@ const fetchNews = async () => { // ----------------- 添加/编辑 ----------------- const saveNews = async () => { try { + editingNews.content = quillInstance.value.root.innerHTML 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,16 +168,15 @@ 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; + quillInstance.value.clipboard.dangerouslyPasteHTML(editingNews.content) } } finally { loading.value = false; @@ -185,6 +191,7 @@ const addNews = () => { content: "", status: "draft", slug: "", + datetime: null, }); isEditing.value = false; showForm.value = true; @@ -222,7 +229,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 +237,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); } @@ -243,6 +250,7 @@ function uploadImage(file) { onMounted(() => { fetchNews(); + addNews(); }); @@ -303,7 +311,7 @@ onMounted(() => {
-