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

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">

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -5,13 +5,13 @@
<link rel="icon" href="./wiki-logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WIKI文档管理系统</title>
<script type="module" crossorigin src="./assets/main-4ff987a5.js"></script>
<script type="module" crossorigin src="./assets/main-da0e526c.js"></script>
<link rel="modulepreload" crossorigin href="./assets/highlight.js-1b0b64aa.js">
<link rel="modulepreload" crossorigin href="./assets/vue-650a4d10.js">
<link rel="modulepreload" crossorigin href="./assets/vendor-01cc9007.js">
<link rel="modulepreload" crossorigin href="./assets/vant-9a21188e.js">
<link rel="modulepreload" crossorigin href="./assets/vendor-55144a54.js">
<link rel="modulepreload" crossorigin href="./assets/vant-c4bb6f5f.js">
<link rel="modulepreload" crossorigin href="./assets/wangeditor-564d5916.js">
<link rel="stylesheet" href="./assets/style.c953f63c.css">
<link rel="stylesheet" href="./assets/style.cf8016a5.css">
</head>
<body>
<div id="app"></div>