|
|
@@ -57,7 +57,7 @@ const options = [
|
|
|
]
|
|
|
|
|
|
const inputThemeOverrides = {
|
|
|
- border: '1px solid #d7d9e5',
|
|
|
+ border: '1px solid #e0e0e5',
|
|
|
borderRadius: '8px',
|
|
|
borderHover: '1px solid #2454FF',
|
|
|
borderFocus: '1px solid #2454FF',
|
|
|
@@ -596,11 +596,9 @@ getTopData();
|
|
|
<n-tab name="oasis" tab="正在报警" @click="onChangeTabs(0)"></n-tab>
|
|
|
<n-tab name="thebeatles" tab="历史报警" @click="onChangeTabs(1)"></n-tab>
|
|
|
</n-tabs>
|
|
|
- <div class="select-card">
|
|
|
- <NInput v-model:value="reasonValue" size="small" :theme-overrides="inputThemeOverrides" placeholder="请输入指标名称" @clear="onClearSearch" @keyup.enter="onEnterSearch" clearable></NInput>
|
|
|
- </div>
|
|
|
- <div class="select-card">
|
|
|
- <n-select v-model:value="waterTypeValue" :options="options" size="small" :on-update:value="onChangeWaterType" />
|
|
|
+ <div class="select-card space-x-[5px]">
|
|
|
+ <NInput v-model:value="reasonValue" size="small" :theme-overrides="inputThemeOverrides" placeholder="指标名称" @clear="onClearSearch" @keyup.enter="onEnterSearch" clearable></NInput>
|
|
|
+ <n-select v-model:value="waterTypeValue" :options="options" size="small" :on-update:value="onChangeWaterType" style="width: 80px;"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -744,6 +742,8 @@ getTopData();
|
|
|
}
|
|
|
|
|
|
.select-card {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
padding: 15px 10px 0 10px;
|
|
|
}
|
|
|
</style>
|
