zj-teach/pages/stuList/stuList.js

// pages/stuList/stuList.js
let searchLists = [] //搜索条件列表
searchLists.length = 7
Page({

    /**
     * 页面的初始数据
     */
    data: {
        toSearch: false, //打开/关闭筛选区
        courseChosedIndex: '', //选中科目的索引
        showCourse: false, //科目选项区是否显示
        courseDetailChosed: '', //课程详情筛选条件
        courseDetailIndex: null, //选中课程详情的索引
        showCourseDetail: false, //课程详情选项区是否显示
        teachPositionChosed: '', //需求辅导方式
        showTeachPosition: false, //需求辅导方式选项区是否显示
        stuSexChosed: '', //学生性别
        showSexList: false, //学生性别选项区是否显示
        teachTypeChosed: '', //教员类型
        showTeachType: false, //教员类型选项区是否显示
        teachEduChosed: '', //老师学历的筛选条件
        showTeachEdu: false, //老师学历选项区是否显示
        teachSexChosed: '', //老师性别的筛选条件
        showTeachSex: false, //老师性别选项区是否显示
        teachImgChosed: '', //老师照片的筛选条件
        showTeachImg: false, //老师照片选项区是否显示
        list: [], //筛选后的列表
        isSearch: false, //是否点击搜索
        // 筛选条件
        // 1、课程类别
        courseList: ['小学', '初中', '高中', '大学', '音乐', '舞蹈', '语言', '体育', '美术', '书法', '少儿编程', '计算机', '其他'],
        // 课程详情
        courseDetail: [
            ['小学1-5数学', '小学1-5英语', '小学1-5语文', '小学6数学', '小学6英语', '小学6语文', '小学奥数'],
            ['初一初二语文', '初一初二数学', '初一初二英语', '初一初二物理', '初一初二化学', '初三语文', '初三数学', '初三英语', '初三物理', '初三化学', '初中历史', '初中地理', '初中奥数', '初中生物', '初中预备班', '初中科学', '初中政治'],
            ['高一高二语文', '高一高二数学', '高一高二英语', '高一高二物理', '高一高二化学', '高三语文', '高三数学', '高三英语', '高三物理', '高三化学', '高中历史', '高中地理', '高中政治', '高中生物', '信息科技', 'SAT'],
            ['托福', '雅思', '高等数学', '微观经济学', 'MBA', '成人高考', '国学', '自学考试', '专升本', '考博面试辅导', '考博专业课', '考博英语', '英语四级', '英语六级', '论文指导', '考研专业课', '考研政治', '考研数学', '考研英语', '英语专业四级', '英语专业八级', '课程辅导'],
            ['小提琴', '钢琴', '电子琴', '长笛', '琵琶', '手风琴', '古筝', '练耳歌唱', '大号', '声乐', '萨克斯', '单簧管', '吉他', '小号', '古琴', '二胡', '大提琴', '打击乐', '圆号', '中提琴', '竹笛', '架子鼓', '扬琴', '巴松'],
            ['民族舞', '爵士舞', '拉丁舞', '芭蕾舞', '街舞', '现代舞', '踢踏舞'],
            ['本地方言', '日语', '英语口语', '新概念英语', '牛津英语', '西班牙语', '德语', '商务英语', '法语', '韩语', '意大利语', '汉语', '阿拉伯语', 'SBS英语', '俄语', '葡萄牙语'],
            ['羽毛球', '跆拳道', '游泳', '乒乓球', '网球', '中国象棋', '国际象棋', '围棋', '篮球', '空手道'],
            ['卡通画', '中国画', '素描', '油画', '水彩', '漫画'],
            ['硬笔', '毛笔', '篆刻'],
            ['Scratch', 'Python', 'C++', 'microbit'],
            ['应用能力初级', '应用能力中级', '基本操作'],
            ['学习习惯', '口才', '心理辅导', '记忆力', '注意力']
        ],
        // 2、辅导方式
        teachPositions: ['不限', '老师上门', '学员上门', '线上辅导', '老师住家', '学员住家'],
        // 3、性别列表
        sexList: ['不限', '男', '女'],
        // 4、教员类型
        teachType: ['不限', '专业老师', '在校大学生'],
        // 5、教员学历
        educationList: ['不限', '博士毕业', '博士在读', '硕士毕业', '硕士在读', '本科毕业', '本科在读', '专科毕业', '专科在读'],
        // 6、老师照片选项
        teachImgOptions: ['不限', '有照片'],
        // 模拟后台读取的学生列表信息
        stuLists: [
            [{
                    id: '20220811'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '小学'
                },
                {
                    courseDetail: '小学1-5语文'
                },
                {
                    teachPosition: '不限'
                },
                {
                    stuSex: '男'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周六晚上'
                },
                {
                    except: '全力以赴备战小升初'
                },
                {
                    teachId: '在校大学生'
                },
                {
                    teachEdu: '本科在读'
                },
                {
                    teachSex: '女'
                },
                {
                    teachImg: '不限'
                },
                {
                    otherNeed: '无'
                }
            ],
            [{
                    id: '20220821'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '初中'
                },
                {
                    courseDetail: '初一初二语文'
                },
                {
                    teachPosition: '老师上门'
                },
                {
                    stuSex: '男'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周六晚上'
                },
                {
                    except: '考上重点初中'
                },
                {
                    teachId: '在校大学生'
                },
                {
                    teachEdu: '本科在读'
                },
                {
                    teachSex: '男'
                },
                {
                    teachImg: '有照片'
                },
                {
                    otherNeed: '无'
                }
            ],
            [{
                    id: '20220811'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '高中'
                },
                {
                    courseDetail: '高一高二物理'
                },
                {
                    teachPosition: '学员上门'
                },
                {
                    stuSex: '女'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周日晚上'
                },
                {
                    except: '好好学习，天天向上，考个重点大学'
                },
                {
                    teachId: '专职老师'
                },
                {
                    teachEdu: '本科毕业'
                },
                {
                    teachSex: '不限'
                },
                {
                    teachImg: '不限'
                },
                {
                    otherNeed: '无'
                }
            ],
            [{
                    id: '20220811'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '小学'
                },
                {
                    courseDetail: '小学1-5语文'
                },
                {
                    teachPosition: '学员住家'
                },
                {
                    stuSex: '男'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周六晚上'
                },
                {
                    except: '考个第一'
                },
                {
                    teachId: '在校大学生'
                },
                {
                    teachEdu: '本科在读'
                },
                {
                    teachSex: '女'
                },
                {
                    teachImg: '有照片'
                },
                {
                    otherNeed: '无'
                }
            ],
            [{
                    id: '20220821'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '初中'
                },
                {
                    courseDetail: '初一初二语文'
                },
                {
                    teachPosition: '老师住家'
                },
                {
                    stuSex: '男'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周六晚上'
                },
                {
                    except: '考上重点初中'
                },
                {
                    teachId: '在校大学生'
                },
                {
                    teachEdu: '本科在读'
                },
                {
                    teachSex: '男'
                },
                {
                    teachImg: '不限'
                },
                {
                    otherNeed: '无'
                }
            ],
            [{
                    id: '20220811'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '高中'
                },
                {
                    courseDetail: '高一高二物理'
                },
                {
                    teachPosition: '线上辅导'
                },
                {
                    stuSex: '女'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周日晚上'
                },
                {
                    except: '好好学习，天天向上，考个重点大学'
                },
                {
                    teachId: '专职老师'
                },
                {
                    teachEdu: '本科毕业'
                },
                {
                    teachSex: '不限'
                },
                {
                    teachImg: '不限'
                },
                {
                    otherNeed: '无'
                }
            ],
            [{
                    id: '20220811'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '小学'
                },
                {
                    courseDetail: '小学1-5语文'
                },
                {
                    teachPosition: '老师上门'
                },
                {
                    stuSex: '男'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周六晚上'
                },
                {
                    except: '考个好初中'
                },
                {
                    teachId: '在校大学生'
                },
                {
                    teachEdu: '本科在读'
                },
                {
                    teachSex: '女'
                },
                {
                    teachImg: '不限'
                },
                {
                    otherNeed: '无'
                }
            ],
            [{
                    id: '20220821'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '初中'
                },
                {
                    courseDetail: '初一初二语文'
                },
                {
                    teachPosition: '老师上门'
                },
                {
                    stuSex: '男'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周六晚上'
                },
                {
                    except: '考上重点初中'
                },
                {
                    teachId: '在校大学生'
                },
                {
                    teachEdu: '本科在读'
                },
                {
                    teachSex: '男'
                },
                {
                    teachImg: '不限'
                },
                {
                    otherNeed: '无'
                }
            ],
            [{
                    id: '20220811'
                },
                {
                    name: '孙悟空'
                },
                {
                    phone: '13400000000'
                },
                {
                    weChatNum: '13400000000'
                },
                {
                    courseNeed: '高中'
                },
                {
                    courseDetail: '高一高二物理'
                },
                {
                    teachPosition: '不限'
                },
                {
                    stuSex: '女'
                },
                {
                    salary: '200'
                },
                {
                    schoolTime: '周日晚上'
                },
                {
                    except: '好好学习，天天向上，考个重点大学'
                },
                {
                    teachId: '专职老师'
                },
                {
                    teachEdu: '本科毕业'
                },
                {
                    teachSex: '不限'
                },
                {
                    teachImg: '不限'
                },
                {
                    otherNeed: '无'
                }
            ],
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    //跳转到学生详情页
    toStuDetail() {
        wx.navigateTo({
            url: '/pages/stuDetail/stuDetail',
        })
    },

    // 找学员按钮的点击事件
    toOpenSearch() {
        let toSearch = this.data.toSearch
        this.setData({
            toSearch: !toSearch
        })
        // 判断打开找学员的筛选区的条件是否为false，如果是，则关闭所有选项的筛选区
        if (!this.data.toSearch) {
            this.setData({
                showCourse: false,
                showCourseDetail: false,
                showTeachPosition: false,
                showSexList: false,
                showTeachType: false,
                showTeachEdu: false,
                showTeachSex: false,
                showTeachImg: false
            })
        }
    },

    // 科目筛选项
    // 打开科目选项区，关闭其他选项区
    chooseCourse() {
        let showCourse = this.data.showCourse
        this.setData({
            showCourse: !showCourse,
            showCourseDetail: false,
            showTeachPosition: false,
            showSexList: false,
            showTeachType: false,
            showTeachEdu: false,
            showTeachSex: false,
            showTeachImg: false
        })
    },
    // 选择科目大类
    chosedCourse(e) {
        // console.log(e.currentTarget.dataset.index);
        let courseChosedIndex = e.currentTarget.dataset.index
        this.setData({
            courseChosedIndex,
            showCourseDetail: true
        })
        // console.log(this.data.courseChosedIndex);
    },
    // 选择课程详情
    chosedCourseDetail(e) {
        // console.log(e.currentTarget.dataset.index);
        let index = e.currentTarget.dataset.index
        let courseDetail = this.data.courseDetail
        let courseChosedIndex = this.data.courseChosedIndex
        this.setData({
            courseDetailChosed: courseDetail[courseChosedIndex][index],
            showCourseDetail: false,
            showCourse: false,
            courseDetailIndex: e.currentTarget.dataset.index,
        })
        searchLists[0] = this.data.courseDetailChosed
        // console.log(this.data.courseDetailChosed);
        // console.log(this.data.courseDetailIndex);
    },
    // 需求课程取消图标的功能
    cancelChooseCourse() {
        searchLists[0] = []
        this.setData({
            courseDetailChosed: '',
            searchLists
        })
    },

    // 辅导方式
    // 打开辅导方式筛选区，关闭其他选项筛选区
    chooseTeachPosition() {
        let showTeachPosition = this.data.showTeachPosition
        this.setData({
            showCourse: false,
            showCourseDetail: false,
            showTeachPosition: !showTeachPosition,
            showSexList: false,
            showTeachType: false,
            showTeachEdu: false,
            showTeachSex: false,
            showTeachImg: false
        })
    },
    // 选择辅导方式
    toChosedTeachPosition(e) {
        // console.log(e);
        let index = e.currentTarget.dataset.index
        let teachPositionChosed = this.data.teachPositionChosed
        let teachPositions = this.data.teachPositions
        for (let i = 0; i < teachPositions.length; i++) {
            if (i == index) {
                teachPositionChosed = teachPositions[i]
            }
        }
        this.setData({
            teachPositionChosed,
            showTeachPosition: false
        })
        searchLists[1] = this.data.teachPositionChosed
    },
    // 辅导方式取消图标的功能
    cancelChooseTeachPosition() {
        searchLists[1] = []
        this.setData({
            teachPositionChosed: '',
            searchLists
        })
    },

    // 选择学生性别筛选项
    // 打开学生性别选项区，关闭其他选项区
    chooseStuSex() {
        console.log(searchLists);
        let showSexList = this.data.showSexList
        this.setData({
            showCourse: false,
            showCourseDetail: false,
            showTeachPosition: false,
            showSexList: !showSexList,
            showTeachType: false,
            showTeachEdu: false,
            showTeachSex: false,
            showTeachImg: false
        })
    },
    // 选择学生性别
    toChosedStuSex(e) {
        let index = e.currentTarget.dataset.index
        let stuSexChosed = this.data.stuSexChosed
        let sexList = this.data.sexList
        for (let i = 0; i < sexList.length; i++) {
            if (i == index) {
                stuSexChosed = sexList[i]
            }
        }
        this.setData({
            stuSexChosed,
            showSexList: false
        })
        searchLists[2] = this.data.stuSexChosed
    },
    // 学生性别取消图标的功能
    cancleChooseStuSex() {
        searchLists[2] = []
        this.setData({
            stuSexChosed: '',
            searchLists
        })
    },

    // 教员类型筛选项
    // 打开老师身份选项区，关闭其他选项区
    chooseTeachType() {
        let showTeachType = this.data.showTeachType
        this.setData({
            showCourse: false,
            showCourseDetail: false,
            showTeachPosition: false,
            showSexList: false,
            showTeachType: !showTeachType,
            showTeachEdu: false,
            showTeachSex: false,
            showTeachImg: false
        })
    },

    // 选择教员类型
    toChosedTeachType(e) {
        // console.log(e);
        let index = e.currentTarget.dataset.index
        let teachTypeChosed = this.data.teachTypeChosed
        let teachType = this.data.teachType
        for (let i = 0; i < teachType.length; i++) {
            if (i == index) {
                teachTypeChosed = teachType[i]
            }
        }
        this.setData({
            teachTypeChosed,
            showTeachType: false
        })
        searchLists[3] = this.data.teachTypeChosed
    },
    // 教员类型取消图标的功能
    cancelChooseTeachType(){
        searchLists[3] = []
        this.setData({
            teachTypeChosed: '',
            searchLists
        })
    },

    // 老师学历筛选项
    // 打开老师学历选项区，关闭其他选项区
    chooseTeachEdu() {
        let showTeachEdu = this.data.showTeachEdu
        this.setData({
            showCourse: false,
            showCourseDetail: false,
            showTeachPosition: false,
            showSexList: false,
            showTeachType: false,
            showTeachEdu: !showTeachEdu,
            showTeachSex: false,
            showTeachImg: false
        })
    },
    // 选择老师学历
    toChosedTeachEdu(e) {
        let index = e.currentTarget.dataset.index
        let teachEduChosed = this.data.teachEduChosed
        let educationList = this.data.educationList
        for (let i = 0; i < educationList.length; i++) {
            if (i == index) {
                teachEduChosed = educationList[i]
            }
        }
        this.setData({
            teachEduChosed,
            showTeachEdu: false
        })
        searchLists[4] = this.data.teachEduChosed
    },
    // 教员学历取消图标的功能
    cancelChooseTeachEdu(){
        searchLists[4] = []
        this.setData({
            teachEduChosed: '',
            searchLists
        })
    },

    // 选择老师性别筛选项
    // 打开老师性别选项区，关闭其他选项区
    chooseTeachSex() {
        let showTeachSex = this.data.showTeachSex
        this.setData({
            showCourse: false,
            showCourseDetail: false,
            showTeachPosition: false,
            showSexList: false,
            showTeachType: false,
            showTeachEdu: false,
            showTeachSex: !showTeachSex,
            showTeachImg: false
        })
    },
    // 选择老师性别
    toChosedTeachSex(e) {
        let index = e.currentTarget.dataset.index
        let teachSexChosed = this.data.teachSexChosed
        let sexList = this.data.sexList
        for (let i = 0; i < sexList.length; i++) {
            if (i == index) {
                teachSexChosed = sexList[i]
            }
        }
        this.setData({
            teachSexChosed,
            showTeachSex: false
        })
        searchLists[5] = this.data.teachSexChosed
    },
    cancelChooseTeachSex(){
        searchLists[5] = []
        this.setData({
            teachSexChosed: '',
            searchLists
        })
    },

    // 老师照片筛选项
    // 打开老师照片选项区，关闭其他选项区
    chooseTeachImg() {
        let showTeachImg = this.data.showTeachImg
        this.setData({
            showCourse: false,
            showCourseDetail: false,
            showTeachPosition: false,
            showSexList: false,
            showTeachType: false,
            showTeachEdu: false,
            showTeachSex: false,
            showTeachImg: !showTeachImg
        })
    },

    // 选择老师照片筛选条件
    toChosedTeachImg(e) {
        let index = e.currentTarget.dataset.index
        let teachImgChosed = this.data.teachImgChosed
        let teachImgOptions = this.data.teachImgOptions
        for (let i = 0; i < teachImgOptions.length; i++) {
            if (i == index) {
                teachImgChosed = teachImgOptions[i]
            }
        }
        this.setData({
            teachImgChosed,
            showTeachImg: false
        })
        searchLists[6] = this.data.teachImgChosed
    },
    cancelChooseTeachImg(){
        searchLists[6] = []
        this.setData({
            teachImgChosed: '',
            searchLists
        })
    },

    // 搜索按钮功能
    onSearch() {
        // console.log(searchLists[0]);
        // list = []
        // 判断搜索条件的数组是否为空（即是否选择了搜索条件）
        if (!searchLists[0] && !searchLists[1] && !searchLists[2] && !searchLists[3] && !searchLists[4] && !searchLists[5] && !searchLists[6]) {
            this.setData({
                isSearch: false
            })
            wx.showToast({
                title: '您还没选择搜索条件',
                icon: 'none'
            })
            return
        }
        // 当搜索条件数组不为空时，点击搜索按钮后，重新将筛选后的数组设置为空数组，并将是否点击搜索的条件置为true
        this.setData({
            list: [],
            isSearch: true
        })
        let stuLists = this.data.stuLists
        let list = this.data.list
        // 判断第一个筛选项值是否符合要求
        if (searchLists[0]) {
            for (let i = 0; i < stuLists.length; i++) {
                for (let j = 0; j < stuLists[i].length; j++) {
                    // console.log(stuLists[i][j].courseDetail);
                    // 判断学生列表中是否有符合第一项筛选条件的信息
                    if (searchLists[0] == stuLists[i][j].courseDetail) {
                        // console.log('ok');
                        // 将满足条件的学生信息添加进新数组
                        list.push(stuLists[i])
                        this.setData({
                            list
                        })
                    }
                }
            }
            console.log(list);
        }
        // 判断第二个筛选值是否符合要求
        if (searchLists[1]) {
            if (searchLists[0]) {
                for (let i = 0; i < list.length; i++) {
                    for (let j = 0; j < list[i].length; j++) {
                        // console.log(stuLists[i][j].courseDetail);
                        // 判断学生列表中是否有符合第一项筛选条件的信息
                        if (searchLists[1] == list[i][j].teachPosition) {
                            // console.log('ok');
                            // 将满足条件的学生信息添加进新数组
                            let newList = []
                            newList.push(list[i])
                            this.setData({
                                list: newList
                            })
                        }
                    }
                }
                console.log(this.data.list);
            } else {
                for (let i = 0; i < stuLists.length; i++) {
                    for (let j = 0; j < stuLists[i].length; j++) {
                        // console.log(stuLists[i][j].courseDetail);
                        // 判断学生列表中是否有符合第一项筛选条件的信息
                        if (searchLists[1] == stuLists[i][j].teachPosition) {
                            // console.log('ok');
                            // 将满足条件的学生信息添加进新数组
                            list.push(stuLists[i])
                            this.setData({
                                list
                            })
                        }
                    }
                }
                console.log(this.data.list);
            }
        }

    },

    // 清除选择按钮
    clearOptions() {
        searchLists = []
        this.setData({
            isSearch: false,
            courseDetailChosed: '',
            teachPositionChosed: '',
            stuSexChosed: '',
            teachTypeChosed: '',
            teachEduChosed: '',
            teachSexChosed: '',
            teachImgChosed: '',
            list: [],

            // 将筛选选项区全部置为false
            showCourse: false,
            showCourseDetail: false,
            showTeachPosition: false,
            showSexList: false,
            showTeachType: false,
            showTeachEdu: false,
            showTeachSex: false,
            showTeachImg: false
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {
        wx.startPullDownRefresh()
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
        wx.showToast({
            title: '没有更多了',
            icon: 'none'
        })
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})