完善页面8

This commit is contained in:
2026-02-24 10:35:34 +08:00
parent f814db2f12
commit 92d6e8144d
90 changed files with 1183 additions and 1887 deletions

View File

@@ -204,26 +204,24 @@ const handleQuery = () => { console.log('Querying...') }
<style scoped lang="scss">
.admin-aftersale-order {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 过滤栏 */
.filter-card {
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -149,26 +149,24 @@ const closeQrModal = () => {
<style scoped lang="scss">
.admin-cashier-order {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 过滤栏 */
.filter-card {
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -224,7 +224,13 @@ const orderData = ref([
</script>
<style scoped lang="scss">
.admin-page {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.filter-card {
padding: var(--admin-card-padding);
}
.filter-row {

View File

@@ -296,21 +296,19 @@ const handleSave = () => {
<style scoped lang="scss">
.admin-order-config {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 顶部选项卡 */

View File

@@ -299,16 +299,15 @@ function initTrendChart() {
<style scoped lang="scss">
.order-statistic-page {
padding: 16px;
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100%;
}
.filter-card {
background-color: #fff;
padding: 24px;
padding: var(--admin-card-padding);
border-radius: 4px;
margin-bottom: 20px;
margin-bottom: var(--admin-section-gap);
}
.filter-item {
@@ -348,14 +347,14 @@ function initTrendChart() {
.stat-cards-row {
display: flex;
flex-direction: row;
gap: 16px;
margin-bottom: 20px;
gap: var(--admin-section-gap);
margin-bottom: var(--admin-section-gap);
}
.chart-card {
background-color: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.card-header {
@@ -381,15 +380,15 @@ function initTrendChart() {
.bottom-charts-row {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 20px;
gap: var(--admin-section-gap);
margin-top: var(--admin-section-gap);
}
.bottom-chart-card {
flex: 1;
background-color: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.card-header-row {
@@ -489,7 +488,7 @@ function initTrendChart() {
flex: 1;
background-color: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;
@@ -596,8 +595,15 @@ function initTrendChart() {
<style scoped lang="scss">
@import '@/uni.scss';
.page { padding: $space-lg; }
.header { padding: $space-lg; border-radius: $radius; background: $background-primary; box-shadow: $shadow-xs; }
.page {
/* 使用 Layout 的背景和内边距 */
}
.header {
padding: var(--admin-card-padding);
border-radius: $radius;
background: $background-primary;
box-shadow: $shadow-xs;
}
.title { font-size: $font-size-lg; font-weight: $font-weight-bold; color: $text-primary; }
.sub-title { margin-top: $space-xs; font-size: $font-size-md; color: $text-secondary; }
</style>

View File

@@ -183,26 +183,24 @@ const handleQuery = () => { console.log('Searching...') }
<style scoped lang="scss">
.admin-write-off {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 过滤栏 */
.filter-card {
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;