|
@@ -9,6 +9,7 @@
|
|
|
<slot name="header">选择时间</slot>
|
|
|
</div>
|
|
|
<TimeSelectorContent
|
|
|
+ class="search-time-scope-selector"
|
|
|
ref="content"
|
|
|
:selectorTime="selectorTime"
|
|
|
:selectorType="selectorType"
|
|
@@ -16,6 +17,7 @@
|
|
|
:showExact="showExact"
|
|
|
:startPlaceholder="startPlaceholder"
|
|
|
:endPlaceholder="endPlaceholder"
|
|
|
+ :isDateRange="isDateRange"
|
|
|
@onChange="onChange"
|
|
|
/>
|
|
|
</selector-card>
|
|
@@ -57,6 +59,11 @@ export default {
|
|
|
default: () => {
|
|
|
return {}
|
|
|
}
|
|
|
+ },
|
|
|
+ // 显示类型是否为日期范围(一个弹框内选择开始日期结束日期)
|
|
|
+ isDateRange: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
@@ -96,4 +103,26 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped></style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.search-time-scope-selector{
|
|
|
+ &::v-deep {
|
|
|
+ .date-time-container .date-time-item {
|
|
|
+ width: 130px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+ .date-time-container {
|
|
|
+ padding: 0;
|
|
|
+ background-color: transparent !important;
|
|
|
+ &.active {
|
|
|
+ background-color: transparent !important;
|
|
|
+ input,
|
|
|
+ .date-time-item.left::after {
|
|
|
+ background-color: $color_main;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|