1
This commit is contained in:
@@ -39,6 +39,8 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
|
<div v-if="current" class="range-line">统计区间 {{ current.beginDate }} ~ {{ current.endDate }}<span v-if="current.label"> · {{ current.label }}</span></div>
|
||||||
|
|
||||||
<el-row v-if="current" :gutter="16" class="summary-row">
|
<el-row v-if="current" :gutter="16" class="summary-row">
|
||||||
<el-col v-for="item in summaryItems" :key="item.key" :xs="24" :sm="12" :md="8" :lg="4">
|
<el-col v-for="item in summaryItems" :key="item.key" :xs="24" :sm="12" :md="8" :lg="4">
|
||||||
<el-card class="summary-card" shadow="hover">
|
<el-card class="summary-card" shadow="hover">
|
||||||
@@ -204,7 +206,7 @@ export default {
|
|||||||
return 'date'
|
return 'date'
|
||||||
},
|
},
|
||||||
dateValueFormat() {
|
dateValueFormat() {
|
||||||
return this.periodType === 'month' ? 'yyyy-MM-01' : 'yyyy-MM-dd'
|
return 'yyyy-MM-dd'
|
||||||
},
|
},
|
||||||
dateLabel() {
|
dateLabel() {
|
||||||
if (this.periodType === 'week') return '周内日期'
|
if (this.periodType === 'week') return '周内日期'
|
||||||
@@ -213,7 +215,7 @@ export default {
|
|||||||
},
|
},
|
||||||
datePlaceholder() {
|
datePlaceholder() {
|
||||||
if (this.periodType === 'week') return '空则上完整周'
|
if (this.periodType === 'week') return '空则上完整周'
|
||||||
if (this.periodType === 'month') return '空则上月'
|
if (this.periodType === 'month') return '空则本月'
|
||||||
return '空则今天'
|
return '空则今天'
|
||||||
},
|
},
|
||||||
current() {
|
current() {
|
||||||
@@ -478,6 +480,11 @@ export default {
|
|||||||
.hint-alert {
|
.hint-alert {
|
||||||
margin-bottom: 14px;
|
margin-bottom: 14px;
|
||||||
}
|
}
|
||||||
|
.range-line {
|
||||||
|
margin: 0 0 12px;
|
||||||
|
color: #606266;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
.summary-row,
|
.summary-row,
|
||||||
.table-row {
|
.table-row {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
|||||||
Reference in New Issue
Block a user