时间轴

src/App.vue

@@ -31,3 +31,24 @@ export default {
   },
 }
 </script>
+<style lang="less">
+/* 自定义整个滚动条 */
+::-webkit-scrollbar {
+  width: 10px; /* 设置滚动条的宽度 */
+}
+
+/* 自定义滚动条轨道 */
+::-webkit-scrollbar-track {
+  background: #f1f1f1; /* 设置轨道的背景颜色 */
+}
+
+/* 自定义滚动条的滑块（thumb） */
+::-webkit-scrollbar-thumb {
+  background: #888; /* 设置滑块的背景颜色 */
+}
+
+/* 当滑块悬停或活动时自定义滚动条的滑块 */
+::-webkit-scrollbar-thumb:hover {
+  background: #555; /* 设置滑块在悬停状态下的背景颜色 */
+}
+</style>

src/layouts/BasicLayout.vue

@@ -99,7 +99,7 @@ export default {
           ? localStorage.getItem('CONTENT_WIDTH_TYPE')
           : defaultSettings.contentWidth,
         // 主题 'dark' | 'light'
-        theme: defaultSettings.navTheme,
+        theme: localStorage.getItem('navTheme') ? localStorage.getItem('navTheme') : defaultSettings.navTheme,
         // 主色调
         primaryColor: defaultSettings.primaryColor,
         fixedHeader: defaultSettings.fixedHeader,
@@ -185,6 +185,9 @@ export default {
             this.settings.contentWidth = CONTENT_WIDTH_TYPE.Fixed
           }
           break
+        case 'theme':
+          localStorage.setItem('navTheme', value)
+          break
       }
     },
   },

src/views/asset/Dashboard.vue

@@ -278,24 +278,4 @@ export default {
     cursor: pointer;
   }
 }
-
-/* 自定义整个滚动条 */
-::-webkit-scrollbar {
-  width: 10px; /* 设置滚动条的宽度 */
-}
-
-/* 自定义滚动条轨道 */
-::-webkit-scrollbar-track {
-  background: #f1f1f1; /* 设置轨道的背景颜色 */
-}
-
-/* 自定义滚动条的滑块（thumb） */
-::-webkit-scrollbar-thumb {
-  background: #888; /* 设置滑块的背景颜色 */
-}
-
-/* 当滑块悬停或活动时自定义滚动条的滑块 */
-::-webkit-scrollbar-thumb:hover {
-  background: #555; /* 设置滑块在悬停状态下的背景颜色 */
-}
 </style>

src/views/asset/all/Overview.vue

@@ -1,74 +1,83 @@
 <template>
-    <div>
-        <a-card :bordered="false">
+  <a-row :gutter="24">
+    <a-col class="gutter-row" :span="10">
+      <div class="gutter-box">
+        <div>
+          <a-card :bordered="false" title="Dynamics">
+            <a slot="extra" href="#">more</a>
+            <div class="timeLineBox">
+              <a-timeline pending="Recording...">
+                <a-timeline-item color="green"> Create a services site 2015-09-01 </a-timeline-item>
+                <a-timeline-item color="green"> Create a services site 2015-09-01 </a-timeline-item>
+              </a-timeline>
+            </div>
+          </a-card>
+        </div>
+      </div>
+    </a-col>
+    <a-col class="gutter-row" :span="14">
+      <div class="gutter-box">
+        <div>
+          <a-card :bordered="false">
             <a-descriptions title="Managers">
-                <a-descriptions-item label="Asset">
-                    admin
-                </a-descriptions-item>
-                <a-descriptions-item label="Test">
-                    Test
-                </a-descriptions-item>
-                <a-descriptions-item label="Release">
-                    Release
-                </a-descriptions-item>
-                <a-descriptions-item label="Feedback">
-                    Feedback
-                </a-descriptions-item>
+              <a-descriptions-item label="Asset"> admin </a-descriptions-item>
+              <a-descriptions-item label="Test"> Test </a-descriptions-item>
+              <a-descriptions-item label="Release"> Release </a-descriptions-item>
+              <a-descriptions-item label="Feedback"> Feedback </a-descriptions-item>
             </a-descriptions>
-        </a-card>
-        <a-card :bordered="false">
+          </a-card>
+          <a-card :bordered="false">
             <a-descriptions title="Basic Info">
-                <a-descriptions-item label="Asset Line">
-                    Asset Line
-                </a-descriptions-item>
-                <a-descriptions-item label="CreatedBy">
-                    admin
-                </a-descriptions-item>
-                <a-descriptions-item label="CreatedDate">
-                    2023-07-07
-                </a-descriptions-item>
-                <a-descriptions-item label="Asset Budget">
-                    $ 0.00
-                </a-descriptions-item>
-                <a-descriptions-item label="Access Control">
-                    Private Asset (Project team members only)
-                </a-descriptions-item>
+              <a-descriptions-item label="Asset Line"> Asset Line </a-descriptions-item>
+              <a-descriptions-item label="CreatedBy"> admin </a-descriptions-item>
+              <a-descriptions-item label="CreatedDate"> 2023-07-07 </a-descriptions-item>
+              <a-descriptions-item label="Asset Budget"> $ 0.00 </a-descriptions-item>
+              <a-descriptions-item label="Access Control">
+                Private Asset (Project team members only)
+              </a-descriptions-item>
             </a-descriptions>
-        </a-card>
-        <a-card :bordered="false">
+          </a-card>
+          <a-card :bordered="false">
             <a-descriptions title="Other Info">
-                <a-descriptions-item label="Active Requirement">2</a-descriptions-item>
-                <a-descriptions-item label="Plans">0</a-descriptions-item>
-                <a-descriptions-item label="Linked Bug">0</a-descriptions-item>
-                <a-descriptions-item label="Changed Requirement">0</a-descriptions-item>
-                <a-descriptions-item label="Linked Project">5</a-descriptions-item>
-                <a-descriptions-item label="Case">0</a-descriptions-item>
-                <a-descriptions-item label="Draft Requirement">0</a-descriptions-item>
-                <a-descriptions-item label="Build">0</a-descriptions-item>
-                <a-descriptions-item label="Doc">0</a-descriptions-item>
-                <a-descriptions-item label="Closed Requirement">0</a-descriptions-item>
-                <a-descriptions-item label="Releases">0</a-descriptions-item>
+              <a-descriptions-item label="Active Requirement">2</a-descriptions-item>
+              <a-descriptions-item label="Plans">0</a-descriptions-item>
+              <a-descriptions-item label="Linked Bug">0</a-descriptions-item>
+              <a-descriptions-item label="Changed Requirement">0</a-descriptions-item>
+              <a-descriptions-item label="Linked Project">5</a-descriptions-item>
+              <a-descriptions-item label="Case">0</a-descriptions-item>
+              <a-descriptions-item label="Draft Requirement">0</a-descriptions-item>
+              <a-descriptions-item label="Build">0</a-descriptions-item>
+              <a-descriptions-item label="Doc">0</a-descriptions-item>
+              <a-descriptions-item label="Closed Requirement">0</a-descriptions-item>
+              <a-descriptions-item label="Releases">0</a-descriptions-item>
             </a-descriptions>
-        </a-card>
-    </div>
+          </a-card>
+        </div>
+      </div>
+    </a-col>
+  </a-row>
 </template>
 
 <script>
 export default {
-    name: 'AssetOverView',
-    data() {
-        return {
-            id: null,
-        }
-    },
-    created() {
-        this.id = this.$route.query.id
-        this.getOverView(this.id)
-    },
-    methods: {
-        getOverView() {
-
-        }
+  name: 'AssetOverView',
+  data() {
+    return {
+      id: null,
     }
+  },
+  created() {
+    this.id = this.$route.query.id
+    this.getOverView(this.id)
+  },
+  methods: {
+    getOverView() {},
+  },
+}
+</script>
+<style lang="less">
+.timeLineBox {
+  height: 240px;
+  overflow-x: hidden;
 }
-</script>
+</style>