关于弹窗优化

zyplayer-doc-ui/wiki-ui/src/App.vue

@@ -6,6 +6,19 @@
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
 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>
 
 <style>

zyplayer-doc-ui/wiki-ui/src/store/userData.js

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

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

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