|
@@ -118,7 +118,7 @@ const getEchartOptions = (list) => {
|
|
|
},
|
|
|
grid: {
|
|
|
top: '35px',
|
|
|
- bottom: '30px',
|
|
|
+ bottom: '22px',
|
|
|
left: '8%',
|
|
|
right: '5%',
|
|
|
// containLabel: true // 这个啥?看下面
|
|
@@ -176,7 +176,6 @@ const getEchartOptions = (list) => {
|
|
|
return option;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
// 下拉框选择事件
|
|
|
const handleSelectOptions = (selectedList) => {
|
|
|
selectValue.value = selectedList;
|
|
@@ -251,9 +250,9 @@ onUnmounted(() => {
|
|
|
<div class="echart-container">
|
|
|
<div class="header">
|
|
|
<BaseTitle title="指标趋势" type="2" class="flex-shrink-0"></BaseTitle>
|
|
|
- <div class="flex items-center space-x-[4px]">
|
|
|
+ <div class="flex items-center space-x-[4px] pl-[30px]">
|
|
|
<NDatePicker
|
|
|
- class="w-[250px]"
|
|
|
+ style="width: 250px;"
|
|
|
clearable
|
|
|
size="small"
|
|
|
type="daterange"
|
|
@@ -265,16 +264,18 @@ onUnmounted(() => {
|
|
|
v-model:formatted-value="datePickerValue"
|
|
|
:theme-overrides="datePickerThemeOverrides"
|
|
|
></NDatePicker>
|
|
|
- <NSelect
|
|
|
- class="w-[220px]"
|
|
|
- multiple
|
|
|
- :options="selectOptions"
|
|
|
- :value="selectValue"
|
|
|
- :on-update:value="handleSelectOptions"
|
|
|
- :theme-overrides="selectThemeOverrides"
|
|
|
- size="small"
|
|
|
- max-tag-count="responsive"
|
|
|
- />
|
|
|
+ <div style="max-width: 240px;">
|
|
|
+ <NSelect
|
|
|
+ class="w-full"
|
|
|
+ multiple
|
|
|
+ :options="selectOptions"
|
|
|
+ :value="selectValue"
|
|
|
+ :on-update:value="handleSelectOptions"
|
|
|
+ :theme-overrides="selectThemeOverrides"
|
|
|
+ size="small"
|
|
|
+ max-tag-count="responsive"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content">
|