多选框

上级 6ce0ea92
.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-312ceefd]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-312ceefd]{color:#333}.pagination[data-v-312ceefd]{margin-top:16px;text-align:right}.header-button-item[data-v-312ceefd]{margin-right:15px;font-size:20px}.red-title[data-v-312ceefd]{line-height:24px;font-size:18px;color:red}.backtop[data-v-312ceefd]{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-312ceefd]{width:100%;text-align:left}.backtop[data-v-312ceefd]:hover{background-color:#0050a0}.el-header[data-v-033c4ad2]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-033c4ad2]{color:#333}.pagination[data-v-033c4ad2]{margin-top:16px;text-align:right}.header-button-item[data-v-033c4ad2]{margin-right:15px;font-size:20px}.red-title[data-v-033c4ad2]{line-height:24px;font-size:18px;color:red}.backtop[data-v-033c4ad2]{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-033c4ad2]{width:100%;text-align:left}.backtop[data-v-033c4ad2]: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-19500aaf]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-19500aaf]{color:#333}.pagination[data-v-19500aaf]{margin-top:16px;text-align:right}.header-button-item[data-v-19500aaf]{margin-right:15px;font-size:20px}.red-title[data-v-19500aaf]{line-height:24px;font-size:18px;color:red}.backtop[data-v-19500aaf]{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-19500aaf]{width:100%;text-align:left}.backtop[data-v-19500aaf]:hover{background-color:#0050a0}.el-header[data-v-41690827]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-41690827]{color:#333}.pagination[data-v-41690827]{margin-top:16px;text-align:right}.header-button-item[data-v-41690827]{margin-right:15px;font-size:20px}.red-title[data-v-41690827]{line-height:24px;font-size:18px;color:red}.backtop[data-v-41690827]{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-41690827]{width:100%;text-align:left}.backtop[data-v-41690827]: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/)
......
<!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.ce3662fe.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.3fc588c8.js" rel="preload" as="script"><link href="/js/chunk-vendors.8385d186.js" rel="preload" as="script"><link href="/css/chunk-vendors.bedbfba9.css" rel="stylesheet"><link href="/css/app.ce3662fe.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.8385d186.js"></script><script src="/js/app.3fc588c8.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.d66beafd.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.dd19df8d.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.d66beafd.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.dd19df8d.js"></script></body></html>
\ No newline at end of file
此差异已折叠。
因为 它太大了无法显示 source diff 。你可以改为 查看blob
此差异已折叠。
此差异已折叠。
......@@ -43,8 +43,19 @@
</div>
</el-dialog>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="prepareAllTriplet">三连</el-button>
</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 border :data="articleInfoList" v-loading="loading">
<el-table ref="multipleTable" :data="articleInfoList" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></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>
......@@ -200,6 +211,7 @@ export default {
formLabelWidth: '120px',
currentRowId: null,
articleId: null,
multipleSelection: [],
}
},
watch: {
......@@ -255,6 +267,10 @@ export default {
this.currentRowId = id
this.editVisible = true
},
handleSelectionChange(val) {
this.multipleSelection = val
},
handleClose(done) {
this.$confirm('确认关闭?')
.then((_) => {
......@@ -338,6 +354,23 @@ export default {
}
this.loading = false
},
async allTriplet() {
this.loading = true
this.allTripletDialogVisible = false
if (this.multipleSelection && this.multipleSelection.length === 0) {
console.error('请选择需要处理的项')
} else {
let articleIds = this.multipleSelection.map((item) => item.articleId)
const { data: res } = await axios.post('http://120.79.36.53:8888/csdnArticleInfo/multiTriplet', articleIds)
if (res.code === 200) {
this.multipleSelection = []
this.userPage()
} else {
console.error('Received non-200 status code', res)
}
}
this.loading = false
},
async onDelete(id) {
this.dialogDelVisible = false
this.loading = true
......
......@@ -88,10 +88,10 @@
</span>
</el-dialog>
<el-form-item>
<el-button type="warning" @click="prepareReset">重置全员状态</el-button>
<el-button type="warning" @click="prepareReset">重置状态</el-button>
</el-form-item>
<el-dialog title="提示" :visible.sync="resetDialogVisible" width="30%" :before-close="handleClose">
<span>确认重置全员状态吗?</span>
<span>确认重置状态吗?</span>
<span slot="footer" class="dialog-footer">
<el-button @click="resetDialogVisible = false">取 消</el-button>
<el-button type="primary" @click.prevent="reset()">确 定</el-button>
......@@ -108,7 +108,8 @@
</span>
</el-dialog>
</el-form>
<el-table border :data="csdnUserList" v-loading="loading">
<el-table ref="multipleTable" :data="csdnUserList" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="userName" label="用户名称" show-overflow-tooltip></el-table-column>
<el-table-column prop="nickName" label="用户昵称" show-overflow-tooltip>
<template slot-scope="scope">
......@@ -127,7 +128,7 @@
{{ props.row.updateTime | dateFormat }}
</template>
</el-table-column>
<el-table-column prop="操作" label="操作" width="310px">
<el-table-column prop="操作" label="操作" width="380px">
<template slot-scope="props">
<el-button type="primary" @click="prepareTriplet(props.row.userName)">三连</el-button>
<el-dialog title="提示" :visible.sync="tripletVisible" width="30%" :before-close="handleClose">
......@@ -168,6 +169,14 @@
<el-button type="primary" @click="editConfirm">确 定</el-button>
</div>
</el-dialog>
<el-button type="danger" @click="prepareBlog10(props.row.userName)">十篇</el-button>
<el-dialog title="提示" :visible.sync="blog10DialogVisible" width="30%" :before-close="handleClose">
<span>确认此用户添加10篇三连文章吗?</span>
<span slot="footer" class="dialog-footer">
<el-button @click="blog10DialogVisible = false">取 消</el-button>
<el-button type="primary" @click.prevent="onBlog10(currentUserName)">确 定</el-button>
</span>
</el-dialog>
<el-button type="danger" @click="prepareDelete(props.row.id)">删除</el-button>
<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
<span>确认删除?</span>
......@@ -276,6 +285,7 @@ export default {
autoReplyDialogVisible: false,
resetUserDialogVisible: false,
resetUserDayStatusVisible: false,
blog10DialogVisible: false,
// 用户列表数据
csdnUserList: [],
loading: false,
......@@ -287,6 +297,7 @@ export default {
formLabelWidth: '120px',
currentRowId: null,
currentUserName: null,
multipleSelection: [],
}
},
watch: {
......@@ -329,6 +340,10 @@ export default {
this.resetUserDayStatusVisible = true
this.currentUserName = userName
},
prepareBlog10(userName) {
this.blog10DialogVisible = true
this.currentUserName = userName
},
prepareReset() {
this.resetDialogVisible = true
},
......@@ -370,6 +385,9 @@ export default {
this.dialogMutiFormVisible = false
this.addUser(addType) // 发送请求
},
handleSelectionChange(val) {
this.multipleSelection = val
},
async addUser(addType) {
try {
......@@ -446,12 +464,18 @@ export default {
async allTriplet() {
this.loading = true
this.allTripletDialogVisible = false
const { data: res } = await axios.get('http://120.79.36.53:8888/csdn/multiTriplet')
if (this.multipleSelection && this.multipleSelection.length === 0) {
console.error('请选择需要处理的项')
} else {
let userNames = this.multipleSelection.map((item) => item.userName)
const { data: res } = await axios.post('http://120.79.36.53:8888/csdn/multiTriplet', userNames)
if (res.code === 200) {
this.multipleSelection = []
this.userPage()
} else {
console.error('Received non-200 status code', res)
}
}
this.loading = false
},
async triplet(userName) {
......@@ -466,6 +490,18 @@ export default {
}
this.loading = false
},
async onBlog10(userName) {
this.loading = true
this.currentUserName = null
this.blog10DialogVisible = false
const { data: res } = await axios.get('http://120.79.36.53:8888/csdn/add10Blog?username=' + userName)
if (res.code === 200) {
this.userPage()
} else {
console.error('Received non-200 status code', res)
}
this.loading = false
},
async resetUserDayStatus(userName) {
this.loading = true
this.currentUserName = null
......@@ -492,8 +528,19 @@ export default {
async reset() {
this.resetDialogVisible = false
this.loading = true
const { data: res } = await axios.get('http://120.79.36.53:8888/csdn/resetAllCurrentStatus')
if (this.multipleSelection && this.multipleSelection.length === 0) {
console.error('请选择需要处理的项')
} else {
let userNames = this.multipleSelection.map((item) => item.userName)
console.log(userNames)
const { data: res } = await axios.post('http://120.79.36.53:8888/csdn/resetCsdnUserInfo', userNames)
if (res.code === 200) {
this.multipleSelection = []
this.userPage()
} else {
console.error('Received non-200 status code', res)
}
}
this.loading = false
},
async resetUser() {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册