修改界面右侧顶部边栏样式,编译前端工程

This commit is contained in:
Sh1yu
2023-09-25 10:33:42 +08:00
parent eda883a9bf
commit 66904f0bb4
11 changed files with 70 additions and 82 deletions

View File

@@ -58,7 +58,6 @@
.header-right-user-name {
color: #000000;
padding-right: 5px;
vertical-align: middle;
}

View File

@@ -24,7 +24,7 @@
</span>
</div>
</el-col>
<el-col :span="12" style="text-align: right">
<el-col :span="12" style="text-align: right" class = "dropdown-menu">
<el-tooltip v-if="storePage.pageAuth.canEdit === 1 && storePage.pageInfo.name && storePage.pageInfo.editorType !== 0" effect="dark" content="编辑文档"
placement="top">
<ElIconEdit @click="editWiki" type="primary" class="right-header-icon"></ElIconEdit>
@@ -35,8 +35,8 @@
</el-tooltip>
<el-tooltip v-if="storePage.pageInfo.name" effect="dark" content="更多操作" placement="top">
<el-dropdown trigger="click" class="action-btn more-dropdown" >
<el-icon class="right-header-icon">
<el-icon-arrow-down/>
<el-icon class="right-header-icon" style="margin-top: 18px;margin-left: 5px">
<el-icon-more/>
</el-icon>
<template #dropdown>
<el-dropdown-menu>
@@ -60,8 +60,8 @@
<span class="header-right-user-name">{{userSelfInfo.userName}}</span>
<el-popover v-model:visible="userMessagePopVisible" placement="bottom" trigger="click" width="600">
<template v-slot:reference>
<el-badge :is-dot="haveNotReadUserMessage" style="margin: 0 20px">
<el-icon class="right-header-icon" style="margin-right: 0">
<el-badge :is-dot="haveNotReadUserMessage" >
<el-icon class="right-header-icon" >
<el-icon-bell/>
</el-icon>
</el-badge>
@@ -98,7 +98,7 @@
</div>
</div>
</el-popover>
<el-dropdown trigger="click" @command="userSettingDropdown" style="vertical-align: middle;">
<el-dropdown trigger="click" @command="userSettingDropdown" style="vertical-align: bottom;">
<el-icon class="right-header-icon">
<el-icon-setting/>
</el-icon>
@@ -134,6 +134,7 @@
Upload as ElIconUpload,
Edit as ElIconEdit,
Timer as ElIconTime,
More as ElIconMore,
Stamp as ElIconSCheck,
Bell as ElIconBell,
Share as ElIconShare,
@@ -185,12 +186,12 @@
pageAuthDialogVisible.value = true;
}
const showOpenPage = () => {
if (storePage.spaceInfo.openDoc !== 1) {
if (storeSpace.spaceInfo.openDoc !== 1) {
ElMessage.warning('该空间未开放,无法查看开放文档地址');
} else {
let routeUrl = router.resolve({
path: '/page/share/view',
query: {pageId: storePage.pageInfo.id, space: storePage.spaceInfo.uuid}
query: {pageId: storePage.pageInfo.id, space: storeSpace.spaceInfo.uuid}
});
window.open(routeUrl.href, '_blank');
}
@@ -201,13 +202,15 @@
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
let param = {pageId: storeSpace.pageInfo.id};
pageApi.pageDelete(param).then(() => {
// 重新加载左侧列表,跳转到展示页面
// emit('loadPageList'); TODO
router.push({path: '/home', query: {spaceId: storeSpace.pageInfo.spaceId}});
pageApi.pageDelete({pageId: storePage.pageInfo.id}).then(() => {
pageApi.pageList({spaceId: storeSpace.chooseSpaceId}).then((json) => {
storePage.wikiPageList = json.data || []
}).then(()=>{
router.push({path: '/home', query: {spaceId: storePage.pageInfo.spaceId}});
})
});
}).catch(() => {
}).catch((e) => {
console.log(e)
});
}
// 下载为Word
@@ -349,6 +352,17 @@
<style lang="scss">
.right-header-box {
.page-action-list {
.header-right-user-name{
margin-left: 15px;
margin-right: 10px;
}
.dropdown-menu{
display: flex;
align-items: center;
position: absolute;
top: 10px;
right:0;
}
text-align: right;
.el-icon {
@@ -415,6 +429,7 @@
cursor: pointer;
width: 20px;
margin: 15px 10px;
vertical-align: bottom;
}
}
</style>

View File

@@ -5,7 +5,7 @@
<el-button @click="turnLeftCollapse" v-if="storeDisplay.showMenu" text :icon="ElIconFold" class="fold-btn"></el-button>
<el-button @click="turnLeftCollapse" v-else text :icon="ElIconExpand" class="fold-btn"></el-button>
</el-col>
<el-col :span="17" style="text-align: left">
<el-col :span="18" style="text-align: left">
<el-input v-if="wikiPageEdit.editorType===2" v-model="wikiPageEdit.pageTitle" :maxlength="40" placeholder="请输入标题" class="page-title-input" ></el-input>
</el-col>
<el-col :span="5" class="title-info-view-right">