🚸 操作按钮展示方式修改

This commit is contained in:
x ronger 2020-09-27 22:34:26 +08:00
parent 2937461901
commit 293cf7e69c

View File

@ -19,29 +19,26 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :xl="12" v-if="user" class="text-right"> <el-col :xs="12" :sm="12" :xl="12" v-if="user" class="text-right">
<el-dropdown trigger="click" @command="handleCommand">
<el-link rel="nofollow" :underline="false"><i class="el-icon-more"></i></el-link>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="edit" v-if="hasPermissions">编辑</el-dropdown-item>
<el-dropdown-item command="editTag" v-if="isAdmin">编辑标签</el-dropdown-item>
<el-dropdown-item command="share">分享</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-col>
<el-col class="text-right">
<el-link rel="nofollow" :underline="false" title="总浏览数"><i class="el-icon-s-data"></i><span style="color: red;">{{ article.articleViewCount }}</span> <el-link rel="nofollow" :underline="false" title="总浏览数"><i class="el-icon-s-data"></i><span style="color: red;">{{ article.articleViewCount }}</span>
</el-link> </el-link>
</el-col> </el-col>
<el-col style="margin: 1rem 0;"> <el-col style="margin: 1rem 0;">
<el-col :span="12">
<el-tag <el-tag
style="margin-right: 0.5rem;" style="margin-right: 0.5rem;"
v-for="tag in article.tags" v-for="tag in article.tags"
:key="tag.idTag" :key="tag.idTag"
size="small" size="small"
effect="plain"> effect="plain">
{{ tag.tagTitle }} # {{ tag.tagTitle }}
</el-tag> </el-tag>
</el-col> </el-col>
<el-col :span="12" style="text-align: right;">
<el-button size="mini" v-if="hasPermissions" @click="handleCommand('edit')">编辑文章</el-button>
<el-button size="mini" v-if="isAdmin" @click="handleCommand('editTags')">编辑标签</el-button>
<el-button size="mini" @click="handleCommand('share')">分享</el-button>
</el-col>
</el-col>
<el-col v-if="article.portfolios && article.portfolios.length > 0"> <el-col v-if="article.portfolios && article.portfolios.length > 0">
<el-col> <el-col>
<h4>所属作品集</h4> <h4>所属作品集</h4>
@ -195,6 +192,9 @@
}) })
} else if (item === 'editTag') { } else if (item === 'editTag') {
_ts.$set(_ts, 'dialogVisible', true); _ts.$set(_ts, 'dialogVisible', true);
} else {
if (_ts.isShare) {
_ts.$set(_ts, 'isShare', false);
} else { } else {
_ts.$axios.$get('/api/article/' + _ts.article.idArticle + '/share').then(function (res) { _ts.$axios.$get('/api/article/' + _ts.article.idArticle + '/share').then(function (res) {
if (res) { if (res) {
@ -203,6 +203,7 @@
} }
}); });
} }
}
}, },
gotoLogin() { gotoLogin() {
this.$router.push({ this.$router.push({