|
@ -101,15 +101,22 @@ const setVisible = () => { |
|
|
visible.value = !unref(visible) |
|
|
visible.value = !unref(visible) |
|
|
} |
|
|
} |
|
|
const Search = ref() |
|
|
const Search = ref() |
|
|
onMounted(() => { |
|
|
onMounted(() => {}) |
|
|
}) |
|
|
|
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<template> |
|
|
<template> |
|
|
<!-- update by 芋艿:class="-mb-15px" 用于降低和 ContentWrap 组件的底部距离,避免空隙过大 --> |
|
|
<!-- update by 芋艿:class="-mb-15px" 用于降低和 ContentWrap 组件的底部距离,避免空隙过大 --> |
|
|
<div ref="Search"> |
|
|
<div ref="Search"> |
|
|
<Form :inline="inline" :is-col="isCol" :is-custom="false" :label-width="labelWidth" :schema="newSchema" |
|
|
<Form |
|
|
class="-mb-15px" hide-required-asterisk @register="register"> |
|
|
:inline="inline" |
|
|
|
|
|
:is-col="isCol" |
|
|
|
|
|
:is-custom="false" |
|
|
|
|
|
:label-width="labelWidth" |
|
|
|
|
|
:schema="newSchema" |
|
|
|
|
|
class="-mb-15px search" |
|
|
|
|
|
hide-required-asterisk |
|
|
|
|
|
@register="register" |
|
|
|
|
|
> |
|
|
<template #action> |
|
|
<template #action> |
|
|
<div v-if="layout === 'inline'"> |
|
|
<div v-if="layout === 'inline'"> |
|
|
<!-- update by 芋艿:去除搜索的 type="primary",颜色变淡一点 --> |
|
|
<!-- update by 芋艿:去除搜索的 type="primary",颜色变淡一点 --> |
|
@ -136,7 +143,6 @@ onMounted(() => { |
|
|
</Form> |
|
|
</Form> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template v-if="layout === 'bottom'"> |
|
|
<template v-if="layout === 'bottom'"> |
|
|
<div :style="bottonButtonStyle"> |
|
|
<div :style="bottonButtonStyle"> |
|
|
<ElButton v-if="showSearch" type="primary" @click="search"> |
|
|
<ElButton v-if="showSearch" type="primary" @click="search"> |
|
@ -156,3 +162,24 @@ onMounted(() => { |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
.search ::v-deep(.el-form-item) { |
|
|
|
|
|
margin-right: 1%; |
|
|
|
|
|
width: 20%; |
|
|
|
|
|
} |
|
|
|
|
|
.search ::v-deep(.el-form-item:nth-last-child(1)) { |
|
|
|
|
|
margin-right: 0px; |
|
|
|
|
|
width: 16%; |
|
|
|
|
|
.el-form-item__content { |
|
|
|
|
|
flex: 1; |
|
|
|
|
|
>div{ |
|
|
|
|
|
flex: 1; |
|
|
|
|
|
button { |
|
|
|
|
|
width: 46%; |
|
|
|
|
|
max-width: 80px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|