Add "CSMS Version" page in CSMS

https://dev.wormwood.com.sg/zentao/task-view-405.html

Strides-Admin/src/layout/components/Sidebar/index.vue

@@ -3,27 +3,28 @@
     <logo
       v-if="showLogo"
       :collapse="isCollapse" />
-      <el-scrollbar wrap-class="scrollbar-wrapper">
-        <el-menu
-          :default-active="activeMenu"
-          :collapse="isCollapse"
-          :background-color="variables.menuBg"
-          :text-color="variables.menuText"
-          :unique-opened="false"
-          :active-text-color="variables.menuActiveText"
-          :collapse-transition="false"
-          @select="onMenuItemSelect"
-          mode="vertical"
-        >
-          <sidebar-item
-            v-for="route in permission_routes"
-            :key="route.path"
-            :item="route"
-            :activeMenu="activeMenu"
-            :selectedItemIndex="selectedItemIndex"
-            :base-path="route.path" />
-        </el-menu>
-      </el-scrollbar>
+    <el-scrollbar wrap-class="scrollbar-wrapper">
+      <el-menu
+        :default-active="activeMenu"
+        :collapse="isCollapse"
+        :background-color="variables.menuBg"
+        :text-color="variables.menuText"
+        :unique-opened="false"
+        :active-text-color="variables.menuActiveText"
+        :collapse-transition="false"
+        @select="onMenuItemSelect"
+        mode="vertical"
+      >
+        <sidebar-item
+          v-for="route in permission_routes"
+          :key="route.path"
+          :item="route"
+          :activeMenu="activeMenu"
+          :selectedItemIndex="selectedItemIndex"
+          :base-path="route.path" />
+      </el-menu>
+    </el-scrollbar>
+    <div class="version-view" v-if="!isCollapse">{{appName + " &nbsp;" + appVersion}}</div>
   </div>
 </template>
 
@@ -34,14 +35,16 @@ import SidebarItem from './SidebarItem'
 import variables from '@/styles/variables.scss'
 import { getAuthRoutes } from '@/utils/auth'
 import permission from '@/utils/permission'
+import settings from '../../../settings'
 
 export default {
   components: { SidebarItem, Logo },
   created() {
-    
   },
   data() {
     return {
+      appName: settings.title,
+      appVersion: settings.version,
       selectedItemIndex: '',
     }
   },
@@ -95,4 +98,17 @@ export default {
     }
   }
 }
-</script>
+</script>
+<style scoped>
+.version-view {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  height: 18px;
+  color: #cecece;
+  font-size: 12px;
+  text-align: center;
+  position: absolute;
+}
+</style>

Strides-Admin/src/settings.js

@@ -4,7 +4,7 @@ module.exports = {
    * @description Web page title
    */
   title: 'ChargEco Admin',
-  
+  version: 'v2.0.0',
   /**
    * @type {string}
    * @description project name

Strides-Admin/src/styles/sidebar.scss

@@ -48,7 +48,7 @@
 
     &.has-logo {
       .el-scrollbar {
-        height: calc(100% - 144px);
+        height: calc(100% - 158px);
       }
     }