|
@@ -13,12 +13,14 @@ import Company from "../components/company/index.vue";
|
|
import Super from "../components/company/super.vue";
|
|
import Super from "../components/company/super.vue";
|
|
import { useUserInfo } from "/@/hooks/core/useUser";
|
|
import { useUserInfo } from "/@/hooks/core/useUser";
|
|
import HelpModal from "./help-modal.vue";
|
|
import HelpModal from "./help-modal.vue";
|
|
|
|
+import SystemNotify from "./system-notify.vue";
|
|
|
|
|
|
const route = useRoute();
|
|
const route = useRoute();
|
|
const { push } = useRouter();
|
|
const { push } = useRouter();
|
|
const { isSuperUser, userInfo } = useUserInfo();
|
|
const { isSuperUser, userInfo } = useUserInfo();
|
|
const showBackButton = computed(() => route.path.indexOf("Detail") >= 0);
|
|
const showBackButton = computed(() => route.path.indexOf("Detail") >= 0);
|
|
const helpModalRef = ref<InstanceType<typeof HelpModal> | null>(null);
|
|
const helpModalRef = ref<InstanceType<typeof HelpModal> | null>(null);
|
|
|
|
+const systemNotifyRef = ref<InstanceType<typeof SystemNotify>>(null);
|
|
|
|
|
|
function routeToList() {
|
|
function routeToList() {
|
|
const { path, query } = route;
|
|
const { path, query } = route;
|
|
@@ -59,8 +61,12 @@ const { logout, toggleSideBar, pureApp, avatarsStyle } = useNav();
|
|
|
|
|
|
<div v-if="pureApp.layout === 'vertical'" class="vertical-header-right">
|
|
<div v-if="pureApp.layout === 'vertical'" class="vertical-header-right">
|
|
<!-- 公司名称筛选 -->
|
|
<!-- 公司名称筛选 -->
|
|
- <Company v-if="!isSuperUser" />
|
|
|
|
- <Super v-else />
|
|
|
|
|
|
+ <Super v-if="isSuperUser" />
|
|
|
|
+ <Company v-else />
|
|
|
|
+
|
|
|
|
+ <p class="bell-icon" @click="() => systemNotifyRef.onDisplay()">
|
|
|
|
+ <IconifyIconOffline icon="bell-filled" />
|
|
|
|
+ </p>
|
|
|
|
|
|
<!-- 全屏 -->
|
|
<!-- 全屏 -->
|
|
<screenfull id="header-screenfull" v-show="!deviceDetection()" />
|
|
<screenfull id="header-screenfull" v-show="!deviceDetection()" />
|
|
@@ -70,31 +76,23 @@ const { logout, toggleSideBar, pureApp, avatarsStyle } = useNav();
|
|
<span class="el-dropdown-link">
|
|
<span class="el-dropdown-link">
|
|
<img v-if="avatars" :src="avatars" :style="avatarsStyle" />
|
|
<img v-if="avatars" :src="avatars" :style="avatarsStyle" />
|
|
|
|
|
|
- <p v-if="userInfo.nickname">{{ userInfo.nickname }}</p>
|
|
|
|
|
|
+ <template v-if="userInfo">
|
|
|
|
+ <p>{{ userInfo.nickname }}</p>
|
|
|
|
+ </template>
|
|
</span>
|
|
</span>
|
|
<template #dropdown>
|
|
<template #dropdown>
|
|
<el-dropdown-menu class="logout">
|
|
<el-dropdown-menu class="logout">
|
|
<el-dropdown-item>
|
|
<el-dropdown-item>
|
|
<IconifyIconOffline icon="user" style="margin: 5px" />
|
|
<IconifyIconOffline icon="user" style="margin: 5px" />
|
|
- <span v-if="userInfo.mobile">{{ userInfo.mobile }}</span>
|
|
|
|
|
|
+ <template v-if="userInfo">
|
|
|
|
+ <span>{{ userInfo.mobile }}</span>
|
|
|
|
+ </template>
|
|
</el-dropdown-item>
|
|
</el-dropdown-item>
|
|
|
|
|
|
<el-dropdown-item @click="() => helpModalRef.onDisplay()">
|
|
<el-dropdown-item @click="() => helpModalRef.onDisplay()">
|
|
<IconifyIconOffline icon="dict" style="margin: 5px" />
|
|
<IconifyIconOffline icon="dict" style="margin: 5px" />
|
|
使用说明
|
|
使用说明
|
|
</el-dropdown-item>
|
|
</el-dropdown-item>
|
|
- <!-- <el-dropdown-item @click="logout">
|
|
|
|
- <IconifyIconOffline icon="user" style="margin: 5px" />
|
|
|
|
- 我的信息
|
|
|
|
- </el-dropdown-item>
|
|
|
|
- <el-dropdown-item @click="logout">
|
|
|
|
- <IconifyIconOffline icon="iphone" style="margin: 5px" />
|
|
|
|
- 更换手机号
|
|
|
|
- </el-dropdown-item>
|
|
|
|
- <el-dropdown-item @click="logout">
|
|
|
|
- <IconifyIconOffline icon="password" style="margin: 5px" />
|
|
|
|
- 修改密码
|
|
|
|
- </el-dropdown-item> -->
|
|
|
|
<el-dropdown-item @click="logout">
|
|
<el-dropdown-item @click="logout">
|
|
<IconifyIconOffline
|
|
<IconifyIconOffline
|
|
icon="logout-circle-r-line"
|
|
icon="logout-circle-r-line"
|
|
@@ -105,12 +103,10 @@ const { logout, toggleSideBar, pureApp, avatarsStyle } = useNav();
|
|
</el-dropdown-menu>
|
|
</el-dropdown-menu>
|
|
</template>
|
|
</template>
|
|
</el-dropdown>
|
|
</el-dropdown>
|
|
- <!-- <span class="el-icon-setting" :title="'打开项目配置'" @click="onPanel">
|
|
|
|
- <IconifyIconOffline icon="setting" />
|
|
|
|
- </span> -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<HelpModal ref="helpModalRef" />
|
|
<HelpModal ref="helpModalRef" />
|
|
|
|
+ <SystemNotify ref="systemNotifyRef" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -232,4 +228,9 @@ const { logout, toggleSideBar, pureApp, avatarsStyle } = useNav();
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+.bell-icon {
|
|
|
|
+ margin: 0px 10px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|