zhouwx
2024-12-11 9617b90429133e5a896817c6a3ee2a569a63ac35
src/views/safetyReview/userManage/expertUsers/index.vue
@@ -28,6 +28,26 @@
              placeholder="手机号"
              style="width: 220px;margin-right: 12px"
          />
          <el-select
              v-model="queryParams.agencyName"
              filterable
              remote
              @change="selectValue"
              reserve-keyword
              placeholder="所属机构"
              remote-show-suffix
              :remote-method="getCompanyList"
              :loading="loadingCompany"
              style="width: 240px;margin-right: 12px"
              clearable
          >
            <el-option
                v-for="item in data.companyList"
                :key="item.id"
                :label="item.name"
                :value="item.name"
            />
          </el-select>
          <el-select v-model="queryParams.level" style="width: 220px;margin-right: 12px" placeholder="评价师等级" >
            <el-option
                v-for="item in levelList"
@@ -44,7 +64,7 @@
                :value="item.id"
            />
          </el-select>
          <el-select v-model="queryParams.post" style="width: 220px;margin-right: 12px" placeholder="请选择职务">
          <el-select v-model="queryParams.post" style="width: 220px;margin-right: 12px" placeholder="职务">
            <el-option
                v-for="item in postList"
                :key="item.id"
@@ -179,6 +199,7 @@
import noPic from '@/assets/images/noPic.png'
import Cookies from "js-cookie";
import {delMonitor, getExpertList, getMonitorList} from "@/api/sysUsers";
import {getAllAgency} from "@/api/backManage/insitution";
const { proxy } = getCurrentInstance();
const loading = ref(false);
const expertRef = ref();
@@ -192,7 +213,8 @@
      phone: '',
      level: '',
      major: null,
      post: ''
      post: '',
      agencyName: ''
    },
    total: 0,
    dataList: [],
@@ -236,7 +258,8 @@
        id: '5',
        name: '员工'
      },
    ]
    ],
  companyList: []
});
const { queryParams, total, dataList, majorList, levelList, postList } = toRefs(data);
@@ -244,6 +267,23 @@
    getList()
  getMajor()
})
const loadingCompany = ref(false)
const getCompanyList = async (val)=>{
  if(val != ""){
    loadingCompany.value = true;
    const queryParams = {
      name: val
    }
    const res = await getAllAgency(queryParams)
    if (res.code == 200) {
      loadingCompany.value = false;
      data.companyList = res.data
    } else {
      ElMessage.warning(res.message)
    }
  }
}
const getList = async () => {
    loading.value = true
    const res = await getExpertList(data.queryParams)
@@ -295,8 +335,10 @@
    phone: '',
    level: '',
    major: null,
    post: ''
    post: '',
    agencyName: ''
  }
  data.companyList = []
  getList()
}
@@ -337,6 +379,18 @@
        })
}
const selectValue = (val) => {
  console.log('val',val)
  if(val == ""){
    data.companyList = []
  }
  // data.companyList.forEach(item => {
  //   if(item.name === val){
  //     data.queryParams.companyId = item.id
  //   }
  // })
}
</script>
<style scoped lang="scss">
.demo-image__error .image-slot {