机构管理增加筛选条件

zhouwx

2024-06-05 46a7341e67236d958f1ba8ee44d109dc3015209d

机构管理增加筛选条件

 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>