style(bgpartymatter): 搜索表单添加展开/收起按钮,默认只显示第一行筛选框
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<!--查询区域-->
|
||||
<div class="jeecg-basic-table-form-container">
|
||||
<a-form ref="formRef" @keyup.enter="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<a-row :gutter="24">
|
||||
<a-row :gutter="24" class="search-form-row">
|
||||
<a-col :lg="6" :md="8" :sm="12">
|
||||
<a-form-item label="年份" name="year">
|
||||
<JDictSelectTag v-model:value="queryParam.year" dictCode="super_year" placeholder="请选择年份" allow-clear @change="searchQuery" />
|
||||
@@ -24,7 +24,7 @@
|
||||
<JInput v-model:value="queryParam.content" type="like" placeholder="请输入会议决议" allow-clear trim @update:value="searchQuery" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :lg="6" :md="8" :sm="12">
|
||||
<a-col v-if="toggleSearchStatus" :lg="6" :md="8" :sm="12">
|
||||
<a-form-item label="完成状态" name="bpmStatus">
|
||||
<JDictSelectTag
|
||||
v-model:value="queryParam.bpmStatus"
|
||||
@@ -41,6 +41,12 @@
|
||||
<a-button preIcon="ant-design:reload-outlined" style="margin-left: 8px" @click="searchReset">重置</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
<span class="search-toggle-btn">
|
||||
<a @click="toggleSearchStatus = !toggleSearchStatus" style="cursor: pointer; user-select: none">
|
||||
{{ toggleSearchStatus ? '收起' : '展开' }}
|
||||
<Icon :icon="toggleSearchStatus ? 'ant-design:up-outlined' : 'ant-design:down-outlined'" />
|
||||
</a>
|
||||
</span>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
@@ -231,6 +237,7 @@
|
||||
const registerModal = ref();
|
||||
const flowScheduleModalRef = ref();
|
||||
const businessProcessListModalRef = ref();
|
||||
const toggleSearchStatus = ref<boolean>(false);
|
||||
const queryParam = reactive<any>({});
|
||||
const expandedRowKeys = ref<Array<string | number>>([]);
|
||||
const feedbackTableData = reactive<Record<string, Recordable[]>>({});
|
||||
@@ -768,6 +775,22 @@
|
||||
<style lang="less" scoped>
|
||||
.jeecg-basic-table-form-container {
|
||||
padding: 0;
|
||||
|
||||
.search-form-row {
|
||||
position: relative;
|
||||
padding-right: 64px;
|
||||
|
||||
.search-toggle-btn {
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 0;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.table-page-search-submitButtons {
|
||||
display: block;
|
||||
margin-bottom: 24px;
|
||||
|
||||
Reference in New Issue
Block a user