| | |
| | | |
| | | <div class="date-select"> |
| | | <div class="select-label">日期</div> |
| | | <el-date-picker |
| | | v-model="dateValue" |
| | | type="daterange" |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | value-format="yyyy-MM-dd" |
| | | @change="setConfig" |
| | | /> |
| | | <el-date-picker v-model="dateValue" type="daterange" range-separator="至" start-placeholder="开始日期" |
| | | end-placeholder="结束日期" value-format="yyyy-MM-dd" @change="setConfig" /> |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | <style lang="scss" scoped> |
| | | .select-container { |
| | | position: absolute; |
| | | top: 30px; |
| | | top: 40px; |
| | | left: 20px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .select-label { |
| | | font-size: 20px; |
| | | margin-right: 10px; |
| | | color: #2375f0; |
| | | flex-shrink: 0; |
| | | } |
| | | |
| | | .type-select { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-right: 20px; |
| | | width: 240px; |
| | | } |
| | | |
| | | .date-select { |
| | | display: flex; |
| | | align-items: center; |
| | | width: 320px; |
| | | } |
| | | } |
| | | ::v-deep .el-input__inner { |
| | | background: rgba(67, 102, 155, 0.4) !important; |
| | | color: #4481DD; |
| | | border-color: #4481DD !important; |
| | | } |
| | | |
| | | ::v-deep .date-select .el-range-input { |
| | | background-color: transparent !important; |
| | | color: #4481DD; |
| | | } |
| | | ::v-deep .date-select .el-date-editor .el-range-separator { |
| | | color: #4481DD !important; |
| | | } |
| | | |
| | | |
| | | </style> |