peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

作品集管理页面增加删除功能

Browse Source
This commit is contained in:
祝梦园 2023-09-26 17:22:54 +08:00
parent 5303308642
commit 346573233c
1 changed files with 97 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

151
pages/portfolio/manager/_portfolio_id.vue
View File

@ -26,12 +26,17 @@
<el-col>
<el-col style="text-align: right;">
<el-col>
<el-link rel="nofollow" @click="onRouter('post-portfolio',portfolio.idPortfolio)" :underline="false" class="text-default"
<el-link rel="nofollow" @click="onRouter('post-portfolio',portfolio.idPortfolio)" :underline="false"
class="text-default"
style="margin-right: 1rem;">编辑
</el-link>
<el-link rel="nofollow" @click="showBindArticleDialog(portfolio.idPortfolio)" :underline="false" class="text-default"
<el-link rel="nofollow" @click="showBindArticleDialog(portfolio.idPortfolio)" :underline="false"
class="text-default"
style="margin-right: 1rem;">添加文章
</el-link>
<el-link rel="nofollow" @click="handleDel" :underline="false"
type="danger" style="margin-right: 1rem;">删除作品集
</el-link>
</el-col>
</el-col>
<el-col>
@ -55,66 +60,104 @@
</template>
<script>
import {mapState} from 'vuex';
import PortfolioManagerList from "~/components/common/portfolio/manager/list";
import {mapState} from 'vuex';
import PortfolioManagerList from "~/components/common/portfolio/manager/list";
export default {
name: "PortfolioManager",
components: {
PortfolioManagerList
},
validate({params, store}) {
return params.portfolio_id && !isNaN(Number(params.portfolio_id))
},
fetch() {
let {store, params, error} = this.$nuxt.context
return Promise.all([
store
.dispatch('portfolio/fetchDetail', params)
.catch(err => error({statusCode: 404}))
])
},
computed: {
...mapState({
portfolio: state => state.portfolio.detail.data
}),
isAuthor() {
let account = this.$store.state.auth.user?.nickname;
if (account) {
if (account === this.portfolio.portfolioAuthorName) {
return true;
}
export default {
name: "PortfolioManager",
components: {
PortfolioManagerList
},
validate({params, store}) {
return params.portfolio_id && !isNaN(Number(params.portfolio_id))
},
fetch() {
let {store, params, error} = this.$nuxt.context
return Promise.all([
store
.dispatch('portfolio/fetchDetail', params)
.catch(err => error({statusCode: 404}))
])
},
computed: {
...mapState({
portfolio: state => state.portfolio.detail.data
}),
isAuthor() {
let account = this.$store.state.auth.user?.nickname;
if (account) {
if (account === this.portfolio.portfolioAuthorName) {
return true;
}
return false;
}
return false;
},
methods: {
onRouter(name, data) {
if (name === 'article') {
this.$router.push({
path: data
})
} else if (name === 'user') {
this.$router.push(
{
path: '/user/' + data
}
)
} else {
this.$router.push(
{
path: '/portfolio/post/' + data
}
)
}
},
showBindArticleDialog(idPortfolio) {
idPortfolio() {
return this.$route.params.portfolio_id ? this.$route.params.portfolio_id : 0
}
},
methods: {
onRouter(name, data) {
if (name === 'article') {
this.$router.push({
path: `/portfolio/manager/bind/${idPortfolio}`
});
path: data
})
} else if (name === 'user') {
this.$router.push(
{
path: '/user/' + data
}
)
} else {
this.$router.push(
{
path: '/portfolio/post/' + data
}
)
}
},
showBindArticleDialog(idPortfolio) {
this.$router.push({
path: `/portfolio/manager/bind/${idPortfolio}`
});
},
handleDel() {
let _ts = this;
_ts.$confirm(`确定删除【${_ts.portfolio.portfolioTitle}】该作品集合集吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
console.log(_ts.portfolio.articleNumber)
if (Number(_ts.portfolio.articleNumber) === 0) {
_ts.$axios.$delete('/api/portfolio/delete', {
params: {
idPortfolio: _ts.idPortfolio
}
}).then(function (res) {
if (res) {
_ts.$set(_ts, 'notificationFlag', false);
_ts.$router.push({
path: '/user/' + _ts.$store.state.auth.user?.account
})
}
})
} else {
_ts.$message({
type: 'error',
message: '请先删除文章'
});
}
}).catch(() => {
_ts.$message({
type: 'info',
message: '已取消'
});
});
}
}
}
</script>
<style scoped>