🐛 鉴权问题修复

This commit is contained in:
ronger 2021-04-27 21:39:56 +08:00
parent 6a3e6b3351
commit 6d840142ff
2 changed files with 113 additions and 77 deletions

View File

@ -35,13 +35,22 @@
</el-col> </el-col>
</el-col> </el-col>
<el-col> <el-col>
<el-divider><i class="el-icon-loading"></i></el-divider> <el-divider></el-divider>
</el-col> </el-col>
<el-col> <el-col>
<portfolio-manager-list :idPortfolio="portfolio.idPortfolio"></portfolio-manager-list> <portfolio-manager-list :idPortfolio="portfolio.idPortfolio"></portfolio-manager-list>
</el-col> </el-col>
</el-col> </el-col>
</el-col> </el-col>
<el-col v-else class="text-center">
<el-alert
title="用户无权限"
type="warning"
center
show-icon
:closable="false">
</el-alert>
</el-col>
</el-row> </el-row>
</template> </template>

View File

@ -1,84 +1,95 @@
<template> <template>
<el-row class="wrapper"> <el-row class="wrapper">
<el-col v-if="isEdit" style="margin-bottom: 1rem;"> <el-col v-if="isAuthor">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-col v-if="isEdit" style="margin-bottom: 1rem;">
<el-breadcrumb-item :to="{ path: '/portfolio/manager/' + idPortfolio }">{{ portfolio.portfolioTitle }} <el-breadcrumb separator-class="el-icon-arrow-right">
</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/portfolio/manager/' + idPortfolio }">{{ portfolio.portfolioTitle }}
<el-breadcrumb-item>更新作品集</el-breadcrumb-item> </el-breadcrumb-item>
</el-breadcrumb> <el-breadcrumb-item>更新作品集</el-breadcrumb-item>
</el-col> </el-breadcrumb>
<el-col> </el-col>
<h1>创建作品集</h1> <el-col>
</el-col> <h1>创建作品集</h1>
<el-col style="margin-bottom: 1rem;"> </el-col>
作品集需要有明确的写作方向如果您在某个领域有深度的研究欢迎创建自己的作品集分享自己的观点 <el-col style="margin-bottom: 1rem;">
</el-col> 作品集需要有明确的写作方向如果您在某个领域有深度的研究欢迎创建自己的作品集分享自己的观点
<el-col> </el-col>
<el-form :model="portfolio" :rules="rules" ref="topic" label-width="100px"> <el-col>
<el-form-item label="作品集名称" prop="portfolioTitle"> <el-form :model="portfolio" :rules="rules" ref="topic" label-width="100px">
<el-input v-model="portfolio.portfolioTitle"></el-input> <el-form-item label="作品集名称" prop="portfolioTitle">
</el-form-item> <el-input v-model="portfolio.portfolioTitle"></el-input>
<el-form-item> </el-form-item>
<el-row> <el-form-item>
<el-col :span="24"> <el-row>
<vue-cropper <el-col :span="24">
ref="cropper" <vue-cropper
:aspect-ratio="1 / 1" ref="cropper"
:src="headImgUrl" :aspect-ratio="1 / 1"
:checkCrossOrigin="false" :src="headImgUrl"
:checkOrientation="false" :checkCrossOrigin="false"
:imgStyle="{width: '480px', height: '480px'}" :checkOrientation="false"
:autoCropArea="1" :imgStyle="{width: '480px', height: '480px'}"
:autoCrop="autoCrop" :autoCropArea="1"
preview=".preview" :autoCrop="autoCrop"
/> preview=".preview"
</el-col> />
<el-col :span="24" style="margin-top: 2rem;">
<el-col :span="8">
<el-card :body-style="{ padding: '0px' }">
<el-col>
<div class="preview preview-large"/>
</el-col>
<el-col style="padding: 0 10px;">
<h4 class="article-header-md">{{ portfolio.portfolioTitle }}</h4>
</el-col>
<el-col class="text-muted article-summary-md" style="padding: 0 10px;">
{{ portfolio.portfolioDescription }}
</el-col>
</el-card>
</el-col> </el-col>
</el-col> <el-col :span="24" style="margin-top: 2rem;">
<el-col :span="24" style="margin-top: 2rem;"> <el-col :span="8">
<el-upload <el-card :body-style="{ padding: '0px' }">
class="avatar-uploader" <el-col>
action="" <div class="preview preview-large"/>
:multiple="true" </el-col>
:show-file-list="false" <el-col style="padding: 0 10px;">
:on-success="handleAvatarSuccess" <h4 class="article-header-md">{{ portfolio.portfolioTitle }}</h4>
:before-upload="beforeAvatarUpload"> </el-col>
<div> <el-col class="text-muted article-summary-md" style="padding: 0 10px;">
<el-button type="primary" round plain>上传</el-button> {{ portfolio.portfolioDescription }}
</div> </el-col>
</el-upload> </el-card>
<el-button style="margin-top: 1rem;" type="primary" round plain @click.prevent="reset">重置</el-button> </el-col>
<el-button type="primary" round plain @click.prevent="cropImage">裁剪</el-button>
<el-col>
<span style="color: red;padding-right: 5px;">*</span>
<span>上传图片调整至最佳效果后,请点击裁剪按钮截取</span>
</el-col> </el-col>
</el-col> <el-col :span="24" style="margin-top: 2rem;">
</el-row> <el-upload
</el-form-item> class="avatar-uploader"
action=""
:multiple="true"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload">
<div>
<el-button type="primary" round plain>上传</el-button>
</div>
</el-upload>
<el-button style="margin-top: 1rem;" type="primary" round plain @click.prevent="reset">重置</el-button>
<el-button type="primary" round plain @click.prevent="cropImage">裁剪</el-button>
<el-col>
<span style="color: red;padding-right: 5px;">*</span>
<span>上传图片调整至最佳效果后,请点击裁剪按钮截取</span>
</el-col>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="作品集介绍" prop="portfolioDescription"> <el-form-item label="作品集介绍" prop="portfolioDescription">
<div id="contentEditor"></div> <div id="contentEditor"></div>
</el-form-item> </el-form-item>
<el-form-item class="text-right"> <el-form-item class="text-right">
<el-button v-if="isEdit" @click="deletePortfolio" :loading="loading">删除</el-button> <el-button v-if="isEdit" @click="deletePortfolio" :loading="loading">删除</el-button>
<el-button v-if="isEdit" @click="updatePortfolio" :loading="loading">更新</el-button> <el-button v-if="isEdit" @click="updatePortfolio" :loading="loading">更新</el-button>
<el-button v-else @click="updatePortfolio" :loading="loading">提交</el-button> <el-button v-else @click="updatePortfolio" :loading="loading">提交</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col>
</el-col>
<el-col v-else class="text-center">
<el-alert
title="用户无权限"
type="warning"
center
show-icon
:closable="false">
</el-alert>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -112,6 +123,19 @@ export default {
portfolioDetail: state => state.portfolio.detail.data, portfolioDetail: state => state.portfolio.detail.data,
uploadHeaders: state => { uploadHeaders: state => {
return {'X-Upload-Token': state.uploadHeaders} return {'X-Upload-Token': state.uploadHeaders}
},
isAuthor() {
let account = this.$store.state.userInfo?.nickname;
if (account) {
if (this.$route.params.portfolio_id) {
if (account === this.portfolioDetail.portfolioAuthorName) {
return true;
}
} else {
return true;
}
}
return false;
} }
}), }),
idPortfolio() { idPortfolio() {
@ -366,6 +390,9 @@ export default {
window.onbeforeunload = null; window.onbeforeunload = null;
}, },
mounted() { mounted() {
if (!this.isAuthor) {
return
}
window.addEventListener('beforeunload', e => { window.addEventListener('beforeunload', e => {
e = e || window.event; e = e || window.event;