feat：完成了系统管理静态页面

src/views/os-status/components/dataCard.vue

@@ -93,7 +93,6 @@ defineProps({
     width: 360px;
     height: 100%;
     border-radius: 5px;
-    
 }
 
 .titleStyle {

src/views/os-system/index.vue

 <template>
-    <div class="text-left p-10">
+    <div class="text-left p-8">
         <el-form inline>
-            <el-form-item label="角色选择:">
-                <el-select v-model="taskValue" placeholder=" " style="width: 200px">
-                    <el-option v-for="item in rolesOptions" :key="item.value" :label="item.label" :value="item.value" />
-                </el-select>
-            </el-form-item>
             <el-form-item>
-                <el-button type="primary">创建用户</el-button>
+                <el-button type="primary" plain>创建用户</el-button>
             </el-form-item>
             <el-form-item>
-                <el-button type="danger">批量删除</el-button>
+                <el-button type="danger" plain>批量删除</el-button>
             </el-form-item>
         </el-form>
     </div>
-    <el-table :data="tableData" style="width: 100%" border>
+    <el-table :data="tableData" style="width: 100%" border :header-cell-style="{ textAlign: 'center' } "
+        :cell-style="{ textAlign: 'center' }" :row-style="{ height: '58px' }">
         <el-table-column type="selection" width="40" />
         <el-table-column property="name" label="序号" width="55" />
         <el-table-column property="name" label="用户名" show-overflow-tooltip />
         <el-table-column property="name" label="用户名称" show-overflow-tooltip />
-        <el-table-column property="name" label="角色"  show-overflow-tooltip />
-        <el-table-column property="name" label="创建时间"  show-overflow-tooltip />
-        <el-table-column label="操作" width="240">
+        <el-table-column property="name" label="备注" show-overflow-tooltip />
+        <el-table-column property="name" label="用户密码" show-overflow-tooltip />
+        <el-table-column property="name" label="创建时间" width="280" show-overflow-tooltip />
+        <el-table-column label="操作" width="220">
             <template #default="scope">
                 <el-button type="primary" plain @click="handleDetails(scope.row)">
                     编辑
                 </el-button>
-                <el-button  type="success" plain @click="handleDetails(scope.row)">
-                    详情
-                </el-button>
                 <el-button type="danger" plain @click="handleConfirm(scope.row)">
                     删除
                 </el-button>
@@ -65,13 +59,33 @@ const rolesOptions = [
 const tableData = ref([
     {
         name: '1',
-        address: 'sk网',
-        address1: '成功',
-        address2: '100',
-        address3: '0',
-        address4: '无',
-        address5: '10s',
-        address6: '2023-05-13 10:00:00',
+    },
+    {
+        name: '1',
+    },
+    {
+        name: '1',
+    },
+    {
+        name: '1',
+    },
+    {
+        name: '1',
+    },
+    {
+        name: '1',
+    },
+    {
+        name: '1',
+    },
+    {
+        name: '1',
+    },
+    {
+        name: '1',
+    },
+    {
+        name: '1',
     }
 ])
 const pageObj = ref({