大屏项目初始化

screen-vue/src/views/system/user/index.vue

@@ -67,12 +67,16 @@
                 </el-tag>
               </template>
             </el-table-column>
-            <el-table-column label="操作" width="180" align="center">
+            <el-table-column label="操作" width="180" align="center" fixed="right">
               <template #default="scope">
+                <!-- 编辑按钮添加 Edit 图标 -->
                 <el-button size="small" type="primary" link @click="handleEdit(scope.row)">
+                  <el-icon><Edit /></el-icon>
                   编辑
                 </el-button>
+                <!-- 删除按钮添加 Delete 图标 -->
                 <el-button size="small" type="danger" link @click="handleDelete(scope.row)">
+                  <el-icon><Delete /></el-icon>
                   删除
                 </el-button>
               </template>
@@ -97,7 +101,7 @@
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
-import { Plus, Download } from '@element-plus/icons-vue'
+import { Plus, Download, Edit, Delete } from '@element-plus/icons-vue'
 import { getHomeUserList } from '@/api/bizUser'
 
 import CSearch from '@/components/Search/proSearch.vue'
@@ -237,7 +241,7 @@ onMounted(() => {
 .data-manage-page {
   width: 100%;
   height: 100%;
-  padding: 16px;
+  padding: 4px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -251,7 +255,9 @@ onMounted(() => {
   min-height: 0;
   border: 1px solid #e5e7eb;
   border-radius: 6px;
-  margin-bottom: 12px;
+  margin: 0 !important;
+  padding: 0;
+  box-sizing: border-box;
 }
 
 .main-section {
@@ -270,7 +276,7 @@ onMounted(() => {
   flex-shrink: 0;
 }
 
-.search-input, .search-select {
-  width: 100%;
+:deep(.el-button .el-icon) {
+  margin-right: 4px;
 }
 </style>