add(ruoyi-ui): 添加首页组件

- 新增了首页组件，包括头部、系统介绍、主要特点和开始使用按钮
- 实现了响应式布局和基本样式
- 添加了跳转到基础信息页面的功能

ruoyi-ui/src/views/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="home">
+    <header class="home-header">
+      <h1>欢迎来到赛轮智慧热电管理系统</h1>
+    </header>
+    <main class="home-content">
+      <section class="welcome-section">
+        <h2>系统介绍</h2>
+        <p>这是一个赛轮智慧热电管理系统，提供了丰富的功能和优雅的界面。</p>
+
+      </section>
+      <section class="features-section">
+        <h2>主要特点</h2>
+        <ul>
+          <li>响应式设计</li>
+          <li>模块化开发</li>
+          <li>高性能</li>
+          <li>易扩展</li>
+        </ul>
+      </section>
+      <section class="action-section">
+        <button class="action-button" @click="handleStartUsing">开始使用</button>
+      </section>
+    </main>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Home',
+  data() {
+    return {
+      // 可以在这里添加一些数据属性
+    };
+  },
+  methods: {
+    handleStartUsing() {
+      this.$router.push('/base/baseCabinetInfo');
+    }
+  }
+};
+</script>
+
+<style scoped>
+.home {
+  font-family: Arial, sans-serif;
+  text-align: center;
+  padding: 20px;
+}
+
+.home-header {
+  background-color: #42b983;
+  color: white;
+  padding: 20px;
+  border-radius: 5px;
+}
+
+.home-content {
+  margin-top: 20px;
+}
+
+.welcome-section, .features-section, .action-section {
+  margin-bottom: 20px;
+}
+
+.logo-image {
+  max-width: 100%;
+  height: auto;
+  margin-top: 20px;
+}
+
+.action-button {
+  background-color: #42b983;
+  color: white;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 16px;
+}
+
+.action-button:hover {
+  background-color: #38a169;
+}
+</style>