fix:统一列表按钮样式

src/components/setting/History.vue

@@ -107,9 +107,11 @@ const onClose = () => {
         <el-table-column prop="name" label="消毒日期" />
         <el-table-column prop="detail" label="操作" width="100">
           <template #default="scoped">
-            <el-link type="primary" @click="showDetail(scoped.row)">
+            <div class="user-opera">
+              <el-button class="view-button" @click.stop="showDetail(scoped.row)">
                 查看
-            </el-link>
+              </el-button>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -134,5 +136,34 @@ const onClose = () => {
     height: 73vh;
     overflow: auto;
   }
+  .view-button,
+  .delete-button {
+    border: none;
+    padding: 4px 8px;
+    border-radius: 3px;
+    cursor: pointer;
+    margin-right: 5px;
+    transition: all 0.3s;
+    font-family: serif;
+  }
+
+  .view-button {
+    background-color: #e6f0ff;
+    color: #1890ff;
+  }
+
+  .view-button:hover {
+    background-color: #1890ff;
+    color: white;
+  }
+  .delete-button {
+    background-color: #ffe6e6;
+    color: #ff4d4f;
+  }
+
+  .delete-button:hover {
+    background-color: #ff4d4f;
+    color: white;
+  }
 }
 </style>