<template> <div class="tab-container"> <div class="filter-container" style="margin-bottom: 20px"> <el-select placeholder="全部部门" clearable style="width: 150px" class="filter-item" v-model="questionForm.userGrades" > <el-option v-for="item in getOrganList" :key="item.id" :label="item.organName" :value="item.id" ></el-option> </el-select> </div> </div> </template> <script> //调用接口 import { getOrgan } from "@/api/alarm/query"; export default { data() { return { questionForm: { }, getOrganList: [], }; }, created() { //加载部门 this.getOrgan(); }, methods: { //获取部门信息接口定义 getOrgan() { const params = { organId: 1, authority: 1, }; getOrgan(params).then((res) => { this.getOrganList = res.data.organs; }); }, }, }; </script> <style scoped> .tab-container { margin: 30px; } </style>
json数据
{"msg":"success","code":1,"data":{"organIds":[1,2,10,11,12,13,14,15,16,17,18],"organs":[{"id":1,"organName":"部门1","parentId":0,"manager":"zs","phone":null,"companyId":1,"address":null},{"id":2,"organName":"test3","parentId":1,"manager":"zs","phone":null,"companyId":1,"address":null},{"id":10,"organName":"test4","parentId":1,"manager":"zs","phone":null,"companyId":1,"address":null},{"id":11,"organName":"2121","parentId":1,"manager":"212","phone":"13661725475","companyId":1,"address":null},{"id":12,"organName":"212121212","parentId":2,"manager":"212","phone":"12121","companyId":1,"address":null},{"id":13,"organName":"www","parentId":11,"manager":"ww","phone":"123","companyId":1,"address":null},{"id":14,"organName":"www","parentId":11,"manager":"ww","phone":"123","companyId":1,"address":null},{"id":15,"organName":"","parentId":null,"manager":"","phone":"","companyId":1,"address":null},{"id":16,"organName":"21212","parentId":null,"manager":"","phone":"","companyId":1,"address":null},{"id":17,"organName":"2131314","parentId":null,"manager":"","phone":"","companyId":1,"address":null},{"id":18,"organName":"q313","parentId":2,"manager":"","phone":"","companyId":1,"address":null}]}}