|
|
@@ -1,8 +1,6 @@
|
|
|
<script lang="ts" setup>
|
|
|
import * as echarts from 'echarts'
|
|
|
-import { VueDatePicker } from '@vuepic/vue-datepicker'
|
|
|
import '@vuepic/vue-datepicker/dist/main.css'
|
|
|
-import { zhCN } from 'date-fns/locale'
|
|
|
import {
|
|
|
AlarmClock,
|
|
|
Checked,
|
|
|
@@ -1010,6 +1008,8 @@ onUnmounted(() => {
|
|
|
v-model="timeVal"
|
|
|
:teleport="true"
|
|
|
:type="type === 'day' ? 'date' : type === 'month' ? 'month' : 'year'"
|
|
|
+ class="summary-toolbar__picker"
|
|
|
+ popper-class="summary-toolbar__picker-popper"
|
|
|
value-format="YYYY-MM-DD"
|
|
|
range-separator="~"
|
|
|
start-placeholder="开始"
|
|
|
@@ -1335,7 +1335,7 @@ onUnmounted(() => {
|
|
|
</template>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-@import url('@/styles/kb.scss');
|
|
|
+@import url('@/styles/qhse_kb.scss');
|
|
|
|
|
|
:deep(.el-select__wrapper) {
|
|
|
height: 38px !important;
|
|
|
@@ -1417,11 +1417,38 @@ onUnmounted(() => {
|
|
|
background: rgb(255 255 255 / 80%);
|
|
|
border: 1px solid rgb(137 176 235 / 38%);
|
|
|
border-radius: 10px;
|
|
|
+ font-size: 14px !important;
|
|
|
box-shadow:
|
|
|
inset 0 1px 0 rgb(255 255 255 / 92%),
|
|
|
0 8px 14px rgb(63 103 171 / 6%);
|
|
|
}
|
|
|
|
|
|
+.summary-toolbar__picker :deep(.el-input__inner),
|
|
|
+.summary-toolbar__picker :deep(.el-range-input),
|
|
|
+.summary-toolbar__picker :deep(.el-input__prefix),
|
|
|
+.summary-toolbar__picker :deep(.el-input__suffix) {
|
|
|
+ font-size: 14px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.summary-toolbar__picker :deep(.el-input__inner::placeholder),
|
|
|
+.summary-toolbar__picker :deep(.el-range-input::placeholder) {
|
|
|
+ font-size: 14px !important;
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.summary-toolbar__picker-popper) {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.summary-toolbar__picker-popper .el-date-table),
|
|
|
+:deep(.summary-toolbar__picker-popper .el-date-table th),
|
|
|
+:deep(.summary-toolbar__picker-popper .el-date-table td),
|
|
|
+:deep(.summary-toolbar__picker-popper .el-month-table),
|
|
|
+:deep(.summary-toolbar__picker-popper .el-year-table),
|
|
|
+:deep(.summary-toolbar__picker-popper .el-picker-panel__icon-btn),
|
|
|
+:deep(.summary-toolbar__picker-popper .el-date-picker__header-label) {
|
|
|
+ font-size: 14px !important;
|
|
|
+}
|
|
|
+
|
|
|
.summary-panel {
|
|
|
padding: 0 10px 10px;
|
|
|
height: 200px;
|
|
|
@@ -1838,4 +1865,15 @@ onUnmounted(() => {
|
|
|
font-size: calc(14px * var(--kb-scale, 1));
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.summary-toolbar__picker {
|
|
|
+ :deep(*) {
|
|
|
+ font-size: 14px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(input) {
|
|
|
+ font-size: 14px !important;
|
|
|
+ line-height: 14px !important;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
