From c4e77695c11681a159da35a94a1b66cf9d145c67 Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期三, 13 十二月 2023 16:37:44 +0800 Subject: [PATCH] 专家库筛选问题 --- src/views/components/laws.vue | 29 ++++++++++++++++++++++------- 1 files changed, 22 insertions(+), 7 deletions(-) diff --git a/src/views/components/laws.vue b/src/views/components/laws.vue index caf54c1..54b71a0 100644 --- a/src/views/components/laws.vue +++ b/src/views/components/laws.vue @@ -3,12 +3,12 @@ <div class="main-content"> <div class="filters"> <el-form :model="state.querys"> - <el-form-item label="法律法规名称" style="width: 500px;margin-bottom: 0;margin-right: 20px"> + <el-form-item label="法律法规名称:" style="font-size: 15px; width: 500px;margin-bottom: 0;margin-right: 20px"> <el-input v-model="state.querys.title" /> </el-form-item> </el-form> - <el-button type="primary" :icon="Search" class="searchBtn">搜索</el-button> - <el-button type="primary" :icon="Refresh" class="resetBtn">重置</el-button> + <el-button type="primary" :icon="Search" class="searchBtn" v-model="state.querys.title" @click="search">搜索</el-button> + <el-button type="primary" :icon="Refresh" class="resetBtn" @click="reset">重置</el-button> </div> <div class="list"> <div v-for="item in state.dataList" @click="openDetails('法律法规',item.id)"> @@ -23,11 +23,10 @@ </div> <div class="pag-container" v-if="state.total&&state.total>0"> <el-pagination - v-model:current-page="state.querys.pageNum" - v-model:page-size="state.querys.pageSize" - :page-sizes="[10,15,20,25]" + :page-sizes="[10,15,20]" layout="total, sizes, prev, pager, next, jumper" :total="state.total" + :current-page="state.querys.pageNum" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> @@ -82,6 +81,7 @@ } const handleSizeChange = (val) => { + state.querys.pageNum = 1; state.querys.pageSize = val getData() } @@ -89,7 +89,19 @@ state.querys.pageNum = val getData() } - +const search = () => { + state.querys.pageNum = 1; + getData() +} +const reset = () => { + state.querys = { + title: '', + content: '', + pageNum: 1, + pageSize: 10 + } + getData() +} const openDetails = (type,id)=>{ emit('openDetails',type,id) } @@ -106,6 +118,9 @@ display: flex; justify-content: center; margin-top: 170px; + :deep(.el-form .el-form-item__label) { + font-size: 16px; + } .main-content{ width: 1200px; -- Gitblit v1.9.2