diff --git a/src/views/match/add/index.vue b/src/views/match/add/index.vue index 51d3232..17113d4 100644 --- a/src/views/match/add/index.vue +++ b/src/views/match/add/index.vue @@ -135,29 +135,21 @@ 保存 - 发布 - 预览 + 发布 + 预览 - - - - - - - - - - - - - - - + 取 消 确 定 @@ -213,19 +205,66 @@ export default { range: [], rangeInit: [], rangeName: '', + // 选择区域懒加载 + props: { + multiple: true, + checkStrictly: true, + lazy: true, + lazyLoad (node, resolve) { + const { level, value } = node + // 省份 + console.log('lazy', node, that.range) + if (!level) { + that.$get(that.api.queryProvince).then(({ list }) => { + const data = [] + list.map(e => { + data.push({ + value: e.provinceId, + label: e.provinceName, + children: [] + }) + }) + resolve(data) + }).catch(res => {}) + } else if (level === 1) { + // 城市 + that.$get(that.api.queryCity, { + provinceId: value + }).then(({ list }) => { + const data = [] + list.map(e => { + data.push({ + provinceId: value, + value: e.cityId, + label: e.cityName + }) + }) + resolve(data) + }).catch(res => {}) + } else if (level === 2) { + // 学校 + that.$get(that.api.getSchoolsByProvince, { + provinceId: node.data.provinceId, + cityId: value, + schoolName: '' + }).then(({ list }) => { + const data = [] + list.map(e => { + data.push({ + value: e.schoolId, + label: e.schoolName, + leaf: true + }) + }) + resolve(data) + }).catch(res => {}) + } else { + resolve([]) + } + } + }, submiting: false, updateTime: 0, - rangeTimer: null, - provinces: [], - cities: [], - schools: [], - rangeForm: { - provinceId: [], - cityId: [], - schoolId: [] - }, - allSchool: [], - curProvinceId: '' }; }, components: { @@ -262,8 +301,6 @@ export default { }, mounted() { this.getData() - this.getProvince() - this.getAllSchool() }, methods: { getData() { @@ -299,6 +336,7 @@ export default { range.push(item) }) this.range = range + console.log("🚀 ~ file: matchDetail.vue ~ line 327 ~ this.$post ~ this.range", this.range) } // 选择范围name @@ -316,49 +354,18 @@ export default { // 选择范围 showRange() { this.rangeVisible = true + console.log("🚀 ~ file: index.vue ~ line 384 ~ showRange ~ rangeVisible", this.range) + // this.range = this.rangeInit }, - // 获取省份列表 - getProvince() { - this.$get(this.api.queryProvince).then(({ list }) => { - this.provinces = list - }).catch(res => {}) - }, - // 清除省份 - clearProvince(){ - this.rangeForm.cityId = '' - }, - // 获取城市列表 - getCity(val) { - const { rangeForm } = this - rangeForm.cityId = '' - this.curProvinceId = val[val.length - 1] // 因为是多选,所以会有多个id,只取最后一个 - this.$get(this.api.queryCity, { - provinceId: this.curProvinceId - }).then(({ list }) => { - this.cities = list - }).catch(res => {}) - }, - // 获取指定省市的学校列表 - getSchool(val) { - this.$get(this.api.getSchoolsByProvince, { - provinceId: this.curProvinceId, - cityId: val[val.length - 1] - }).then(({ list }) => { - this.schools = list - }).catch(res => {}) - }, - // 获取全部学校列表 - getAllSchool() { - this.$get(this.api.querySchoolData).then(({ list }) => { - this.allSchool = list - }).catch(res => {}) + // 范围模糊查询 + rangeFilter(node, keyword) { + console.log("🚀 ~ file: index.vue ~ line 363 ~ rangeFilter ~ node, keyword", node, keyword) + }, // 范围确定 rangeSubmit() { // 处理提交需要的id const data = [] - console.log("🚀 ~ file: index.vue ~ line 360 ~ rangeSubmit ~ data", this.rangeForm) - return this.range.map(e => { data.push({ provinceId: e[0] || '', @@ -402,7 +409,7 @@ export default { const data = { contestId: id || '', fileName: this.fileName, - filePath: file.fileUrl + filePath: file.fileUrl || file.fileId } this.form.contestAnnexList.push(data) // 编辑的时候需要调新增附件接口 @@ -642,12 +649,7 @@ $upload-lg-height: 150px; margin-left: 32px; } } -.range-dia { - .el-select { - width: 150px; - margin-right: 10px; - } -} + .add-btn { display: flex; justify-content: center;