test

src/views/computer-information/components/InfoCard.vue

@@ -145,10 +145,10 @@ onMounted(() => {
   </el-card>
   <!-- 卡片展示区域 -->
   <el-card :body-style="{ padding: '0px' }" class="flex-grow" style="border: none">
-  <el-card v-loading="tableOptions.loading" class="card-container" shadow="never" style="border: none">
+    <el-card v-loading="tableOptions.loading" class="card-container" shadow="never" style="border: none">
       <el-row :gutter="20">
         <el-col v-for="(item, index) in tableOptions.data" :key="index" :lg="4" :md="6" :sm="8" :xl="4" :xs="12" class="my-2.5">
-          <el-card class="item-card" shadow="hover" :body-style="{ padding: '20px 20px 5px 20px' }">
+          <el-card :body-style="{ padding: '20px 20px 5px 20px' }" class="item-card" shadow="hover">
             <div class="image-wrapper">
               <el-image :src="getImageUrl(item.images)" alt="电脑图片" class="card-image">
                 <template #error>
@@ -173,13 +173,11 @@ onMounted(() => {
                 <span style="font-weight: 500">{{ item.station }}</span>
               </div>
             </div>
-            <template #footer>
-              <div style="text-align: center; padding: 0 10px">
-                <!--<el-button :icon="Search" bg circle text type="primary" @click="checkItem(item)" />-->
-                <!--<el-button :icon="EditPen" bg circle text type="warning" @click="editItem(item)" />-->
-                <el-button :icon="Search" plain round style="width: 100%" type="primary" @click="checkItem(item)"> 查看详情 </el-button>
-              </div>
-            </template>
+            <!--<template #footer>-->
+            <!--  <div style="text-align: center; padding: 0 10px">-->
+            <!--    <el-button :icon="Search" plain round style="width: 100%" type="primary" @click="checkItem(item)"> 查看详情 </el-button>-->
+            <!--  </div>-->
+            <!--</template>-->
           </el-card>
         </el-col>
       </el-row>
@@ -261,13 +259,15 @@ onMounted(() => {
 
 .pagination-container {
   display: flex;
-  justify-content: flex-end;
+  // justify-content: flex-end;
   // margin-bottom: 20px;
+  position: absolute;
+  right: 30px;
+  bottom: 35px;
 }
 
 :deep(.el-card__footer) {
   border-top: none;
   padding: 0 0 10px 0;
 }
-
 </style>

src/views/employee-information/components/InfoCard.vue

@@ -107,7 +107,7 @@ onMounted(() => {
 				<el-col v-for="(item, index) in tableOptions.data" :key="index" :lg="4" :md="6" :sm="8" :xl="4" :xs="12" class="my-2.5">
 					<el-card :body-style="{ padding: '20px 20px 5px 20px' }" class="item-card" shadow="hover">
 						<div class="image-wrapper">
-							<el-image :src="getImageUrl(item.images)" alt="电脑图片" class="card-image">
+							<el-image :src="getImageUrl(item.images)" alt="人员图片" class="card-image">
 								<template #error>
 									<el-icon class="card-image" style="font-size: 4rem">
 										<icon-picture />
@@ -128,8 +128,6 @@ onMounted(() => {
 						</div>
 						<template #footer>
 							<div style="text-align: center; padding: 0 10px">
-								<!--<el-button :icon="Search" bg circle text type="primary" @click="checkItem(item)" />-->
-								<!--<el-button :icon="EditPen" bg circle text type="warning" @click="editItem(item)" />-->
 								<el-button :icon="Search" plain round style="width: 100%" type="primary" @click="checkItem(item)"> 查看详情 </el-button>
 							</div>
 						</template>