diff --git a/backend/configs/system.go b/backend/configs/system.go
index 284c3e9b5..2aa26bc7b 100644
--- a/backend/configs/system.go
+++ b/backend/configs/system.go
@@ -13,5 +13,6 @@ type System struct {
 	BaseDir    string `mapstructure:"base_dir"`
 	Mode       string `mapstructure:"mode"`
 	RepoUrl    string `mapstructure:"repo_url"`
+	Version    string `mapstructure:"version"`
 	IsDemo     bool   `mapstructure:"is_demo"`
 }
diff --git a/backend/init/migration/migrations/init.go b/backend/init/migration/migrations/init.go
index 6a969691e..40bea7364 100644
--- a/backend/init/migration/migrations/init.go
+++ b/backend/init/migration/migrations/init.go
@@ -136,7 +136,7 @@ var AddTableSetting = &gormigrate.Migration{
 		if err := tx.Create(&model.Setting{Key: "DingVars", Value: ""}).Error; err != nil {
 			return err
 		}
-		if err := tx.Create(&model.Setting{Key: "SystemVersion", Value: "v1.0.0"}).Error; err != nil {
+		if err := tx.Create(&model.Setting{Key: "SystemVersion", Value: global.CONF.System.Version}).Error; err != nil {
 			return err
 		}
 		if err := tx.Create(&model.Setting{Key: "SystemStatus", Value: "Free"}).Error; err != nil {
diff --git a/backend/init/viper/viper.go b/backend/init/viper/viper.go
index 5ad06c87e..033723946 100644
--- a/backend/init/viper/viper.go
+++ b/backend/init/viper/viper.go
@@ -20,6 +20,7 @@ func Init() {
 	baseDir := "/opt"
 	port := "9999"
 	mode := ""
+	version := ""
 	fileOp := files.NewFileOp()
 	v := viper.NewWithOptions()
 	v.SetConfigType("yaml")
@@ -38,23 +39,9 @@ func Init() {
 			panic(fmt.Errorf("Fatal error config file: %s \n", err))
 		}
 	} else {
-		stdout, err := cmd.Exec("grep '^BASE_DIR=' /usr/bin/1pctl | cut -d'=' -f2")
-		if err != nil {
-			panic(err)
-		}
-		baseDir = strings.ReplaceAll(stdout, "\n", "")
-		if len(baseDir) == 0 {
-			panic("error `BASE_DIR` find in /usr/bin/1pctl")
-		}
-
-		stdoutPort, err := cmd.Exec("grep '^PANEL_PORT=' /usr/bin/1pctl | cut -d'=' -f2")
-		if err != nil {
-			panic(err)
-		}
-		port = strings.ReplaceAll(stdoutPort, "\n", "")
-		if len(port) == 0 {
-			panic("error `PANEL_PORT` find in /usr/bin/1pctl")
-		}
+		baseDir = loadParams("BASE_DIR")
+		port = loadParams("PANEL_PORT")
+		version = loadParams("ORIGINAL_INSTALLED_VERSION")
 
 		if strings.HasSuffix(baseDir, "/") {
 			baseDir = baseDir[:strings.LastIndex(baseDir, "/")]
@@ -79,6 +66,9 @@ func Init() {
 	if mode == "dev" && fileOp.Stat("/opt/1panel/conf/app.yaml") && serverConfig.System.Port != "" {
 		port = serverConfig.System.Port
 	}
+	if mode == "dev" && fileOp.Stat("/opt/1panel/conf/app.yaml") && serverConfig.System.Version != "" {
+		version = serverConfig.System.Version
+	}
 
 	global.CONF = serverConfig
 	global.CONF.BaseDir = baseDir
@@ -90,5 +80,18 @@ func Init() {
 	global.CONF.System.LogPath = global.CONF.System.DataDir + "/log"
 	global.CONF.System.TmpDir = global.CONF.System.DataDir + "/tmp"
 	global.CONF.System.Port = port
+	global.CONF.System.Version = version
 	global.Viper = v
 }
+
+func loadParams(param string) string {
+	stdout, err := cmd.Execf("grep '^%s=' /usr/bin/1pctl | cut -d'=' -f2", param)
+	if err != nil {
+		panic(err)
+	}
+	baseDir := strings.ReplaceAll(stdout, "\n", "")
+	if len(baseDir) == 0 {
+		panic(fmt.Sprintf("error `%s` find in /usr/bin/1pctl", param))
+	}
+	return baseDir
+}
diff --git a/frontend/src/views/container/container/monitor/index.vue b/frontend/src/views/container/container/monitor/index.vue
index dd17f8107..acc6e631b 100644
--- a/frontend/src/views/container/container/monitor/index.vue
+++ b/frontend/src/views/container/container/monitor/index.vue
@@ -61,11 +61,10 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { onBeforeUnmount, ref } from 'vue';
 import { ContainerStats } from '@/api/modules/container';
 import { dateFormatForSecond } from '@/utils/util';
 import VCharts from '@/components/v-charts/index.vue';
-// import * as echarts from 'echarts';
 import i18n from '@/lang';
 import DrawerHeader from '@/components/drawer-header/index.vue';
 
@@ -223,6 +222,10 @@ const handleClose = async () => {
     chartsOption.value = { cpuChart: null, memoryChart: null, ioChart: null, networkChart: null };
 };
 
+onBeforeUnmount(() => {
+    handleClose;
+});
+
 defineExpose({
     acceptParams,
 });
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
index 7750214f2..0ec1a9caa 100644
--- a/frontend/src/views/home/index.vue
+++ b/frontend/src/views/home/index.vue
@@ -199,7 +199,6 @@
 
 <script lang="ts" setup>
 import { onMounted, onBeforeUnmount, ref, reactive } from 'vue';
-// import * as echarts from 'echarts';
 import Status from '@/views/home/status/index.vue';
 import App from '@/views/home/app/index.vue';
 import VCharts from '@/components/v-charts/index.vue';
@@ -211,8 +210,6 @@ import { useRouter } from 'vue-router';
 import RouterButton from '@/components/router-button/index.vue';
 import { loadBaseInfo, loadCurrentInfo } from '@/api/modules/dashboard';
 import { getIOOptions, getNetworkOptions } from '@/api/modules/monitor';
-// import { GlobalStore } from '@/store';
-// const globalStore = GlobalStore();
 const router = useRouter();
 
 const statuRef = ref();
@@ -451,7 +448,6 @@ function loadUpTime(uptime: number) {
 const loadData = async () => {
     if (chartOption.value === 'io') {
         chartsOption.value['ioChart'] = {
-            // title: i18n.global.t('home.io'),
             xDatas: timeIODatas.value,
             yDatas: [
                 {
@@ -465,54 +461,8 @@ const loadData = async () => {
             ],
             formatStr: 'MB',
         };
-
-        // let ioReadYDatas = {
-        //     name: i18n.global.t('monitor.read'),
-        //     type: 'line',
-        //     areaStyle: {
-        //         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-        //             {
-        //                 offset: 0,
-        //                 color: 'rgba(27, 143, 60, 1)',
-        //             },
-        //             {
-        //                 offset: 1,
-        //                 color: 'rgba(27, 143, 60, 0)',
-        //             },
-        //         ]),
-        //     },
-        //     data: ioReadBytes.value,
-        //     showSymbol: false,
-        // };
-        // let ioWriteYDatas = {
-        //     name: i18n.global.t('monitor.write'),
-        //     type: 'line',
-        //     areaStyle: {
-        //         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-        //             {
-        //                 offset: 0,
-        //                 color: 'rgba(0, 94, 235, 1)',
-        //             },
-        //             {
-        //                 offset: 1,
-        //                 color: 'rgba(0, 94, 235, 0)',
-        //             },
-        //         ]),
-        //     },
-        //     data: ioWriteBytes.value,
-        //     showSymbol: false,
-        // };
-        // freshChart(
-        //     'ioChart',
-        //     [i18n.global.t('monitor.read'), i18n.global.t('monitor.write')],
-        //     timeIODatas.value,
-        //     [ioReadYDatas, ioWriteYDatas],
-        //     i18n.global.t('home.io'),
-        //     'MB',
-        // );
     } else {
         chartsOption.value['networkChart'] = {
-            // title: i18n.global.t('home.network'),
             xDatas: timeNetDatas.value,
             yDatas: [
                 {
@@ -526,116 +476,9 @@ const loadData = async () => {
             ],
             formatStr: 'KB/s',
         };
-        // let netTxYDatas = {
-        //     name: i18n.global.t('monitor.up'),
-        //     type: 'line',
-        //     areaStyle: {
-        //         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-        //             {
-        //                 offset: 0,
-        //                 color: 'rgba(0, 94, 235, .5)',
-        //             },
-        //             {
-        //                 offset: 1,
-        //                 color: 'rgba(0, 94, 235, 0)',
-        //             },
-        //         ]),
-        //     },
-        //     data: netBytesRecvs.value,
-        //     showSymbol: false,
-        // };
-        // let netRxYDatas = {
-        //     name: i18n.global.t('monitor.down'),
-        //     type: 'line',
-        //     areaStyle: {
-        //         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-        //             {
-        //                 offset: 0,
-        //                 color: 'rgba(27, 143, 60, .5)',
-        //             },
-        //             {
-        //                 offset: 1,
-        //                 color: 'rgba(27, 143, 60, 0)',
-        //             },
-        //         ]),
-        //     },
-        //     data: netBytesSents.value,
-        //     showSymbol: false,
-        // };
-        // freshChart(
-        //     'networkChart',
-        //     [i18n.global.t('monitor.up'), i18n.global.t('monitor.down')],
-        //     timeNetDatas.value,
-        //     [netTxYDatas, netRxYDatas],
-        //     i18n.global.t('home.network'),
-        //     'KB/s',
-        // );
     }
 };
 
-// function freshChart(chartName: string, legendDatas: any, xDatas: any, yDatas: any, yTitle: string, formatStr: string) {
-//     if (isInit.value) {
-//         echarts.init(document.getElementById(chartName) as HTMLElement);
-//         isInit.value = false;
-//     }
-//     let itemChart = echarts.getInstanceByDom(document.getElementById(chartName) as HTMLElement);
-//     const theme = globalStore.$state.themeConfig.theme || 'light';
-//     const option = {
-//         title: [
-//             {
-//                 left: 'center',
-//                 text: yTitle,
-//                 show: false,
-//             },
-//         ],
-//         zlevel: 1,
-//         z: 1,
-//         tooltip: {
-//             trigger: 'axis',
-//             formatter: function (datas: any) {
-//                 let res = datas[0].name + '<br/>';
-//                 for (const item of datas) {
-//                     res += item.marker + ' ' + item.seriesName + '：' + item.data + formatStr + '<br/>';
-//                 }
-//                 return res;
-//             },
-//         },
-//         grid: { left: '7%', right: '7%', bottom: '20%' },
-//         legend: {
-//             data: legendDatas,
-//             right: 10,
-//             itemWidth: 8,
-//             textStyle: {
-//                 color: '#646A73',
-//             },
-//             icon: 'circle',
-//         },
-//         xAxis: { data: xDatas, boundaryGap: false },
-//         yAxis: {
-//             name: '( ' + formatStr + ' )',
-//             splitLine: {
-//                 //分隔辅助线
-//                 lineStyle: {
-//                     type: 'dashed', //线的类型 虚线0
-//                     opacity: theme === 'dark' ? 0.1 : 1, //透明度
-//                 },
-//             },
-//         },
-//         series: yDatas,
-//         dataZoom: [{ startValue: xDatas[0] }],
-//     };
-//     itemChart?.setOption(option, true);
-// }
-
-// function changeChartSize() {
-//     if (document.getElementById('ioChart') != null) {
-//         echarts.getInstanceByDom(document.getElementById('ioChart') as HTMLElement)?.resize();
-//     }
-//     if (document.getElementById('networkChart') != null) {
-//         echarts.getInstanceByDom(document.getElementById('networkChart') as HTMLElement)?.resize();
-//     }
-// }
-
 onMounted(() => {
     onLoadNetworkOptions();
     onLoadIOOptions();
@@ -645,7 +488,6 @@ onMounted(() => {
 onBeforeUnmount(() => {
     clearInterval(Number(timer));
     timer = null;
-    // window.removeEventListener('resize', changeChartSize);
 });
 </script>