<template>
	<el-card shadow="hover" header="版本信息">
		<template #header>
			<el-icon style="display: inline; vertical-align: middle"> <ele-InfoFilled /> </el-icon>
			<span style=""> 版本信息 </span>
		</template>
		<div style="height: 210px; text-align: center">
			<img :src="verSvg" style="height: 140px" />
			<h2 style="margin-top: 15px">{{themeConfig.globalTitle}}</h2>
			<p style="margin-top: 5px">版本 {{ version }}</p>
		</div>
		<!-- <div style="margin-top: 20px; margin-bottom: 20px; float: right">
			<el-button type="primary" icon="ele-DocumentCopy" plain round @click="golog">更新日志</el-button>
			<el-button type="primary" icon="ele-Eleme" plain round @click="gogit">gitee</el-button>
		</div> -->
	</el-card>
</template>

<script lang="ts">
export default {
	title: '版本信息',
	icon: 'ele-InfoFilled',
	description: '版本信息原子组件演示',
};
</script>

<script setup lang="ts" name="version">
import { ref, onMounted } from 'vue';
import verSvg from '/@/assets/img/ver.svg';

import { storeToRefs } from 'pinia';
import { useThemeConfig } from '/@/stores/themeConfig';
// 定义变量内容
const storesThemeConfig = useThemeConfig();
const { themeConfig } = storeToRefs(storesThemeConfig);
const version = ref<string>('loading...');

onMounted(() => {
	version.value = 'v1.0.3';
});

const getVer = () => {
	version.value = 'v6.0.3';
};

const golog = () => {
	// window.open('https://gitee.com/zuohuaijun/Admin.NET/issues');
};

const gogit = () => {
	window.open('https://gitee.com/zuohuaijun/Admin.NET.git');
};
</script>
