src/views/Home.vue

@@ -1,13 +1,16 @@
 <template>
     <el-card class="home-div">
         <el-card class="card-div">
-            <el-button :icon="Plus" circle size="large" @click="open_project" />
+            <el-button :icon="Plus" circle @click="
+                add_project_info.name = '';
+            add_project_info.description = '';
+            add_project_info.enable = true;
+            " />
         </el-card>
         <el-card class="card-div" v-for="(item, index) in projects" :key="index">
-            <p class="project-title">{{ item.name }}</p>
+            <p>{{ item.name }}</p>
             <p>{{ item.description }}</p>
-            <el-button type="primary"
+            <el-button type="primary" @click="router.push({ name: 'room', query: { project_name: item.name }})">管理</el-button>
-                @click="router.push({ name: 'room', query: { project_name: item.name } })">管理</el-button>
             <el-button type="success" @click="openUpdateDialog(item)">编辑</el-button>
             <el-button type="danger"  @click="openRemove(item)">删除</el-button>
         </el-card>
@@ -51,7 +54,7 @@
 <script setup>
 import { onMounted, reactive, ref } from "vue";
 import { Plus } from "@element-plus/icons-vue";
-import { ElMessage, ElMessageBox } from "element-plus";
+import { ElMessage,ElMessageBox } from "element-plus";
 import myApi from "@/api/myApi.js";
 import { useRouter } from 'vue-router'
 
@@ -59,13 +62,6 @@ const router = useRouter()
 
 const projects = ref([]);
 
-
-const open_project = () => {
-    add_project_info.name = '';
-    add_project_info.description = '';
-    add_project_info.enable = true;
-
-}
 const get_projects = async () => {
     const param = {
         action: 100,
@@ -214,10 +210,5 @@ onMounted(() => {
         justify-content: center;
     }
 
-    .project-title {
-        font-size: 24px;
-        font-weight: 500;
-    }
-
 }
 </style>

src/views/Room.vue

@@ -6,11 +6,6 @@
                 <el-button type="primary" @click="goHome">项目管理</el-button>
                 <el-button type="success" @click="save_room">项目预览</el-button>
             </div>
-            <div class="ptoject-info">
-                <div class="title">{{ project.name }}</div>
-                <div>{{ project.description }}</div>
-            </div>
-            <el-divider />
             <div>
                 <el-button type="primary" class="add-btn" :icon="Plus" @click="add_room">新建</el-button>
             </div>
@@ -394,14 +389,6 @@ const checkList = reactive([{
                     width: 30%;
                 }
             }
-            .title {
-                line-height: 48px;
-                font-size: 24px;
-                font-weight: 500;
-            }
-            .el-divider{ 
-                background-color:#409eff;
-            }
         }
 
     }