完善页面8
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
/* 顶部选项卡 */
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user