/*选择学校*/ <template> <div id="schoolBox"> <div class="search"> <form action="/"> <van-search v-model="searchSchool" show-action placeholder="请输入搜索关键词" @input="onSearch" @cancel="onCancel" /> </form> </div> <div class="listCardBox"> <div v-for="(val,i) in schoolList" :key="i" class="listCard"> <div @click="schoolClick(val)">{{val.text}}</div> </div> </div> </div> </template> <script> export default { data() { return { searchSchool: '', schoolList: [] } }, methods: { onSearch(val) { console.log(val) this.GetHighSchoolList() }, onCancel() { // this.$toast('取消'); this.searchSchool = '' this.schoolList = [] this.$emit('input',false) }, // 通过学校姓名获取学校 GetHighSchoolList () { this.yxAxios.get(`${this.yanxueUrl}/api/SchoolManage/GetAllSchoolList?schoolName=${this.searchSchool}`).then((res) => { if (res.data.data) { let data = res.data.data; let arr = []; if (data) { data.forEach((n, i) => { let obj = {}; obj.text = n.schoolName; obj.id = n.id; arr.push(obj); }); this.schoolList = arr; console.log(this.schoolList) } } else { this.$toast.fail(res.data.message) } }) }, //点击学校 schoolClick(val) { console.log(val) this.$emit('schoolData',val) this.onCancel() } }, mounted() { // this.GetHighSchoolList() } } </script> <style lang="scss" scoped> #schoolBox { width: 100vw; height: 100vh; // top: 0; // left: 0; background-color: #fff; .search { padding: 40px 30px; box-sizing: border-box; } .listCardBox { height: 1050px; overflow: auto; .listCard { width: 700px; height: 70px; color: black; font-size: 29px; margin-left: 30px; } } } </style>