diff --git a/README.md b/README.md
index 50823ba4..3dd984af 100644
--- a/README.md
+++ b/README.md
@@ -12,12 +12,12 @@ ChestnutCMS是前后端分离的企业级内容管理系统。项目基于[RuoYi
 
 企业站演示地址：<http://swikoon.1000mz.com>
 
-资讯站演示地址：<http://www.1000mz.com>
+资讯站演示地址：<http://www.1000mz.com>（会员演示账号：xxx333@126.com / a123456）
 
 图片演示地址：<http://tpz.1000mz.com>
 
 ##### 演示站静态资源
-- 企业演示站的静态资源已提交到仓库[chestnut-cms-wwwroot](https://gitee.com/liweiyi/ruoyi-vue-cms-wwwroot)。
+- 企业演示站的静态资源已提交到仓库[chestnut-cms-wwwroot](https://gitee.com/liweiyi/chestnut-cms-wwwroot)。
 - CMS资源路径配置application.yml中chestnut.cms.resourceRoot，默认与项目同级的wwwroot_release。
 
 ### 开发环境
@@ -102,3 +102,9 @@ ChestnutCMS是前后端分离的企业级内容管理系统。项目基于[RuoYi
 #### 如果本项目对您有一丢丢小帮助 :kissing_heart: 点个小星星吧 :star2: 
 
 #### QQ交流群： 568506424  口令：举个栗子
+
+> 开源协议补充说明：
+> 
+> - ChestnutCMS 遵循《Apache-2.0开源协议》，使用本系统不得用于违反国家有关政策的相关软件和应用。
+> - 系统可免费商用，但是必须包含原始版权声明和许可声明 ，不可移除后台登录页面底部的版权申明”Copyright © 2022-2023 1000mz.com All Rights Reserved“.
+> - 本项目所包含的第三方源码版权信息需另行标注。
diff --git a/chestnut-ui/src/api/xyz/bagua.js b/chestnut-ui/src/api/xyz/bagua.js
deleted file mode 100644
index be73850c..00000000
--- a/chestnut-ui/src/api/xyz/bagua.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import request from '@/utils/request'
-
-export function getGuaXiang() {
-  return request({
-    url: '/xyz/bagua/qigua',
-    method: 'get'
-  })
-}
\ No newline at end of file
diff --git a/chestnut-ui/src/views/cms/dashboard/siteDataStat.vue b/chestnut-ui/src/views/cms/dashboard/siteDataStat.vue
index b3daa10f..dcbe72f4 100644
--- a/chestnut-ui/src/views/cms/dashboard/siteDataStat.vue
+++ b/chestnut-ui/src/views/cms/dashboard/siteDataStat.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="site-container mt10">
+  <div class="site-container mb10">
     <el-card shadow="hover">
       <div slot="header" class="clearfix">
         <span>{{ $t('CMS.Site.Dashboard.DataCountCard') }}</span>
diff --git a/chestnut-ui/src/views/index.vue b/chestnut-ui/src/views/index.vue
index 8de91965..22e60c5e 100644
--- a/chestnut-ui/src/views/index.vue
+++ b/chestnut-ui/src/views/index.vue
@@ -12,160 +12,7 @@
       <el-col :span="12">
         <shortcut></shortcut>
         <cms-site-data-stat></cms-site-data-stat>
-        <el-card shadow="hover" class="mt10">
-          <div slot="header" class="clearfix">
-            <span>算上一卦</span>
-          </div>
-          <div class="body">
-            <div style="display: inline-block; height: 30px; line-height: 30px">起卦前净手焚香，心中默念问卦之事！！！</div>
-            <div>
-              <el-button 
-              type="primary"
-              size="mini"
-              plain
-              :loading="loadingQiGua"
-              @click="handleQiGua"><svg-icon icon-class="taiji" /> 起卦</el-button>
-            </div>
-            <el-row :gutter="20" v-if="guaXiang.benGua">
-              <el-col :span="12">
-                <div>本卦</div>
-                <div class="yao_yang" v-if="guaXiang.benGua.yao6=='ShaoYang'||guaXiang.benGua.yao6=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao6 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao6 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.benGua.yao5=='ShaoYang'||guaXiang.benGua.yao5=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao5 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao5 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.benGua.yao4=='ShaoYang'||guaXiang.benGua.yao4=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao4 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao4 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.benGua.yao3=='ShaoYang'||guaXiang.benGua.yao3=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao3 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao3 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.benGua.yao2=='ShaoYang'||guaXiang.benGua.yao2=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao2 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao2 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.benGua.yao1=='ShaoYang'||guaXiang.benGua.yao1=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao1 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.benGua.yao1 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <el-row>
-                  {{ guaXiang.benGuaCi.name }} - {{ guaXiang.benGuaCi.alias }}
-                </el-row>
-                <el-divider content-position="left">卦辞</el-divider>
-                <el-row>
-                  {{ guaXiang.benGuaCi.description }}
-                </el-row>
-                <el-row>
-                 《彖》曰：{{ guaXiang.benGuaCi.tuan }}
-                </el-row>
-                <el-row>
-                 《象》曰：{{ guaXiang.benGuaCi.tuan }}
-                </el-row>
-                <el-divider content-position="left">爻辞</el-divider>
-                <el-row>
-                  <div v-for="yaoCi in guaXiang.benGuaYaoCi" :key="yaoCi.name">
-                    {{ yaoCi.name }}：{{ yaoCi.desc }}
-                  </div>
-                </el-row>
-                <el-divider content-position="left"> 爻辞《象》</el-divider>
-                <el-row>
-                  <div v-for="yaoCi in guaXiang.bianGuaYaoCiXiang" :key="yaoCi.name">
-                    {{ yaoCi.name }}：{{ yaoCi.desc }}
-                  </div>
-                </el-row>
-              </el-col>
-              <el-col :span="12">
-                <div>变卦</div>
-                <div class="yao_yang" v-if="guaXiang.bianGua.yao6=='ShaoYang'||guaXiang.bianGua.yao6=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao6 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao6 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.bianGua.yao5=='ShaoYang'||guaXiang.bianGua.yao5=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao5 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao5 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.bianGua.yao4=='ShaoYang'||guaXiang.bianGua.yao4=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao4 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao4 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.bianGua.yao3=='ShaoYang'||guaXiang.bianGua.yao3=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao3 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao3 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.bianGua.yao2=='ShaoYang'||guaXiang.bianGua.yao2=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao2 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao2 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yang" v-if="guaXiang.bianGua.yao1=='ShaoYang'||guaXiang.bianGua.yao1=='LaoYang'">
-                  <span class="yao_yang_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao1 == 'LaoYang'"><i class="el-icon-refresh" /></span>
-                </div>
-                <div class="yao_yin" v-else>
-                  <span class="yao_yin_b"></span><span class="yao_yin_w"></span><span class="yao_yin_b"></span><span class="yao_lao" v-if="guaXiang.bianGua.yao1 == 'LaoYin'"><i class="el-icon-refresh" /></span>
-                </div>
-                <el-row>
-                  {{ guaXiang.bianGuaCi.name }} - {{ guaXiang.bianGuaCi.alias }}
-                </el-row>
-                <el-divider content-position="left">卦辞</el-divider>
-                <el-row>
-                  {{ guaXiang.bianGuaCi.description }}
-                </el-row>
-                <el-row>
-                 《彖》曰：{{ guaXiang.bianGuaCi.tuan }}
-                </el-row>
-                <el-row>
-                 《象》曰：{{ guaXiang.bianGuaCi.tuan }}
-                </el-row>
-                <el-divider content-position="left">爻辞</el-divider>
-                <el-row>
-                  <div v-for="yaoCi in guaXiang.bianGuaYaoCi" :key="yaoCi.name">
-                    {{ yaoCi.name }}：{{ yaoCi.desc }}
-                  </div>
-                </el-row>
-                <el-divider content-position="left"> 爻辞《象》</el-divider>
-                <el-row>
-                  <div v-for="yaoCi in guaXiang.bianGuaYaoCiXiang" :key="yaoCi.name">
-                    {{ yaoCi.name }}：{{ yaoCi.desc }}
-                  </div>
-                </el-row>
-              </el-col>
-            </el-row>
-          </div>
-        </el-card>
-        <el-card shadow="hover" class="mt10">
-          <div slot="header" class="clearfix">
-            <span>广告位招租</span>
-          </div>
-          <div class="body">
-            <div style="display: inline-block; height: 30px; line-height: 30px">演示站后台首页广告位招租~（1000RMB/月，月登陆次数1500左右，具体请参考用户登录日志）</div>
-          </div>
-        </el-card>
+        <server-info></server-info>
       </el-col>
     </el-row>
   </div>
@@ -174,199 +21,27 @@
 <script>
 import SysUserInfo from '@/views/system/dashboard/userInfo'
 import SysShortcut from '@/views/system/dashboard/shortcut'
+import ServerInfo from '@/views/system/dashboard/serverInfo'
 import CmsSiteVisitStat from '@/views/cms/dashboard/siteVisitStat'
 import CmsSiteDataStat from '@/views/cms/dashboard/siteDataStat'
 
-import { getGuaXiang } from "@/api/xyz/bagua";
 
 export default {
   name: 'Index',
   components: {
     'user-info': SysUserInfo,
     'shortcut': SysShortcut,
+    'server-info': ServerInfo,
     'cms-site-visit-stat': CmsSiteVisitStat,
-    'cms-site-data-stat': CmsSiteDataStat
+    'cms-site-data-stat': CmsSiteDataStat,
   },
   data() {
     return {
-      loadingQiGua: false,
-      guaXiang: {}
     }
   },
   created () {
   },
   methods: {
-    handleQiGua() {
-      this.loadingQiGua = true;
-      getGuaXiang().then(res => {
-        this.loadingQiGua = false;
-        this.guaXiang = res.data;
-        this.guaXiang.benGuaYaoCi = [];
-        const benGuaYaoCi = JSON.parse(this.guaXiang.benGuaCi.yaoCi);
-        Object.keys(benGuaYaoCi).forEach(item => {
-          if (item == 1) {
-            if (this.guaXiang.benGua.yao1 == "ShaoYang" || this.guaXiang.benGua.yao1 == "LaoYang") {
-              this.guaXiang.benGuaYaoCi.push({ "name": "初九", "desc": benGuaYaoCi[item] })
-            } else {
-              this.guaXiang.benGuaYaoCi.push({ "name": "初六", "desc": benGuaYaoCi[item] })
-            }
-          } else if (item == 2) {
-            if (this.guaXiang.benGua.yao2 == "ShaoYang" || this.guaXiang.benGua.yao2 == "LaoYang") {
-              this.guaXiang.benGuaYaoCi.push({ "name": "九二", "desc": benGuaYaoCi[item] })
-            } else {
-              this.guaXiang.benGuaYaoCi.push({ "name": "六二", "desc": benGuaYaoCi[item] })
-            }
-          } else if (item == 3) {
-            if (this.guaXiang.benGua.yao3 == "ShaoYang" || this.guaXiang.benGua.yao3 == "LaoYang") {
-              this.guaXiang.benGuaYaoCi.push({ "name": "九三", "desc": benGuaYaoCi[item] })
-            } else {
-              this.guaXiang.benGuaYaoCi.push({ "name": "六三", "desc": benGuaYaoCi[item] })
-            }
-          } else if (item == 4) {
-            if (this.guaXiang.benGua.yao4 == "ShaoYang" || this.guaXiang.benGua.yao4 == "LaoYang") {
-              this.guaXiang.benGuaYaoCi.push({ "name": "九四", "desc": benGuaYaoCi[item] })
-            } else {
-              this.guaXiang.benGuaYaoCi.push({ "name": "六四", "desc": benGuaYaoCi[item] })
-            }
-          } else if (item == 5) {
-            if (this.guaXiang.benGua.yao5 == "ShaoYang" || this.guaXiang.benGua.yao5 == "LaoYang") {
-              this.guaXiang.benGuaYaoCi.push({ "name": "九五", "desc": benGuaYaoCi[item] })
-            } else {
-              this.guaXiang.benGuaYaoCi.push({ "name": "六五", "desc": benGuaYaoCi[item] })
-            }
-          } else if (item == 6) {
-            if (this.guaXiang.benGua.yao6 == "ShaoYang" || this.guaXiang.benGua.yao6 == "LaoYang") {
-              this.guaXiang.benGuaYaoCi.push({ "name": "上九", "desc": benGuaYaoCi[item] })
-            } else {
-              this.guaXiang.benGuaYaoCi.push({ "name": "上六", "desc": benGuaYaoCi[item] })
-            }
-          }
-        });
-        this.guaXiang.bianGuaYaoCi = [];
-        const bianGuaYaoCi = JSON.parse(this.guaXiang.bianGuaCi.yaoCi);
-        Object.keys(bianGuaYaoCi).forEach(item => {
-          if (item == 1) {
-            if (this.guaXiang.bianGua.yao1 == "ShaoYang" || this.guaXiang.bianGua.yao1 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "初九", "desc": bianGuaYaoCi[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "初六", "desc": bianGuaYaoCi[item] })
-            }
-          } else if (item == 2) {
-            if (this.guaXiang.bianGua.yao2 == "ShaoYang" || this.guaXiang.bianGua.yao2 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "九二", "desc": bianGuaYaoCi[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "六二", "desc": bianGuaYaoCi[item] })
-            }
-          } else if (item == 3) {
-            if (this.guaXiang.bianGua.yao3 == "ShaoYang" || this.guaXiang.bianGua.yao3 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "九三", "desc": bianGuaYaoCi[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "六三", "desc": bianGuaYaoCi[item] })
-            }
-          } else if (item == 4) {
-            if (this.guaXiang.bianGua.yao4 == "ShaoYang" || this.guaXiang.bianGua.yao4 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "九四", "desc": bianGuaYaoCi[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "六四", "desc": bianGuaYaoCi[item] })
-            }
-          } else if (item == 5) {
-            if (this.guaXiang.bianGua.yao5 == "ShaoYang" || this.guaXiang.bianGua.yao5 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "九五", "desc": bianGuaYaoCi[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "六五", "desc": bianGuaYaoCi[item] })
-            }
-          } else if (item == 6) {
-            if (this.guaXiang.bianGua.yao6 == "ShaoYang" || this.guaXiang.bianGua.yao6 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "上九", "desc": bianGuaYaoCi[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCi.push({ "name": "上六", "desc": bianGuaYaoCi[item] })
-            }
-          }
-        });
-        this.guaXiang.benGuaYaoCiXiang = [];
-        const benGuaYaoCiXiang = JSON.parse(this.guaXiang.benGuaCi.yaoCiXiang);
-        Object.keys(benGuaYaoCiXiang).forEach(item => {
-          if (item == 1) {
-            if (this.guaXiang.benGua.yao1 == "ShaoYang" || this.guaXiang.benGua.yao1 == "LaoYang") {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "初九", "desc": benGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "初六", "desc": benGuaYaoCiXiang[item] })
-            }
-          } else if (item == 2) {
-            if (this.guaXiang.benGua.yao2 == "ShaoYang" || this.guaXiang.benGua.yao2 == "LaoYang") {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "九二", "desc": benGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "六二", "desc": benGuaYaoCiXiang[item] })
-            }
-          } else if (item == 3) {
-            if (this.guaXiang.benGua.yao3 == "ShaoYang" || this.guaXiang.benGua.yao3 == "LaoYang") {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "九三", "desc": benGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "六三", "desc": benGuaYaoCiXiang[item] })
-            }
-          } else if (item == 4) {
-            if (this.guaXiang.benGua.yao4 == "ShaoYang" || this.guaXiang.benGua.yao4 == "LaoYang") {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "九四", "desc": benGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "六四", "desc": benGuaYaoCiXiang[item] })
-            }
-          } else if (item == 5) {
-            if (this.guaXiang.benGua.yao5 == "ShaoYang" || this.guaXiang.benGua.yao5 == "LaoYang") {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "九五", "desc": benGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "六五", "desc": benGuaYaoCiXiang[item] })
-            }
-          } else if (item == 6) {
-            if (this.guaXiang.benGua.yao6 == "ShaoYang" || this.guaXiang.benGua.yao6 == "LaoYang") {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "上九", "desc": benGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.benGuaYaoCiXiang.push({ "name": "上六", "desc": benGuaYaoCiXiang[item] })
-            }
-          }
-        });
-        this.guaXiang.bianGuaYaoCiXiang = [];
-        const bianGuaYaoCiXiang = JSON.parse(this.guaXiang.bianGuaCi.yaoCiXiang);
-        Object.keys(bianGuaYaoCiXiang).forEach(item => {
-          if (item == 1) {
-            if (this.guaXiang.bianGua.yao1 == "ShaoYang" || this.guaXiang.bianGua.yao1 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "初九", "desc": bianGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "初六", "desc": bianGuaYaoCiXiang[item] })
-            }
-          } else if (item == 2) {
-            if (this.guaXiang.bianGua.yao2 == "ShaoYang" || this.guaXiang.bianGua.yao2 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "九二", "desc": bianGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "六二", "desc": bianGuaYaoCiXiang[item] })
-            }
-          } else if (item == 3) {
-            if (this.guaXiang.bianGua.yao3 == "ShaoYang" || this.guaXiang.bianGua.yao3 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "九三", "desc": bianGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "六三", "desc": bianGuaYaoCiXiang[item] })
-            }
-          } else if (item == 4) {
-            if (this.guaXiang.bianGua.yao4 == "ShaoYang" || this.guaXiang.bianGua.yao4 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "九四", "desc": bianGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "六四", "desc": bianGuaYaoCiXiang[item] })
-            }
-          } else if (item == 5) {
-            if (this.guaXiang.bianGua.yao5 == "ShaoYang" || this.guaXiang.bianGua.yao5 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "九五", "desc": bianGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "六五", "desc": bianGuaYaoCiXiang[item] })
-            }
-          } else if (item == 6) {
-            if (this.guaXiang.bianGua.yao6 == "ShaoYang" || this.guaXiang.bianGua.yao6 == "LaoYang") {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "上九", "desc": bianGuaYaoCiXiang[item] })
-            } else {
-              this.guaXiang.bianGuaYaoCiXiang.push({ "name": "上六", "desc": bianGuaYaoCiXiang[item] })
-            }
-          }
-        });
-      })
-    }
   }
 }
 </script>
diff --git a/chestnut-ui/src/views/system/dashboard/serverInfo/index.vue b/chestnut-ui/src/views/system/dashboard/serverInfo/index.vue
new file mode 100644
index 00000000..45e3b96d
--- /dev/null
+++ b/chestnut-ui/src/views/system/dashboard/serverInfo/index.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="dashboard-container">
+    <el-card shadow="hover" class="mb10">
+      <div slot="header" class="clearfix">
+        <span>系统信息</span>
+      </div>
+      <div class="el-table el-table--enable-row-hover el-table--medium">
+        <table cellspacing="0" style="width: 100%;">
+          <tbody>
+            <tr>
+              <td class="el-table__cell is-leaf"><div class="cell attrname">{{ $t('Monitor.Server.AppName') }}</div></td>
+              <td class="el-table__cell is-leaf"><div class="cell" v-if="serverInfo.sys">{{ serverInfo.app.name }}</div></td>
+              <td class="el-table__cell is-leaf"><div class="cell attrname">{{ $t('Monitor.Server.AppVersion') }}</div></td>
+              <td class="el-table__cell is-leaf"><div class="cell" v-if="serverInfo.sys">{{ serverInfo.app.version }}</div></td>
+            </tr>
+            <tr>
+              <td class="el-table__cell is-leaf"><div class="cell attrname">{{ $t('Monitor.Server.JVMStartTime') }}</div></td>
+              <td class="el-table__cell is-leaf"><div class="cell" v-if="serverInfo.jvm">{{ serverInfo.jvm.startTime }}</div></td>
+              <td class="el-table__cell is-leaf"><div class="cell attrname">{{ $t('Monitor.Server.JVMRunTime') }}</div></td>
+              <td class="el-table__cell is-leaf"><div class="cell" v-if="serverInfo.jvm">{{ serverInfo.jvm.runTime }}</div></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </el-card>
+    
+  </div>
+</template>
+<script>
+import { getServer } from "@/api/monitor/server";
+
+export default {
+  name: "ServerInfoDashboard",
+  data () {
+    return {
+      serverInfo: {}
+    };
+  },
+  created() {
+    this.loadServerInfo();
+  },
+  methods: {
+    loadServerInfo() {
+      getServer().then(response => {
+        this.serverInfo = response.data;
+      })
+    }
+  }
+};
+</script>
\ No newline at end of file
diff --git a/chestnut-ui/src/views/system/dashboard/shortcut/index.vue b/chestnut-ui/src/views/system/dashboard/shortcut/index.vue
index e4332361..ebae0b44 100644
--- a/chestnut-ui/src/views/system/dashboard/shortcut/index.vue
+++ b/chestnut-ui/src/views/system/dashboard/shortcut/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="home-shortcut-container">
-    <el-card shadow="hover">
+    <el-card shadow="hover" class="mb10">
       <div slot="header" class="clearfix">
         <span>{{ $t('System.Menu.Shortcut') }}</span>
       </div>