manager/zyplayer-doc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

关于弹窗优化

Browse Source
This commit is contained in:
sswiki
2024-12-06 23:08:32 +08:00
parent d7256cf122
commit 3dd0df2893
3 changed files with 33 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
zyplayer-doc-ui/wiki-ui/src/App.vue
View File

@@ -6,6 +6,19 @@
import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue'; import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router"; import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
import {ElMessageBox, ElMessage} from 'element-plus' import {ElMessageBox, ElMessage} from 'element-plus'
import systemApi from "@/assets/api/system";
import {useStoreUserData} from "@/store/userData";
let storeUser = useStoreUserData();
onMounted(() => {
checkSystemUpgrade();
});
const checkSystemUpgrade = () => {
systemApi.systemUpgradeInfo({}).then((json) => {
storeUser.upgradeInfo = json.data || {};
});
}
</script> </script>
<style> <style>

1
zyplayer-doc-ui/wiki-ui/src/store/userData.js
View File

@@ -5,6 +5,7 @@ export const useStoreUserData = defineStore('userData', {
return { return {
// 用户信息 // 用户信息
userInfo: {}, userInfo: {},
upgradeInfo: {},
} }
}, },
}) })

54
zyplayer-doc-ui/wiki-ui/src/views/common/AboutDialog.vue
View File

@@ -1,23 +1,20 @@
<template> <template>
<!--关于弹窗--> <!--关于弹窗-->
<el-dialog title="关于" v-model="aboutDialogVisible" width="600px" class="about-zyplayer-doc"> <a-modal title="关于" v-model:open="aboutDialogVisible" :footer="null" width="600px" class="about-zyplayer-doc">
<div class="about-content"> <div class="about-content">
<div class="doc-name">zyplayer-doc</div> <div class="doc-name">zyplayer-doc</div>
<div class="doc-desc"> <div class="doc-desc">
<div class="slogan">专注于私有化部署的在线知识库管理平台</div> <div class="slogan">专注于私有化部署的在线知识库管理平台</div>
<div>当前版本 {{ upgradeInfo.nowVersion || '1.0.0' }}</div> <div>当前版本 {{ storeUser.upgradeInfo.nowVersion || '1.0.0' }}</div>
<div> <div>版权所有 © 2018-2024 <a target="_blank" href="https://doc.zyplayer.com">doc.zyplayer.com</a></div>
版权所有 © 2018-2023 <a target="_blank" href="https://doc.zyplayer.com">doc.zyplayer.com</a>
</div>
</div> </div>
</div> </div>
</el-dialog> </a-modal>
</template> </template>
<script setup> <script setup>
import {onBeforeUnmount, ref, shallowRef, watch, onMounted, defineProps, defineEmits, defineExpose} from 'vue' import {onBeforeUnmount, ref, shallowRef, watch, onMounted, defineProps, defineEmits, defineExpose} from 'vue'
import {useRouter, useRoute} from "vue-router"; import {useRouter, useRoute} from "vue-router";
import systemApi from '@/assets/api/system'
import {useStoreUserData} from "@/store/userData"; import {useStoreUserData} from "@/store/userData";
let storeUser = useStoreUserData(); let storeUser = useStoreUserData();
@@ -34,41 +31,28 @@ watch(() => props.visible, () => {
}); });
onMounted(() => { onMounted(() => {
aboutDialogVisible.value = props.visible; aboutDialogVisible.value = props.visible;
checkSystemUpgrade();
}); });
let upgradeInfo = ref({});
const checkSystemUpgrade = () => {
systemApi.systemUpgradeInfo({}).then((json) => {
if (!!json.data) {
upgradeInfo.value = json.data;
}
});
}
</script> </script>
<style lang="scss"> <style lang="scss">
.about-zyplayer-doc { .about-zyplayer-doc {
text-align: left; text-align: left;
line-height: normal; line-height: normal;
.el-dialog__body { .about-content {
padding: 20px; .doc-name {
} font-weight: bold;
font-size: 25px;
}
.about-content { .doc-desc {
.doc-name { line-height: 30px;
font-weight: bold; padding: 10px 0;
font-size: 25px;
.slogan {
margin-bottom: 30px;
}
}
} }
.doc-desc {
line-height: 30px;
padding: 10px 0;
.slogan {
margin-bottom: 30px;
}
}
}
} }
</style> </style>