修改承载能力评估策略页面 修改 全局样式

This commit is contained in:
GGJ
2024-03-20 15:10:41 +08:00
parent b03a16de7d
commit e6deaa3fb1
4 changed files with 154 additions and 67 deletions

View File

@@ -17,7 +17,7 @@
</el-form-item>
<slot name="select"></slot>
</el-form>
<template v-if="($slots.select || datePicker) ">
<template v-if="$slots.select || datePicker">
<el-button type="primary" @click="showSelectChange" v-if="showUnfoldButton">
<Icon size="14" name="el-icon-ArrowUp" style="color: #fff" v-if="showSelect" />
<Icon size="14" name="el-icon-ArrowDown" style="color: #fff" v-else />
@@ -110,9 +110,8 @@ const handlerHeight = () => {
).height as string
}
const computedSearchRow = () => {
if (!headerForm.value.$el) return
// 清空headerFormSecond.value.$el下的元素
while (headerFormSecond.value.$el.firstChild) {
headerForm.value.$el.appendChild(headerFormSecond.value.$el.firstChild)
@@ -135,7 +134,6 @@ const computedSearchRow = () => {
} else {
showUnfoldButton.value = false
}
}
const showSelect = ref(false)
@@ -163,10 +161,13 @@ const setInterval = (val: any) => {
datePickerRef.value.setInterval(val)
}
defineExpose({ onComSearch, areaRef, setDatePicker ,setInterval,datePickerRef})
defineExpose({ onComSearch, areaRef, setDatePicker, setInterval, datePickerRef })
</script>
<style scoped lang="scss">
.cn-table-header {
border: 1px solid var(--el-border-color);
}
.table-header {
position: relative;
overflow-x: auto;
@@ -176,7 +177,7 @@ defineExpose({ onComSearch, areaRef, setDatePicker ,setInterval,datePickerRef})
width: 100%;
max-width: 100%;
background-color: var(--ba-bg-color-overlay);
border: 1px solid var(--el-border-color);
border-bottom: none;
padding: 13px 15px;
font-size: 14px;