Skip to content

V
vue-kwan-admin

Kwan的解忧杂货铺@新空间代码工作室 / vue-kwan-admin

通知 39
Star 6
Fork 3
V
vue-kwan-admin
提交 a18c1d19 编写于 作者: Kwan的解忧杂货铺@新空间代码工作室's avatar Kwan的解忧杂货铺@新空间代码工作室 🐭
浏览文件
操作

zhengli

上级 4891c1c4
隐藏空白更改
内联 并排
Showing with 360 addition and 346 deletion
dist/css/app.c6f8d9a5.css → dist/css/app.e14cb3c7.css
浏览文件 @ a18c1d19
.login-container[data-v-1be4e8ce]{background-color:#35495e;height:100%}.login-container .login-box[data-v-1be4e8ce]{width:400px;height:250px;background-color:#fff;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px hsla(0,0%,100%,.5)}.login-container .login-box .form-login[data-v-1be4e8ce]{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box}.form-control[data-v-1be4e8ce]{flex:1}.avatar-box[data-v-1be4e8ce]{position:absolute;width:100%;top:-65px;left:0}.avatar-box .avatar[data-v-1be4e8ce]{width:120px;height:120px;border-radius:50%!important;box-shadow:0 0 6px #efefef}.layout-header-left-img[data-v-747b32ea]{height:50px}.layout-aside-container[data-v-08a8fba8]{width:200px;height:100%;border-right:1px solid #eaeaea}.left-aside-item[data-v-08a8fba8]{font-size:20px}.el-main{padding:20px 3px!important}.el-header[data-v-15b8f4b2]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-15b8f4b2]{color:#333}.pagination[data-v-15b8f4b2]{margin-top:16px;text-align:right}.arrow-button[data-v-15b8f4b2]{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer}.custom-icon[data-v-15b8f4b2]{font-size:24px;color:#f90;margin-right:6px}.arrow-button.disabled[data-v-15b8f4b2]{pointer-events:none;opacity:.1}.el-header[data-v-0be38d50]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-0be38d50]{color:#333}.pagination[data-v-0be38d50]{margin-top:16px;text-align:right}.header-button-item[data-v-0be38d50]{margin-right:15px;font-size:20px}.backtop[data-v-0be38d50]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.backtop[data-v-0be38d50]:hover{background-color:#0050a0}.el-header[data-v-8d787e5a]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-8d787e5a]{color:#333}.pagination[data-v-8d787e5a]{margin-top:16px;text-align:right}.header-button-item[data-v-8d787e5a]{margin-right:15px;font-size:20px}.red-title[data-v-8d787e5a]{line-height:24px;font-size:18px;color:red}.backtop[data-v-8d787e5a]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-8d787e5a]{width:100%;text-align:left}.backtop[data-v-8d787e5a]:hover{background-color:#0050a0}.el-header[data-v-1320254c]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-1320254c]{color:#333}.pagination[data-v-1320254c]{margin-top:16px;text-align:right}.header-button-item[data-v-1320254c]{margin-right:15px;font-size:20px}.red-title[data-v-1320254c]{line-height:24px;font-size:18px;color:red}.backtop[data-v-1320254c]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-1320254c]{width:100%;text-align:left}.backtop[data-v-1320254c]:hover{background-color:#0050a0}.el-header[data-v-834ece92]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-834ece92]{color:#333}.pagination[data-v-834ece92]{margin-top:16px;text-align:right}.header-button-item[data-v-834ece92]{margin-right:15px;font-size:20px}.red-title[data-v-834ece92]{line-height:24px;font-size:18px;color:red}.backtop[data-v-834ece92]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-834ece92]{width:100%;text-align:left}.backtop[data-v-834ece92]:hover{background-color:#0050a0}.el-header[data-v-33806974]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-33806974]{color:#333}.pagination[data-v-33806974]{margin-top:16px;text-align:right}.header-button-item[data-v-33806974]{margin-right:15px;font-size:20px}.red-title[data-v-33806974]{line-height:24px;font-size:18px;color:red}.backtop[data-v-33806974]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-33806974]{width:100%;text-align:left}.backtop[data-v-33806974]:hover{background-color:#0050a0}.el-header[data-v-0ccce9f9]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-0ccce9f9]{color:#333}.pagination[data-v-0ccce9f9]{margin-top:16px;text-align:right}.header-button-item[data-v-0ccce9f9]{margin-right:15px;font-size:20px}.red-title[data-v-0ccce9f9]{line-height:24px;font-size:18px;color:red}.backtop[data-v-0ccce9f9]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-0ccce9f9]{width:100%;text-align:left}.backtop[data-v-0ccce9f9]:hover{background-color:#0050a0}.el-header[data-v-6e6ab333]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-6e6ab333]{color:#333}.pagination[data-v-6e6ab333]{margin-top:16px;text-align:right}.header-button-item[data-v-6e6ab333]{margin-right:15px;font-size:20px}.red-title[data-v-6e6ab333]{line-height:24px;font-size:18px;color:red}.backtop[data-v-6e6ab333]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-6e6ab333]{width:100%;text-align:left}.backtop[data-v-6e6ab333]:hover{background-color:#0050a0}.button-container[data-v-9d5d30a4]{position:fixed;bottom:0;right:0;margin:16px}.container[data-v-ddc6c3e0]{display:flex;justify-content:center;align-items:center;height:30vh} .login-container[data-v-1be4e8ce]{background-color:#35495e;height:100%}.login-container .login-box[data-v-1be4e8ce]{width:400px;height:250px;background-color:#fff;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px hsla(0,0%,100%,.5)}.login-container .login-box .form-login[data-v-1be4e8ce]{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box}.form-control[data-v-1be4e8ce]{flex:1}.avatar-box[data-v-1be4e8ce]{position:absolute;width:100%;top:-65px;left:0}.avatar-box .avatar[data-v-1be4e8ce]{width:120px;height:120px;border-radius:50%!important;box-shadow:0 0 6px #efefef}.layout-header-left-img[data-v-747b32ea]{height:50px}.layout-aside-container[data-v-08a8fba8]{width:200px;height:100%;border-right:1px solid #eaeaea}.left-aside-item[data-v-08a8fba8]{font-size:20px}.el-main{padding:20px 3px!important}.el-header[data-v-15b8f4b2]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-15b8f4b2]{color:#333}.pagination[data-v-15b8f4b2]{margin-top:16px;text-align:right}.arrow-button[data-v-15b8f4b2]{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer}.custom-icon[data-v-15b8f4b2]{font-size:24px;color:#f90;margin-right:6px}.arrow-button.disabled[data-v-15b8f4b2]{pointer-events:none;opacity:.1}.el-header[data-v-0be38d50]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-0be38d50]{color:#333}.pagination[data-v-0be38d50]{margin-top:16px;text-align:right}.header-button-item[data-v-0be38d50]{margin-right:15px;font-size:20px}.backtop[data-v-0be38d50]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.backtop[data-v-0be38d50]:hover{background-color:#0050a0}.el-header[data-v-8d787e5a]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-8d787e5a]{color:#333}.pagination[data-v-8d787e5a]{margin-top:16px;text-align:right}.header-button-item[data-v-8d787e5a]{margin-right:15px;font-size:20px}.red-title[data-v-8d787e5a]{line-height:24px;font-size:18px;color:red}.backtop[data-v-8d787e5a]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-8d787e5a]{width:100%;text-align:left}.backtop[data-v-8d787e5a]:hover{background-color:#0050a0}.el-header[data-v-1320254c]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-1320254c]{color:#333}.pagination[data-v-1320254c]{margin-top:16px;text-align:right}.header-button-item[data-v-1320254c]{margin-right:15px;font-size:20px}.red-title[data-v-1320254c]{line-height:24px;font-size:18px;color:red}.backtop[data-v-1320254c]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-1320254c]{width:100%;text-align:left}.backtop[data-v-1320254c]:hover{background-color:#0050a0}.el-header[data-v-834ece92]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-834ece92]{color:#333}.pagination[data-v-834ece92]{margin-top:16px;text-align:right}.header-button-item[data-v-834ece92]{margin-right:15px;font-size:20px}.red-title[data-v-834ece92]{line-height:24px;font-size:18px;color:red}.backtop[data-v-834ece92]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-834ece92]{width:100%;text-align:left}.backtop[data-v-834ece92]:hover{background-color:#0050a0}.el-header[data-v-33806974]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-33806974]{color:#333}.pagination[data-v-33806974]{margin-top:16px;text-align:right}.header-button-item[data-v-33806974]{margin-right:15px;font-size:20px}.red-title[data-v-33806974]{line-height:24px;font-size:18px;color:red}.backtop[data-v-33806974]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-33806974]{width:100%;text-align:left}.backtop[data-v-33806974]:hover{background-color:#0050a0}.el-header[data-v-94d7fefa]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-94d7fefa]{color:#333}.pagination[data-v-94d7fefa]{margin-top:16px;text-align:right}.header-button-item[data-v-94d7fefa]{margin-right:15px;font-size:20px}.red-title[data-v-94d7fefa]{line-height:24px;font-size:18px;color:red}.backtop[data-v-94d7fefa]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-94d7fefa]{width:100%;text-align:left}.backtop[data-v-94d7fefa]:hover{background-color:#0050a0}.el-header[data-v-6e6ab333]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-6e6ab333]{color:#333}.pagination[data-v-6e6ab333]{margin-top:16px;text-align:right}.header-button-item[data-v-6e6ab333]{margin-right:15px;font-size:20px}.red-title[data-v-6e6ab333]{line-height:24px;font-size:18px;color:red}.backtop[data-v-6e6ab333]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-6e6ab333]{width:100%;text-align:left}.backtop[data-v-6e6ab333]:hover{background-color:#0050a0}.button-container[data-v-9d5d30a4]{position:fixed;bottom:0;right:0;margin:16px}.container[data-v-ddc6c3e0]{display:flex;justify-content:center;align-items:center;height:30vh}
/*! /*!
* Bootstrap v4.5.0 (https://getbootstrap.com/) * Bootstrap v4.5.0 (https://getbootstrap.com/)
......
dist/index.html
浏览文件 @ a18c1d19
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/kwan.png"><title>kwan</title><link href="/css/app.c6f8d9a5.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.0739a66e.js" rel="preload" as="script"><link href="/js/chunk-vendors.533b9d47.js" rel="preload" as="script"><link href="/css/chunk-vendors.bedbfba9.css" rel="stylesheet"><link href="/css/app.c6f8d9a5.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but kwan doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.533b9d47.js"></script><script src="/js/app.0739a66e.js"></script></body></html> <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/kwan.png"><title>kwan</title><link href="/css/app.e14cb3c7.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.fb2789fa.js" rel="preload" as="script"><link href="/js/chunk-vendors.533b9d47.js" rel="preload" as="script"><link href="/css/chunk-vendors.bedbfba9.css" rel="stylesheet"><link href="/css/app.e14cb3c7.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but kwan doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.533b9d47.js"></script><script src="/js/app.fb2789fa.js"></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/js/app.0739a66e.js.map 已删除 100644 → 0
浏览文件 @ 4891c1c4
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
dist/js/app.0739a66e.js → dist/js/app.fb2789fa.js
浏览文件 @ a18c1d19
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
dist/js/app.fb2789fa.js.map 0 → 100644
浏览文件 @ a18c1d19
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
src/api/ApiService.js 0 → 100644
浏览文件 @ a18c1d19
import axios from 'axios'
// 创建一个名为 ApiService 的对象，包含您的异步方法
const ApiService = {
async triplet(articleId) {
return await axios.get('http://120.79.36.53:8888/csdnArticleInfo/triplet?articleId=' + articleId);
},
async allTriplet(articleIds) {
return await axios.post('http://120.79.36.53:8888/csdnArticleInfo/multiTriplet', articleIds);
},
async onDelete(id) {
return await axios.get('http://120.79.36.53:8888/csdnArticleInfo/delete', {
params: {
id: id
}
})
}
}
export default ApiService;
\ No newline at end of file
src/components/menus/MyArticleInfo.vue
浏览文件 @ a18c1d19
...@@ -182,355 +182,351 @@ ...@@ -182,355 +182,351 @@
<script> <script>
import axios from 'axios' import axios from 'axios'
import ApiService from '../../api/ApiService'
export default { export default {
name: 'MyArticleInfo', name: 'MyArticleInfo',
data() { data() {
return { return {
form: { form: {
userName: '', userName: '',
articleId: '', articleId: '',
articleUrl: '', articleUrl: '',
articleScore: '', articleScore: '',
}, },
formInline: { formInline: {
articleId: '', articleId: '',
userName: '', userName: '',
nickName: '', nickName: '',
articleUrl: '', articleUrl: '',
isMyself: null, isMyself: null,
articleScoreStart: 0, articleScoreStart: 0,
articleScoreEnd: 100, articleScoreEnd: 100,
likeStatus: null, likeStatus: null,
collectStatus: null, collectStatus: null,
commentStatus: null, commentStatus: null,
}, },
likeStatus: [ likeStatus: [
{ {
type: -1, type: -1,
name: '全部', name: '全部',
}, },
{ {
type: 0, type: 0,
name: '未处理', name: '未处理',
}, },
{ type: 1, name: '已经点过赞' }, { type: 1, name: '已经点过赞' },
{ type: 2, name: '点赞已满' }, { type: 2, name: '点赞已满' },
{ type: 3, name: '取消点赞' }, { type: 3, name: '取消点赞' },
{ type: 9, name: '点赞成功' }, { type: 9, name: '点赞成功' },
], ],
collectStatus: [ collectStatus: [
{ {
type: -1, type: -1,
name: '全部', name: '全部',
}, },
{ {
type: 0, type: 0,
name: '未处理', name: '未处理',
}, },
{ type: 1, name: '已经收藏过' }, { type: 1, name: '已经收藏过' },
{ type: 2, name: '收藏已满' }, { type: 2, name: '收藏已满' },
{ type: 3, name: '参数缺失' }, { type: 3, name: '参数缺失' },
{ type: 9, name: '收藏成功' }, { type: 9, name: '收藏成功' },
], ],
isMyself: [ isMyself: [
{ {
type: -1, type: -1,
name: '全部', name: '全部',
}, },
{ {
type: 0, type: 0,
name: '否', name: '否',
}, },
{ type: 1, name: '是' }, { type: 1, name: '是' },
], ],
commentStatus: [ commentStatus: [
{ {
type: -1, type: -1,
name: '全部', name: '全部',
}, },
{ {
type: 0, type: 0,
name: '未处理', name: '未处理',
}, },
{ type: 1, name: '已经评论过' }, { type: 1, name: '已经评论过' },
{ type: 2, name: '评论已满' }, { type: 2, name: '评论已满' },
{ type: 3, name: '禁言' }, { type: 3, name: '禁言' },
{ type: 4, name: '评论太快' }, { type: 4, name: '评论太快' },
{ type: 5, name: '评论已经到了49条' }, { type: 5, name: '评论已经到了49条' },
{ type: 8, name: '其他错误' }, { type: 8, name: '其他错误' },
{ type: 9, name: '评论成功' }, { type: 9, name: '评论成功' },
], ],
dialogAddFormVisible: false, dialogAddFormVisible: false,
dialogDelVisible: false, dialogDelVisible: false,
editVisible: false, editVisible: false,
tripletVisible: false, tripletVisible: false,
allTripletDialogVisible: false, allTripletDialogVisible: false,
getScoreFormVisible: false, getScoreFormVisible: false,
// 用户列表数据 // 用户列表数据
articleInfoList: [], articleInfoList: [],
loading: false, loading: false,
elementui_page_component_key: 0, elementui_page_component_key: 0,
currentPage: Number(localStorage.getItem('csdnUserPage')) || 1, currentPage: Number(localStorage.getItem('csdnUserPage')) || 1,
pageSize: 8, pageSize: 8,
total: 0, total: 0,
// 新增的内容 // 新增的内容
formLabelWidth: '120px', formLabelWidth: '120px',
currentRowId: null, currentRowId: null,
articleId: null, articleId: null,
multipleSelection: [], multipleSelection: [],
} }
}, },
watch: { watch: {
formInline: { formInline: {
handler(newVal, oldVal) { handler(newVal, oldVal) {
this.currentPage = 1 this.currentPage = 1
localStorage.setItem('csdnUserPage', this.currentPage) localStorage.setItem('csdnUserPage', this.currentPage)
this.articleInfoPage() this.articleInfoPage()
}, },
deep: true, deep: true,
}, },
// 监听currentPage的变化，将新值保存到localStorage中 // 监听currentPage的变化，将新值保存到localStorage中
currentPage(newPage) { currentPage(newPage) {
localStorage.setItem('csdnUserPage', newPage.toString()) localStorage.setItem('csdnUserPage', newPage.toString())
}, },
}, },
created() { created() {
//获取问题类型的枚举 //获取问题类型的枚举
this.articleInfoPage() this.articleInfoPage()
}, },
mounted() { mounted() {
this.currentPage = 1 this.currentPage = 1
}, },
methods: { methods: {
prepareAdd() { prepareAdd() {
this.form.userName = '' this.form.userName = ''
this.form.articleId = '' this.form.articleId = ''
this.dialogAddFormVisible = true this.dialogAddFormVisible = true
}, },
prepareGetScore() { prepareGetScore() {
this.form.articleUrl = '' this.form.articleUrl = ''
this.form.articleScore = '' this.form.articleScore = ''
this.getScoreFormVisible = true this.getScoreFormVisible = true
}, },
prepareAllTriplet() { prepareAllTriplet() {
this.allTripletDialogVisible = true this.allTripletDialogVisible = true
}, },
prepareDelete(id) { prepareDelete(id) {
this.currentRowId = id this.currentRowId = id
this.dialogDelVisible = true this.dialogDelVisible = true
}, },
prepareTriplet(articleId) { prepareTriplet(articleId) {
this.articleId = articleId this.articleId = articleId
this.tripletVisible = true this.tripletVisible = true
}, },
preEdit(id, articleId, userName, nickName, articleUrl) { preEdit(id, articleId, userName, nickName, articleUrl) {
this.form.articleId = articleId this.form.articleId = articleId
this.form.userName = userName this.form.userName = userName
this.form.nickName = nickName this.form.nickName = nickName
this.form.articleUrl = articleUrl this.form.articleUrl = articleUrl
this.currentRowId = id this.currentRowId = id
this.editVisible = true this.editVisible = true
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val this.multipleSelection = val
}, },
handleClose(done) { handleClose(done) {
this.$confirm('确认关闭？') this.$confirm('确认关闭？')
.then((_) => { .then((_) => {
done() done()
}) })
.catch((_) => {}) .catch((_) => {})
}, },
handleConfirm(addType) { handleConfirm(addType) {
this.dialogAddFormVisible = false // 关闭对话框 this.dialogAddFormVisible = false // 关闭对话框
this.addUser(addType) // 发送请求 this.addUser(addType) // 发送请求
}, },
async addUser(addType) { async addUser(addType) {
try { try {
this.loading = true this.loading = true
const { data: res } = await axios.post('http://120.79.36.53:8888/csdnArticleInfo/add', { const { data: res } = await axios.post('http://120.79.36.53:8888/csdnArticleInfo/add', {
addType: addType, addType: addType,
userName: this.form.userName, userName: this.form.userName,
articleId: this.form.articleId, articleId: this.form.articleId,
}) })
if (res.code === 200) { if (res.code === 200) {
this.currentPage = 1 this.currentPage = 1
this.form.userName = '' this.form.userName = ''
this.form.articleId = '' this.form.articleId = ''
this.articleInfoPage() this.articleInfoPage()
} else { } else {
this.errorMsg(res.message) this.errorMsg(res.message)
console.error('Received non-200 status code', res) console.error('Received non-200 status code', res)
} }
} catch (error) { } catch (error) {
console.error('An error occurred while adding the questionName:', error) console.error('An error occurred while adding the questionName:', error)
// 异常处理逻辑 // 异常处理逻辑
} finally { } finally {
this.loading = false this.loading = false
} }
}, },
errorMsg(msg) { errorMsg(msg) {
this.$message({ this.$message({
showClose: true, showClose: true,
message: msg, message: msg,
type: 'error', type: 'error',
}) })
}, },
async editConfirm() { async editConfirm() {
try { try {
this.loading = true this.loading = true
const { data: res } = await axios.post('http://120.79.36.53:8888/csdnArticleInfo/update', { const { data: res } = await axios.post('http://120.79.36.53:8888/csdnArticleInfo/update', {
id: this.currentRowId, id: this.currentRowId,
articleId: this.form.articleId, articleId: this.form.articleId,
userName: this.form.userName, userName: this.form.userName,
nickName: this.form.nickName, nickName: this.form.nickName,
articleUrl: this.form.articleUrl, articleUrl: this.form.articleUrl,
}) })
if (res.code === 200) { if (res.code === 200) {
this.form.userName = '' this.form.userName = ''
this.form.nickName = '' this.form.nickName = ''
this.form.articleId = '' this.form.articleId = ''
this.form.articleUrl = '' this.form.articleUrl = ''
this.editVisible = false this.editVisible = false
currentRowId: null currentRowId: null
this.articleInfoPage() this.articleInfoPage()
} else { } else {
console.error('Received non-200 status code', res) console.error('Received non-200 status code', res)
} }
} catch (error) { } catch (error) {
console.error('An error occurred while adding the questionName:', error) console.error('An error occurred while adding the questionName:', error)
// 异常处理逻辑 // 异常处理逻辑
} finally { } finally {
this.loading = false this.loading = false
} }
}, },
async getScore() { async getScore() {
this.loading = true this.loading = true
const { data: res } = await axios.get('http://120.79.36.53:8888/csdnArticleInfo/getScore?articleUrl=' + this.form.articleUrl) const { data: res } = await axios.get('http://120.79.36.53:8888/csdnArticleInfo/getScore?articleUrl=' + this.form.articleUrl)
if (res.code === 200) { if (res.code === 200) {
this.form.articleScore = res.result this.form.articleScore = res.result
} else { } else {
console.error('Received non-200 status code', res) console.error('Received non-200 status code', res)
} }
this.loading = false this.loading = false
}, },
async triplet(articleId) { async triplet(articleId) {
this.loading = true this.loading = true
this.tripletVisible = false this.tripletVisible = false
const { data: res } = await axios.get('http://120.79.36.53:8888/csdnArticleInfo/triplet?articleId=' + articleId) const { data: res } = await ApiService.triplet(articleId)
if (res.code === 200) { if (res.code === 200) {
this.articleId = null this.articleId = null
this.articleInfoPage() this.articleInfoPage()
} else { } else {
console.error('Received non-200 status code', res) console.error('Received non-200 status code', res)
} }
this.loading = false this.loading = false
}, },
async allTriplet() { async allTriplet() {
this.loading = true this.loading = true
this.allTripletDialogVisible = false this.allTripletDialogVisible = false
if (this.multipleSelection && this.multipleSelection.length === 0) { if (this.multipleSelection && this.multipleSelection.length === 0) {
console.error('请选择需要三连的数据行') console.error('请选择需要三连的数据行')
} else { } else {
let articleIds = this.multipleSelection.map((item) => item.articleId) let articleIds = this.multipleSelection.map((item) => item.articleId)
const { data: res } = await axios.post('http://120.79.36.53:8888/csdnArticleInfo/multiTriplet', articleIds) const { data: res } = await ApiService.allTriplet(articleIds)
if (res.code === 200) { if (res.code === 200) {
this.multipleSelection = [] this.multipleSelection = []
this.articleInfoPage() this.articleInfoPage()
} else { } else {
console.error('Received non-200 status code', res) console.error('Received non-200 status code', res)
} }
} }
this.loading = false this.loading = false
}, },
async onDelete(id) { async onDelete(id) {
this.loading = true this.loading = true
this.dialogDelVisible = false this.dialogDelVisible = false
const { data: res } = await axios.get('http://120.79.36.53:8888/csdnArticleInfo/delete', { await ApiService.onDelete(id)
params: { this.articleInfoPage()
id: id, this.loading = false
}, },
}) refreshPage() {
this.articleInfoPage() //获取问题类型的枚举
this.articleInfoPage()
location.reload()
},
async articleInfoPage() {
this.loading = true
const { data: res } = await axios.post('http://120.79.36.53:8888/csdnArticleInfo/page', {
page: this.currentPage,
pageSize: this.pageSize,
articleId: this.formInline.articleId,
userName: this.formInline.userName,
nickName: this.formInline.nickName,
articleScoreStart: this.formInline.articleScoreStart,
articleScoreEnd: this.formInline.articleScoreEnd,
isMyself: this.formInline.isMyself,
likeStatus: this.formInline.likeStatus == -1 ? null : this.formInline.likeStatus,
collectStatus: this.formInline.collectStatus == -1 ? null : this.formInline.collectStatus,
commentStatus: this.formInline.commentStatus == -1 ? null : this.formInline.commentStatus,
})
if (res.code === 200) {
this.total = res.result.totalElements
this.loading = false const likeStatusMap = {}
}, this.likeStatus.forEach((option) => {
refreshPage() { likeStatusMap[option.type] = option.name
//获取问题类型的枚举 })
this.articleInfoPage() res.result.content.forEach((item) => {
location.reload() item.likeStatusName = likeStatusMap[item.likeStatus]
}, })
async articleInfoPage() {
this.loading = true
const { data: res } = await axios.post('http://120.79.36.53:8888/csdnArticleInfo/page', {
page: this.currentPage,
pageSize: this.pageSize,
articleId: this.formInline.articleId,
userName: this.formInline.userName,
nickName: this.formInline.nickName,
articleScoreStart: this.formInline.articleScoreStart,
articleScoreEnd: this.formInline.articleScoreEnd,
isMyself: this.formInline.isMyself,
likeStatus: this.formInline.likeStatus == -1 ? null : this.formInline.likeStatus,
collectStatus: this.formInline.collectStatus == -1 ? null : this.formInline.collectStatus,
commentStatus: this.formInline.commentStatus == -1 ? null : this.formInline.commentStatus,
})
if (res.code === 200) {
this.total = res.result.totalElements
const likeStatusMap = {} const collectStatusMap = {}
this.likeStatus.forEach((option) => { this.collectStatus.forEach((option) => {
likeStatusMap[option.type] = option.name collectStatusMap[option.type] = option.name
}) })
res.result.content.forEach((item) => { res.result.content.forEach((item) => {
item.likeStatusName = likeStatusMap[item.likeStatus] item.collectStatusName = collectStatusMap[item.collectStatus]
}) })
const collectStatusMap = {} const commentStatusMap = {}
this.collectStatus.forEach((option) => { this.commentStatus.forEach((option) => {
collectStatusMap[option.type] = option.name commentStatusMap[option.type] = option.name
}) })
res.result.content.forEach((item) => { res.result.content.forEach((item) => {
item.collectStatusName = collectStatusMap[item.collectStatus] item.commentStatusName = commentStatusMap[item.commentStatus]
}) })
const commentStatusMap = {} this.articleInfoList = res.result.content
this.commentStatus.forEach((option) => { }
commentStatusMap[option.type] = option.name this.loading = false
}) },
res.result.content.forEach((item) => { handleCurrentChange(currentPage) {
item.commentStatusName = commentStatusMap[item.commentStatus] this.currentPage = currentPage
}) this.articleInfoPage()
},
this.articleInfoList = res.result.content handleSizeChange(currentSize) {
} this.pageSize = currentSize
this.loading = false this.articleInfoPage()
}, },
handleCurrentChange(currentPage) { getTagType(statusName) {
this.currentPage = currentPage if (statusName == '未处理') {
this.articleInfoPage() return 'info'
}, } else if (statusName == '已经点过赞' || statusName == '已经收藏过' || statusName == '已经评论过') {
handleSizeChange(currentSize) { return 'success'
this.pageSize = currentSize } else if (statusName == '点赞已满' || statusName == '收藏已满' || statusName == '评论已满' || statusName == '禁言' || statusName == '评论已经到了49条') {
this.articleInfoPage() return 'danger'
}, } else if (statusName == '点赞成功' || statusName == '收藏成功' || statusName == '评论成功') {
getTagType(statusName) { return 'success'
if (statusName == '未处理') { } else if (statusName == '参数缺失' || statusName == '其他错误' || statusName == '取消点赞' || statusName == '评论太快') {
return 'info' return 'warning'
} else if (statusName == '已经点过赞' || statusName == '已经收藏过' || statusName == '已经评论过') { }
return 'success' },
} else if (statusName == '点赞已满' || statusName == '收藏已满' || statusName == '评论已满' || statusName == '禁言' || statusName == '评论已经到了49条') { },
return 'danger'
} else if (statusName == '点赞成功' || statusName == '收藏成功' || statusName == '评论成功') {
return 'success'
} else if (statusName == '参数缺失' || statusName == '其他错误' || statusName == '取消点赞' || statusName == '评论太快') {
return 'warning'
}
},
},
} }
</script> </script>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或