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:04:25 +08:00
parent 96b506d13f
commit 5573c2ded3
1 changed files with 46 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
pages/portfolio/post/_portfolio_id.vue
View File

@ -24,7 +24,7 @@
<el-form-item class="text-right"> <el-form-item class="text-right">
<el-button :loading="loading" @click="deletePortfolio" v-if="isEdit">删除</el-button> <el-button :loading="loading" @click="deletePortfolio" v-if="isEdit">删除</el-button>
<el-button :loading="loading" @click="updatePortfolio" v-if="isEdit">更新</el-button> <el-button :loading="loading" @click="updatePortfolio" v-if="isEdit">更新</el-button>
<el-button @click="updatePortfolio" v-else>提交</el-button> <el-button @click="submitData" v-else>提交</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
@ -264,7 +264,6 @@ export default {
if (res && res.data && res.data.url) { if (res && res.data && res.data.url) {
let portfolio = _ts.portfolio; let portfolio = _ts.portfolio;
portfolio.headImgUrl = res.data.url; portfolio.headImgUrl = res.data.url;
// portfolio.headImgType = '0';
_ts.$set(_ts, 'portfolio', portfolio); _ts.$set(_ts, 'portfolio', portfolio);
_ts.$set(_ts, 'headImgUrl', res.data.url); _ts.$set(_ts, 'headImgUrl', res.data.url);
} else { } else {
@ -295,25 +294,58 @@ export default {
// _ts.$refs.cropper?.replace(this.result); // _ts.$refs.cropper?.replace(this.result);
} }
}, },
async updatePortfolio() { handleSubmitData() {
//headImgUrl
let _ts = this; let _ts = this;
// this.cropImage()
_ts.$set(_ts, 'loading', true); _ts.$set(_ts, 'loading', true);
let id = _ts.idPortfolio;
let portfolioDescription = _ts.contentEditor.getValue(); let portfolioDescription = _ts.contentEditor.getValue();
let portfolioDescriptionHtml = _ts.contentEditor.getHTML(); let portfolioDescriptionHtml = _ts.contentEditor.getHTML();
let data = _ts.portfolio; let data = _ts.portfolio;
this.$refs.cropper.getCropData(img => {
data.headImgUrl = img
data.portfolioDescription = portfolioDescription; data.portfolioDescription = portfolioDescription;
data.portfolioDescriptionHtml = portfolioDescriptionHtml; data.portfolioDescriptionHtml = portfolioDescriptionHtml;
data.headImgType = 0
// if (_ts.isEdit) {
//
// } else {
// data.headImgUrl = _ts.headImgUrl // data.headImgUrl = _ts.headImgUrl
data.headImgType = '0'; // }
if ((data.portfolioDescription || undefined) == undefined || (data.portfolioDescriptionHtml || undefined) == undefined) { if ((data.portfolioDescription || undefined) == undefined || (data.portfolioDescriptionHtml || undefined) == undefined) {
this.$message.error('请输入必填信息'); this.$message.error('请输入必填信息');
return false return false
} }
return data
},
async submitData() {
let _ts = this
let data = this.handleSubmitData()
let id = _ts.idPortfolio;
data.headImgUrl = _ts.headImgUrl
let title = id ? '更新' : '添加';
_ts.$axios[id ? '$put' : '$post']('/api/portfolio/post', data).then(function (res) {
if (res && res.message) {
_ts.$message.error(res.message);
} else {
_ts.$message({
type: 'success',
message: title + '成功!'
});
_ts.$set(_ts, 'notificationFlag', false);
_ts.$router.push({
path: '/portfolio/' + res.idPortfolio
})
}
_ts.$set(_ts, 'loading', false)
}).catch(error => _ts.$set(_ts, 'loading', false))
},
async updatePortfolio() {
let _ts = this
let data = this.handleSubmitData()
let id = _ts.idPortfolio;
this.$refs.cropper.getCropData(img => {
data.headImgUrl = img
let title = id ? '更新' : '添加'; let title = id ? '更新' : '添加';
_ts.$axios[id ? '$put' : '$post']('/api/portfolio/post', data).then(function (res) { _ts.$axios[id ? '$put' : '$post']('/api/portfolio/post', data).then(function (res) {
if (res && res.message) { if (res && res.message) {