zhouwx
2025-03-24 3f6bf89b1985b6668f02ffcc9af577b412e92e45
src/views/safetyReview/userManage/institutionUsers/index.vue
@@ -1,20 +1,73 @@
<template>
    <div class="app-container">
      <div style="display: flex;align-items: center">
        <div style="margin: 15px 20px 15px 0;" >
          <el-radio-group v-model="queryParams.businessType" @change="changeBtn">
            <el-radio-button label="0">全部</el-radio-button>
            <el-radio-button label="1">安全评价</el-radio-button>
            <el-radio-button label="2">检验检测</el-radio-button>
          </el-radio-group>
        </div>
        <div style="margin: 15px  0">
          <el-radio-group v-model="queryParams.attribute" @change="changeBtn">
            <el-radio-button label="">全部</el-radio-button>
            <el-radio-button label="0">疆内</el-radio-button>
            <el-radio-button label="1">疆外</el-radio-button>
          </el-radio-group>
        </div>
      </div>
        <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">
          <el-table-column label="序号" type="index" align="center" width="60" />
          <el-table-column label="用户ID" prop="id" align="center"/>
          <el-table-column label="机构名称" prop="agency.name" align="center"/>
          <el-table-column label="信用代码" prop="agency.creditCode" align="center"/>
          <el-table-column label="用户名" prop="username" align="center" />
          <el-table-column label="注册手机号" prop="phone" align="center"/>
          <el-table-column label="业务类别" prop="businessType" align="center">
            <template #default="scope">
              <span>{{scope.row.agency.businessType == 1 ? '安全评价' :scope.row.agency.businessType == 2 ? '检验检测' :scope.row.agency.businessType == '1,2' ? '安全评价,检验检测' : ''}}</span>
            </template>
          </el-table-column>
          <el-table-column label="注册审批" prop="state" align="center">
            <template #default="scope">
              <el-tag :type=" scope.row.state == 0 ? 'info' : scope.row.state == 1 ? '' : scope.row.state == 2 ?'success': scope.row.state == 3 || scope.row.state == 4 ?'danger':''">
@@ -91,6 +144,10 @@
    queryParams: {
        pageNum: 1,
        pageSize: 10,
        agencyName: '',
        state: null,
        attribute: "",
        businessType: 0
    },
    total: 0,
    dataList: [],
@@ -99,7 +156,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 +190,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
@@ -186,11 +258,11 @@
      })
}
/** 重置新增的表单以及其他数据  */
function reset() {
    proxy.resetForm("roleRef");
const changeBtn = (val) => {
  getList()
}
const handleDelete = (val) => {
    ElMessageBox.confirm(
        '确定删除此条数据?',
@@ -211,4 +283,21 @@
        })
}
const query = () => {
  data.queryParams.pageNum = 1;
  data.queryParams.pageSize = 10;
  getList();
}
/** 重置新增的表单以及其他数据  */
const reset = () => {
  data.queryParams = {
    pageNum: 1,
    pageSize: 10,
    agencyName: '',
    state: null,
    attribute: "",
    businessType: 0
  }
  getList();
}
</script>