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(() => {
-