Aucune description

departSelect.vue 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <!-- <uni-data-select class="uni-select" :localdata="deptData" @change="change" :clear="true" v-model="departid" placeholder="请选择部门"/> -->
  3. <uni-combox :candidates="candidates" placeholder="请选择部门" @input="change" v-model="departid"></uni-combox>
  4. </template>
  5. <script>
  6. export default {
  7. data() {
  8. return {
  9. departid: '',
  10. deptData: [],
  11. candidates:[]
  12. }
  13. },
  14. created() {
  15. this.getDpartment()
  16. },
  17. methods: {
  18. getDpartment() {
  19. this.$http.get("Department/GetDeptList",{token: uni.getStorageSync("token")}).then((res)=>{
  20. if(res.state.toLowerCase()==="success"){
  21. this.deptData = res.data
  22. res.data.forEach(v =>{
  23. this.candidates.push(v.F_DeptName)
  24. })
  25. // let resultData = res.data
  26. // resultData.forEach((element, index) => {
  27. // const obj = {}
  28. // obj.value = element.F_DeptId
  29. // obj.text = element.F_DeptName
  30. // this.deptData.push(obj);
  31. // });
  32. }
  33. })
  34. },
  35. change(data){
  36. let departid = ''
  37. this.deptData.forEach(v => {
  38. if(v.F_DeptName == data) {
  39. departid = v.F_DeptId
  40. }
  41. })
  42. this.$emit('post-select-data',departid)
  43. },
  44. }
  45. }
  46. </script>
  47. <style>
  48. </style>