xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:完成登录页面+各种细节

Browse Source
This commit is contained in:
橙子
2023-03-21 23:05:42 +08:00
parent 418f4a4785
commit 4b856c4905
22 changed files with 430 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
Yi.BBS.Vue3/src/views/EditArticle.vue
View File

@@ -1,13 +1,7 @@
<template>
<div style="width: 100%">
<div class="body-div">
<el-form
label-width="120px"
:model="editForm"
label-position="left"
:rules="rules"
ref="ruleFormRef"
>
<el-form label-width="120px" :model="editForm" label-position="left" :rules="rules" ref="ruleFormRef">
<el-form-item label="分类：">
<el-radio-group v-model="radio">
<el-radio-button label="discuss">主题</el-radio-button>
@@ -16,11 +10,7 @@
<el-radio-button label="orther">其他</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item
v-if="route.query.artType == 'article'"
label="子文章名称："
prop="name"
>
<el-form-item v-if="route.query.artType == 'article'" label="子文章名称：" prop="name">
<el-input placeholder="请输入" v-model="editForm.name" />
</el-form-item>
<el-form-item v-else label="标题：" prop="title">
@@ -30,11 +20,7 @@
<el-input placeholder="请输入" v-model="editForm.introduction" />
</el-form-item>
<el-form-item label="内容：" prop="content">
<MavonEdit
height="30rem"
v-model="editForm.content"
:codeStyle="codeStyle"
/>
<MavonEdit height="30rem" v-model="editForm.content" :codeStyle="codeStyle" />
</el-form-item>
<el-form-item label="封面：">
<el-input placeholder="请输入" />
@@ -43,13 +29,7 @@
<el-input placeholder="请输入" v-model="editForm.types" />
</el-form-item>
<el-form-item>
<el-button
@click="submit(ruleFormRef)"
class="submit-btn"
type="primary"
>提交</el-button
></el-form-item
>
<el-button @click="submit(ruleFormRef)" class="submit-btn" type="primary">提交</el-button></el-form-item>
</el-form>
</div>
</div>
@@ -89,11 +69,11 @@ const editForm = reactive({
//组装主题内容： 需要更新主题信息
const discuss = {
};
};
//组装文章内容：需要添加的文章信息
const article = {
};
};
//定义效验规则
const ruleFormRef = ref(null);
@@ -119,45 +99,62 @@ const submit = async (formEl) => {
if (route.query.artType == "discuss") {
discuss.title=editForm.title;
discuss.types= editForm.types;
discuss.introduction= editForm.introduction;
discuss.content= editForm.content;
discuss.plateId= discuss.plateId??route.query.plateId
discuss.title = editForm.title;
discuss.types = editForm.types;
discuss.introduction = editForm.introduction;
discuss.content = editForm.content;
discuss.plateId = discuss.plateId ?? route.query.plateId
//主题创建
if (route.query.operType == "create") {
const response= await discussAdd(discuss);
var routerPer = { path: `/article/${response.data.id}` };
router.push(routerPer);
const response = await discussAdd(discuss);
ElMessage({
message: `[${discuss.title}]主题创建成功！`,
type: 'success',
})
var routerPer = { path: `/article/${response.data.id}` };
router.push(routerPer);
}
//主题更新
else if (route.query.operType == "update") {
await discussUpdate(route.query.discussId, discuss);
ElMessage({
message: `[${discuss.title}]主题更新成功！`,
type: 'success',
})
var routerPer = { path: `/article/${route.query.discussId}` };
router.push(routerPer);
router.push(routerPer);
}
}
//artcle文章处理
else if (route.query.artType == "article") {
//组装文章内容：需要添加的文章信息
article.content= editForm.content;
article.name= editForm.name;
article.discussId=route.query.discussId;
article.parentId=route.query.parentArticleId
//组装文章内容：需要添加的文章信息
article.content = editForm.content;
article.name = editForm.name;
article.discussId = route.query.discussId;
article.parentId = route.query.parentArticleId
//文章创建
if (route.query.operType == "create") {
const response= await articleAdd(article);
const response = await articleAdd(article);
ElMessage({
message: `[${article.name}]文章创建成功！`,
type: 'success',
})
var routerPer = { path: `/article/${route.query.discussId}/${response.data.id}` };
router.push(routerPer);
router.push(routerPer);
}
//文章更新
else if (route.query.operType == "update") {
await articleUpdate(route.query.articleId, article);
ElMessage({
message: `[${article.name}]文章更新成功！`,
type: 'success',
})
var routerPer = { path: `/article/${route.query.discussId}/${route.query.articleId}` };
router.push(routerPer);
router.push(routerPer);
}
}
//添加成功后跳转到该页面
@@ -186,17 +183,17 @@ onMounted(async () => {
//加载主题
const loadDiscuss = async () => {
const response = await discussGet(route.query.discussId);
const res=response.data
const res = response.data
editForm.content = res.content;
editForm.title = res.title;
editForm.types = res.types;
editForm.introduction = res.introduction;
discuss.plateId=res.plateId;
discuss.plateId = res.plateId;
};
//加载文章
const loadArticle = async () => {
const response = await articleGet(route.query.articleId);
const res=response.data
const res = response.data
editForm.content = res.content;
editForm.name = res.name;
editForm.discussId = res.discussId;