From 46a7341e67236d958f1ba8ee44d109dc3015209d Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期三, 05 六月 2024 16:36:58 +0800 Subject: [PATCH] 机构管理增加筛选条件 --- src/views/safetyReview/userManage/institutionUsers/index.vue | 80 ++++++++++++++++++++++++++++++++++----- 1 files changed, 69 insertions(+), 11 deletions(-) diff --git a/src/views/safetyReview/userManage/institutionUsers/index.vue b/src/views/safetyReview/userManage/institutionUsers/index.vue index 3e73bb5..15b4c5f 100644 --- a/src/views/safetyReview/userManage/institutionUsers/index.vue +++ b/src/views/safetyReview/userManage/institutionUsers/index.vue @@ -1,12 +1,41 @@ <template> <div class="app-container"> <div style="margin-bottom: 10px"> - <el-button - type="primary" - plain - icon="Plus" - @click="openDialog('add',{})" - >新增</el-button> + <el-form :inline="true" style="display: flex;align-items: flex-start;flex-wrap: wrap;" > + <el-form-item label="机构名称:" > + <el-input v-model="data.queryParams.agencyName" placeholder="请输入机构名称"></el-input> + </el-form-item> + <el-form-item label="注册审批状态:" > + <el-select + v-model="data.queryParams.state" + class="w100" + style="max-width: 180px" + clearable + size="default" + > + <el-option v-for="item in data.stateList" :key="item.label" :label="item.value" :value="item.label"></el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button + type="primary" + plain + @click="query" + >查询</el-button> + <el-button + type="primary" + plain + @click="reset" + >重置</el-button> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + </el-form> + </div> <!-- 表格数据 --> <el-table v-loading="loading" :data="dataList" :border="true"> @@ -91,6 +120,8 @@ queryParams: { pageNum: 1, pageSize: 10, + agencyName: '', + state: null }, total: 0, dataList: [], @@ -99,7 +130,21 @@ appoveForm: { id: null, state: null - } + }, + stateList: [ + { + label: 1, + value: '审核中' + }, + { + label: 2, + value: '审批通过' + }, + { + label: 3, + value: '审批驳回' + }, + ] }); const { queryParams, total, dataList, isSuper, appDialog, appoveForm } = toRefs(data); @@ -119,6 +164,7 @@ const getList = async () => { loading.value = true + console.log('data.queryParams',data.queryParams) const res = await getAgencyList(data.queryParams) if(res.code == 200){ data.dataList = res.data.list @@ -187,10 +233,7 @@ } -/** 重置新增的表单以及其他数据 */ -function reset() { - proxy.resetForm("roleRef"); -} + const handleDelete = (val) => { ElMessageBox.confirm( '确定删除此条数据?', @@ -211,4 +254,19 @@ }) } +const query = () => { + data.queryParams.pageNum = 1; + data.queryParams.pageSize = 10; + getList(); +} +/** 重置新增的表单以及其他数据 */ +const reset = () => { + data.queryParams = { + pageNum: 1, + pageSize: 10, + agencyName: '', + state: null + } + getList(); +} </script> -- Gitblit v1.9.2