完善页面细节

pages/mall/admin/finance/bill.uvue

@@ -84,9 +84,9 @@ const tableData = ref<BillSumRecord[]>([
 
 <style scoped lang="scss">
 .finance-bill {
-  padding: 20px;
-  background-color: #f5f7fa;
-  min-height: 100vh;
+  padding: 0;
+  background-color: transparent;
+  min-height: auto;
 }
 
 .border-shadow {
@@ -268,155 +268,3 @@ const tableData = ref<BillSumRecord[]>([
   font-size: 12px;
 }
 </style>
-
-<style scoped lang="scss">
-.finance-bill {
-  padding: 20px;
-  background-color: #f5f7fa;
-  min-height: 100vh;
-}
-
-.border-shadow {
-  background-color: #fff;
-  border-radius: 4px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
-}
-
-.filter-card {
-  padding: 20px 24px;
-  margin-bottom: 20px;
-}
-
-.filter-row {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-.filter-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-right: 28px;
-}
-
-.filter-label {
-  font-size: 14px;
-  color: #333;
-  margin-right: 10px;
-}
-
-.date-picker-wrap, .select-box {
-  width: 200px;
-  height: 32px;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 0 12px;
-}
-
-.calendar-icon {
-  font-size: 12px;
-  margin-right: 8px;
-}
-
-.date-placeholder, .select-txt {
-  font-size: 13px;
-  color: #606266;
-}
-
-.arrow-down {
-  margin-left: auto;
-  font-size: 8px;
-  color: #c0c4cc;
-}
-
-.btn-query, .btn-export {
-  height: 32px;
-  padding: 0 20px;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: 10px;
-}
-
-.btn-query {
-  background-color: #1890ff;
-}
-
-.btn-export {
-  background-color: #fff;
-  border: 1px solid #dcdfe6;
-}
-
-.btn-txt { color: #fff; font-size: 14px; }
-.export-txt { color: #606266; font-size: 14px; }
-
-/* 表格样式 */
-.table-container {
-  display: flex;
-  flex-direction: column;
-}
-
-.table-header {
-  background-color: #f8f9fb;
-  display: flex;
-  flex-direction: row;
-  border-bottom: 1px solid #ebeef5;
-}
-
-.th {
-  padding: 15px 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.th-txt {
-  font-size: 14px;
-  font-weight: 600;
-  color: #909399;
-}
-
-.table-row {
-  display: flex;
-  flex-direction: row;
-  border-bottom: 1px solid #ebeef5;
-}
-
-.td {
-  padding: 15px 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.td-txt {
-  font-size: 13px;
-  color: #606266;
-}
-
-.col-id { width: 100px; }
-.col-title { width: 150px; }
-.col-type { width: 120px; }
-.col-amount { width: 120px; }
-.col-time { width: 180px; }
-.col-remark { flex: 1; min-width: 200px; }
-
-.text-left { justify-content: flex-start; }
-
-.type-tag {
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 2px;
-}
-
-.tag-green { background-color: #f0f9eb; color: #67c23a; border: 1px solid #e1f3d8; }
-.tag-orange { background-color: #fdf6ec; color: #e6a23c; border: 1px solid #faecd8; }
-
-.green-txt { color: #67c23a; }
-.red-txt { color: #f56c6c; }
-</style>