Skip to content

V
vue-kwan-admin

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

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

添加质量分查询

上级 1d523f6b
隐藏空白更改
内联 并排
Showing with 78 addition and 28 deletion
dist/css/app.79df1c47.css → dist/css/app.6dc3b46b.css
浏览文件 @ 9ccd768e
.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-605e601d]{width:200px;height:100%;border-right:1px solid #eaeaea}.left-aside-item[data-v-605e601d]{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-7c43a5bc]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-7c43a5bc]{color:#333}.pagination[data-v-7c43a5bc]{margin-top:16px;text-align:right}.header-button-item[data-v-7c43a5bc]{margin-right:15px;font-size:20px}.red-title[data-v-7c43a5bc]{line-height:24px;font-size:18px;color:red}.backtop[data-v-7c43a5bc]{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-7c43a5bc]{width:100%;text-align:left}.backtop[data-v-7c43a5bc]:hover{background-color:#0050a0}.el-header[data-v-9ca3b3fc]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-9ca3b3fc]{color:#333}.pagination[data-v-9ca3b3fc]{margin-top:16px;text-align:right}.header-button-item[data-v-9ca3b3fc]{margin-right:15px;font-size:20px}.red-title[data-v-9ca3b3fc]{line-height:24px;font-size:18px;color:red}.backtop[data-v-9ca3b3fc]{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-9ca3b3fc]{width:100%;text-align:left}.backtop[data-v-9ca3b3fc]: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-605e601d]{width:200px;height:100%;border-right:1px solid #eaeaea}.left-aside-item[data-v-605e601d]{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-7c43a5bc]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-7c43a5bc]{color:#333}.pagination[data-v-7c43a5bc]{margin-top:16px;text-align:right}.header-button-item[data-v-7c43a5bc]{margin-right:15px;font-size:20px}.red-title[data-v-7c43a5bc]{line-height:24px;font-size:18px;color:red}.backtop[data-v-7c43a5bc]{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-7c43a5bc]{width:100%;text-align:left}.backtop[data-v-7c43a5bc]:hover{background-color:#0050a0}.el-header[data-v-eda8f754]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-eda8f754]{color:#333}.pagination[data-v-eda8f754]{margin-top:16px;text-align:right}.header-button-item[data-v-eda8f754]{margin-right:15px;font-size:20px}.red-title[data-v-eda8f754]{line-height:24px;font-size:18px;color:red}.backtop[data-v-eda8f754]{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-eda8f754]{width:100%;text-align:left}.backtop[data-v-eda8f754]: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/)
......
dist/index.html
浏览文件 @ 9ccd768e
<!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.79df1c47.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.952d076b.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.79df1c47.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.952d076b.js"></script></body></html>
\ No newline at end of file
<!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.6dc3b46b.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.dbd29e5f.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.6dc3b46b.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.dbd29e5f.js"></script></body></html>
\ No newline at end of file
dist/js/app.952d076b.js.map 已删除 100644 → 0
浏览文件 @ 1d523f6b
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
dist/js/app.952d076b.js → dist/js/app.dbd29e5f.js
浏览文件 @ 9ccd768e
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
dist/js/app.dbd29e5f.js.map 0 → 100644
浏览文件 @ 9ccd768e
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
src/components/menus/MyArticleInfo.vue
浏览文件 @ 9ccd768e
......@@ -12,6 +12,12 @@
<el-form-item>
<el-input size="small" clearable v-model="formInline.nickName" placeholder="请输入用户昵称" @keydown.enter.native="articleInfoPage"></el-input>
</el-form-item>
<el-form-item>
<el-input size="small" clearable v-model="formInline.articleScoreStart" placeholder="质量分Start" @keydown.enter.native="articleInfoPage"></el-input>
</el-form-item>
<el-form-item>
<el-input size="small" clearable v-model="formInline.articleScoreEnd" placeholder="质量分End" @keydown.enter.native="articleInfoPage"></el-input>
</el-form-item>
<el-form-item>
<el-select size="small" v-model="formInline.likeStatus" placeholder="请选择点赞状态" @change="articleInfoPage">
<el-option v-for="item in likeStatus" :key="item.type" :label="item.name" :value="item.type"></el-option>
......@@ -54,18 +60,47 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="prepareAllTriplet">三连</el-button>
<el-dialog title="提示" :visible.sync="allTripletDialogVisible" width="30%" :before-close="handleClose">
<span>确认三连吗?</span>
<span slot="footer" class="dialog-footer">
<el-button @click="allTripletDialogVisible = false">取 消</el-button>
<el-button type="primary" @click.prevent="allTriplet()">确 定</el-button>
</span>
</el-dialog>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="prepareGetScore">质量分查询</el-button>
<el-dialog title="质量分查询" :visible.sync="getScoreFormVisible" style="width: 100%">
<el-form :model="form" class="custom-form">
<!-- <el-input placeholder="请输入文章链接" v-model="form.articleUrl" autocomplete="off" style="width: 100%"></el-input>
<br />
<el-form-item label="文章质量分" :label-width="formLabelWidth" class="form-item">
<el-input v-model="form.articleScore" autocomplete="off" style="width: 100%"></el-input>
</el-form-item> -->
<el-row :gutter="20">
<el-col :span="18">
<el-input v-model="form.articleUrl" placeholder="请输入文章链接" autocomplete="off"></el-input>
</el-col>
</el-row>
<br />
<el-row :gutter="20">
<el-col :span="12">
<el-input v-model="form.articleScore" placeholder="质量分待查询" autocomplete="off"></el-input>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="getScoreFormVisible = false">取 消</el-button>
<el-button type="primary" @click="getScore">查 询</el-button>
</div>
</el-dialog>
</el-form-item>
<el-dialog title="提示" :visible.sync="allTripletDialogVisible" width="30%" :before-close="handleClose">
<span>确认三连吗?</span>
<span slot="footer" class="dialog-footer">
<el-button @click="allTripletDialogVisible = false">取 消</el-button>
<el-button type="primary" @click.prevent="allTriplet()">确 定</el-button>
</span>
</el-dialog>
</el-form>
<el-table ref="multipleTable" v-loading="loading" :data="articleInfoList" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50"></el-table-column>
<el-table-column prop="articleId" label="文章id" show-overflow-tooltip ></el-table-column>
<el-table-column prop="articleId" label="文章id" show-overflow-tooltip></el-table-column>
<el-table-column prop="userName" label="用户名称" show-overflow-tooltip></el-table-column>
<el-table-column prop="nickName" label="用户昵称" show-overflow-tooltip></el-table-column>
<el-table-column prop="articleTitle" label="文章标题" show-overflow-tooltip>
......@@ -73,7 +108,7 @@
<a :href="scope.row.articleUrl" target="_blank">{{ scope.row.articleTitle }}</a>
</template>
</el-table-column>
<el-table-column prop="articleScore" label="质量分" show-overflow-tooltip></el-table-column>
<el-table-column prop="articleDescription" label="文章描述" show-overflow-tooltip></el-table-column>
<el-table-column prop="likeStatusName" label="点赞状态" width="130" show-overflow-tooltip>
......@@ -158,12 +193,16 @@ export default {
form: {
userName: '',
articleId: '',
articleUrl: '',
articleScore: '',
},
formInline: {
articleId: '',
userName: '',
nickName: '',
articleUrl: '',
articleScoreStart: 0,
articleScoreEnd: 100,
likeStatus: null,
collectStatus: null,
commentStatus: null,
......@@ -218,6 +257,7 @@ export default {
editVisible: false,
tripletVisible: false,
allTripletDialogVisible: false,
getScoreFormVisible: false,
// 用户列表数据
articleInfoList: [],
loading: false,
......@@ -233,20 +273,13 @@ export default {
}
},
watch: {
'formInline.articleId'(newVal, oldVal) {
this.currentPage = 1
localStorage.setItem('csdnUserPage', this.currentPage)
this.articleInfoPage()
},
'formInline.userName'(newVal, oldVal) {
this.currentPage = 1
localStorage.setItem('csdnUserPage', this.currentPage)
this.articleInfoPage()
},
'formInline.nickName'(newVal, oldVal) {
this.currentPage = 1
localStorage.setItem('csdnUserPage', this.currentPage)
this.articleInfoPage()
formInline: {
handler(newVal, oldVal) {
this.currentPage = 1
localStorage.setItem('csdnUserPage', this.currentPage)
this.articleInfoPage()
},
deep: true,
},
// 监听currentPage的变化，将新值保存到localStorage中
currentPage(newPage) {
......@@ -266,6 +299,11 @@ export default {
this.form.articleId = ''
this.dialogAddFormVisible = true
},
prepareGetScore() {
this.form.articleUrl = ''
this.form.articleScore = ''
this.getScoreFormVisible = true
},
prepareAllTriplet() {
this.allTripletDialogVisible = true
},
......@@ -360,6 +398,16 @@ export default {
this.loading = false
}
},
async getScore() {
this.loading = true
const { data: res } = await axios.get('http://120.79.36.53:8888/csdnArticleInfo/getScore?articleUrl=' + this.form.articleUrl)
if (res.code === 200) {
this.form.articleScore = res.result
} else {
console.error('Received non-200 status code', res)
}
this.loading = false
},
async triplet(articleId) {
this.loading = true
this.tripletVisible = false
......@@ -414,6 +462,8 @@ export default {
articleId: this.formInline.articleId,
userName: this.formInline.userName,
nickName: this.formInline.nickName,
articleScoreStart: this.formInline.articleScoreStart,
articleScoreEnd: this.formInline.articleScoreEnd,
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,
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或