|
|
|
|
@ -76,30 +76,44 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="filter"> |
|
|
|
|
<dl v-if="curTab == 1" |
|
|
|
|
style="align-items: center;"> |
|
|
|
|
<dt>学科专业</dt> |
|
|
|
|
<template v-if="curTab == 1"> |
|
|
|
|
<dl> |
|
|
|
|
<dt>学科类别</dt> |
|
|
|
|
<div class="vals"> |
|
|
|
|
<dd :class="{active: categoryId === ''}" |
|
|
|
|
@click="catetoryClick('')">全部</dd> |
|
|
|
|
@click="categoryClick({id: ''}, 1)">全部</dd> |
|
|
|
|
<dd :class="{active: categoryId === 1}" |
|
|
|
|
style="margin-right: 20px" |
|
|
|
|
@click="catetoryClick(1)">不限</dd> |
|
|
|
|
<div v-for="(item, i) in category" |
|
|
|
|
@click="categoryClick({id: 1}, 1)">不限</dd> |
|
|
|
|
<dd v-for="(item, i) in category" |
|
|
|
|
:key="i" |
|
|
|
|
:class="['category-item', {active: item.disciplineId == categoryId}]"> |
|
|
|
|
<span class="name" |
|
|
|
|
@click="nameClick(item, i)">{{ item.val.length ? item.name : item.categoryName }}</span> |
|
|
|
|
<el-cascader :class="{active: item.disciplineId == categoryId}" |
|
|
|
|
:ref="'category' + i" |
|
|
|
|
v-model="item.val" |
|
|
|
|
:options="item.list" |
|
|
|
|
:props="{ checkStrictly: true }" |
|
|
|
|
placeholder="" |
|
|
|
|
@change="id => categoryChange(id, item, i)"></el-cascader> |
|
|
|
|
:class="{active: categoryId === item.id}" |
|
|
|
|
@click="categoryClick(item, 1)">{{ item.name }}</dd> |
|
|
|
|
</div> |
|
|
|
|
</dl> |
|
|
|
|
<dl v-if="categoryId && categoryId !== 1"> |
|
|
|
|
<dt>专业类</dt> |
|
|
|
|
<div class="vals"> |
|
|
|
|
<dd :class="{active: professionalCategoryId === ''}" |
|
|
|
|
@click="categoryClick({id: ''}, 2)">全部</dd> |
|
|
|
|
<dd v-for="(item, i) in professionalClasses" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: professionalCategoryId === item.id}" |
|
|
|
|
@click="categoryClick(item, 2)">{{ item.name }}</dd> |
|
|
|
|
</div> |
|
|
|
|
</dl> |
|
|
|
|
<dl v-if="professionalCategoryId && professionalCategoryId !== 1"> |
|
|
|
|
<dt>专业</dt> |
|
|
|
|
<div class="vals"> |
|
|
|
|
<dd :class="{active: professionalId === ''}" |
|
|
|
|
@click="categoryClick({id: ''}, 3)">全部</dd> |
|
|
|
|
<dd v-for="(item, i) in professionals" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: professionalId === item.id}" |
|
|
|
|
@click="categoryClick(item, 3)">{{ item.name }}</dd> |
|
|
|
|
</div> |
|
|
|
|
</dl> |
|
|
|
|
</template> |
|
|
|
|
<dl v-if="curTab == 3"> |
|
|
|
|
<dt>产品标签</dt> |
|
|
|
|
<div class="vals"> |
|
|
|
|
@ -282,13 +296,9 @@ export default { |
|
|
|
|
professionalCategoryId: '', |
|
|
|
|
professionalId: '', |
|
|
|
|
category: [], |
|
|
|
|
professionalClasses: [], |
|
|
|
|
professionals: [], |
|
|
|
|
labels: [], |
|
|
|
|
subjectList: [], //专业学科 |
|
|
|
|
professionalClassList: [], //专业类 |
|
|
|
|
professionalList: [], //专业 |
|
|
|
|
categoryName: '', |
|
|
|
|
professionalCategoryName: '', |
|
|
|
|
professionalName: '', |
|
|
|
|
types: [], |
|
|
|
|
classifications: [], |
|
|
|
|
status: [ |
|
|
|
|
@ -411,6 +421,7 @@ export default { |
|
|
|
|
this.$post(this.api.schemeList, { |
|
|
|
|
pageNum: 1, |
|
|
|
|
pageSize: 10000, |
|
|
|
|
classificationId: this.form.productClassification, |
|
|
|
|
querySource: 3, //查询来源(3.中台 4.合伙人平台) |
|
|
|
|
}).then(({ data }) => { |
|
|
|
|
this.schemes = data.records |
|
|
|
|
@ -420,109 +431,41 @@ export default { |
|
|
|
|
async getSubject () { |
|
|
|
|
// 学科类别 |
|
|
|
|
this.$get(this.api.subjectCategoryCited).then(({ list }) => { |
|
|
|
|
const result = [] |
|
|
|
|
const promises = [] |
|
|
|
|
list = list.filter(e => e.disciplineId != 1) |
|
|
|
|
list.map((e, i) => { |
|
|
|
|
e.id = e.disciplineId |
|
|
|
|
e.name = e.disciplineName |
|
|
|
|
// 专业类 |
|
|
|
|
e.professionalClasses.map(e => { |
|
|
|
|
e.value = e.professionalClassId |
|
|
|
|
e.label = e.professionalClassName |
|
|
|
|
e.id = e.professionalClassId |
|
|
|
|
e.name = e.professionalClassName |
|
|
|
|
|
|
|
|
|
// 专业 |
|
|
|
|
e.professionals.map(e => { |
|
|
|
|
e.value = e.professionalId |
|
|
|
|
e.label = e.professionalName |
|
|
|
|
e.id = e.professionalId |
|
|
|
|
e.name = e.professionalName |
|
|
|
|
}) |
|
|
|
|
e.children = e.professionals |
|
|
|
|
}) |
|
|
|
|
result.push({ |
|
|
|
|
val: [], |
|
|
|
|
disciplineId: e.disciplineId, |
|
|
|
|
name: e.disciplineName, |
|
|
|
|
categoryName: e.disciplineName, |
|
|
|
|
list: e.professionalClasses |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
Promise.all(promises).then(_ => { |
|
|
|
|
console.log("🚀 ~ file: index.vue:378 ~ this.$get ~ result:", result) |
|
|
|
|
this.category = result |
|
|
|
|
e.children = e.professionalClasses |
|
|
|
|
}) |
|
|
|
|
this.category = list |
|
|
|
|
}).catch(err => { }) |
|
|
|
|
}, |
|
|
|
|
nameClick (item, i) { |
|
|
|
|
this.categoryId = item.disciplineId |
|
|
|
|
// 学科点击回调 |
|
|
|
|
categoryClick (item, i) { |
|
|
|
|
const { id, children } = item |
|
|
|
|
this[i === 1 ? 'categoryId' : i === 2 ? 'professionalCategoryId' : 'professionalId'] = id |
|
|
|
|
// 学科类别 |
|
|
|
|
if (i === 1) { |
|
|
|
|
this.professionalCategoryId = '' |
|
|
|
|
this.professionalId = '' |
|
|
|
|
this.$refs['category' + i][0].toggleDropDownVisible() |
|
|
|
|
this.clearCategory() |
|
|
|
|
this.initData() |
|
|
|
|
}, |
|
|
|
|
// 清除所有学科所选 |
|
|
|
|
clearCategory () { |
|
|
|
|
const list = this.category |
|
|
|
|
list.map(e => { |
|
|
|
|
e.val = [] |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
categoryChange (val, item, i) { |
|
|
|
|
const name = this.$refs['category' + i][0].getCheckedNodes()[0].pathLabels |
|
|
|
|
console.log("🚀 ~ file: index.vue:431 ~ categoryChange ~ val, item:", val, item, name) |
|
|
|
|
item.name = item.categoryName + '/' + name.join('/') |
|
|
|
|
this.clearCategory() |
|
|
|
|
item.val = val |
|
|
|
|
this.categoryId = item.disciplineId |
|
|
|
|
this.professionalCategoryId = val[0] || '' |
|
|
|
|
this.professionalId = val[1] || '' |
|
|
|
|
this.initData() |
|
|
|
|
}, |
|
|
|
|
// 返回学科name |
|
|
|
|
handleCategoryName () { |
|
|
|
|
if (this.subjectList.length) { |
|
|
|
|
const id = this.categoryId |
|
|
|
|
const list = this.subjectList |
|
|
|
|
if (list.length) { |
|
|
|
|
if (id === '' || id === 1) { |
|
|
|
|
this.categoryName = list[0].disciplineName |
|
|
|
|
} else { |
|
|
|
|
const item = list.find(e => e.disciplineId == id) |
|
|
|
|
this.categoryName = item ? item.disciplineName : '' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (this.professionalClassList.length) { |
|
|
|
|
const id = this.professionalCategoryId |
|
|
|
|
const list = this.professionalClassList |
|
|
|
|
if (list.length) { |
|
|
|
|
if (id === '' || id === 1) { |
|
|
|
|
this.professionalCategoryName = list[0].professionalClassName |
|
|
|
|
} else { |
|
|
|
|
const item = list.find(e => e.professionalClassId == id) |
|
|
|
|
this.professionalCategoryName = item ? item.professionalClassName : '' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (this.professionalList.length) { |
|
|
|
|
const id = this.professionalId |
|
|
|
|
const list = this.professionalList |
|
|
|
|
if (list.length) { |
|
|
|
|
if (id === '' || id === 1) { |
|
|
|
|
this.professionalName = list[0].professionalName |
|
|
|
|
} else { |
|
|
|
|
const item = list.find(e => e.professionalId == id) |
|
|
|
|
this.professionalName = item ? item.professionalName : '' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (children) this.professionalClasses = children |
|
|
|
|
this.professionals = [] |
|
|
|
|
} else if (i === 2) { // 专业类 |
|
|
|
|
this.professionalId = '' |
|
|
|
|
if (children) this.professionals = children |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 学科点击回调 |
|
|
|
|
catetoryClick (id) { |
|
|
|
|
this.categoryId = id |
|
|
|
|
this.professionalCategoryId = id |
|
|
|
|
this.professionalId = id |
|
|
|
|
this.clearCategory() |
|
|
|
|
this.initData() |
|
|
|
|
}, |
|
|
|
|
// 获取产品类型 |
|
|
|
|
@ -549,6 +492,10 @@ export default { |
|
|
|
|
// 类型切换 |
|
|
|
|
filterChange (id, prop) { |
|
|
|
|
this.form[prop] = id |
|
|
|
|
if (prop === 'productClassification') { |
|
|
|
|
this.form.websiteMallId = '' |
|
|
|
|
this.getSchemes() |
|
|
|
|
} |
|
|
|
|
this.initData() |
|
|
|
|
}, |
|
|
|
|
// 发布时间排序 |
|
|
|
|
@ -570,6 +517,7 @@ export default { |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.wrap { |
|
|
|
|
min-width: 1150px; |
|
|
|
|
.carousel { |
|
|
|
|
img { |
|
|
|
|
height: 100%; |
|
|
|
|
@ -950,112 +898,120 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@media (max-width: 1200px) { |
|
|
|
|
@media (max-width: 1150px) { |
|
|
|
|
.wrap { |
|
|
|
|
.carousel { |
|
|
|
|
.text-wrap { |
|
|
|
|
left: 40px; |
|
|
|
|
} |
|
|
|
|
.qrcode-wrap { |
|
|
|
|
margin-right: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
min-width: 980px; |
|
|
|
|
.inner { |
|
|
|
|
width: 90%; |
|
|
|
|
} |
|
|
|
|
.type-wrap { |
|
|
|
|
flex-direction: column; |
|
|
|
|
} |
|
|
|
|
.search { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
} |
|
|
|
|
.filter { |
|
|
|
|
.vals { |
|
|
|
|
width: calc(100% - 100px); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@media (max-width: 1000px) { |
|
|
|
|
.wrap { |
|
|
|
|
.carousel { |
|
|
|
|
.text-wrap { |
|
|
|
|
top: 47%; |
|
|
|
|
flex-direction: column; |
|
|
|
|
align-items: flex-start; |
|
|
|
|
} |
|
|
|
|
.qrcode-wrap { |
|
|
|
|
margin: 0 0 20px 0; |
|
|
|
|
} |
|
|
|
|
h6 { |
|
|
|
|
font-size: 1.8rem; |
|
|
|
|
} |
|
|
|
|
.sub { |
|
|
|
|
font-size: 1.3rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.intro { |
|
|
|
|
flex-direction: column; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: flex-start; |
|
|
|
|
li { |
|
|
|
|
flex: 1; |
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.type-wrap { |
|
|
|
|
.tab-wrap { |
|
|
|
|
flex-direction: column; |
|
|
|
|
align-items: flex-start; |
|
|
|
|
} |
|
|
|
|
.tab { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.courses { |
|
|
|
|
li { |
|
|
|
|
width: calc((100% - 22px) / 2); |
|
|
|
|
&:nth-child(2n) { |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@media (max-width: 640px) { |
|
|
|
|
.wrap { |
|
|
|
|
.carousel { |
|
|
|
|
.text-wrap { |
|
|
|
|
top: 47%; |
|
|
|
|
} |
|
|
|
|
.qrcode { |
|
|
|
|
width: 80px; |
|
|
|
|
height: 80px; |
|
|
|
|
} |
|
|
|
|
h6 { |
|
|
|
|
font-size: 1.4rem; |
|
|
|
|
} |
|
|
|
|
.sub { |
|
|
|
|
font-size: 1rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.type-wrap { |
|
|
|
|
.tab { |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
li { |
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.search { |
|
|
|
|
margin-top: 0; |
|
|
|
|
} |
|
|
|
|
.courses { |
|
|
|
|
li { |
|
|
|
|
width: 100%; |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
width: 98%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// @media (max-width: 1200px) { |
|
|
|
|
// .wrap { |
|
|
|
|
// .carousel { |
|
|
|
|
// .text-wrap { |
|
|
|
|
// left: 40px; |
|
|
|
|
// } |
|
|
|
|
// .qrcode-wrap { |
|
|
|
|
// margin-right: 20px; |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// .inner { |
|
|
|
|
// width: 90%; |
|
|
|
|
// } |
|
|
|
|
// .type-wrap { |
|
|
|
|
// flex-direction: column; |
|
|
|
|
// } |
|
|
|
|
// .search { |
|
|
|
|
// margin-top: 20px; |
|
|
|
|
// } |
|
|
|
|
// .filter { |
|
|
|
|
// .vals { |
|
|
|
|
// width: calc(100% - 100px); |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// @media (max-width: 1000px) { |
|
|
|
|
// .wrap { |
|
|
|
|
// .carousel { |
|
|
|
|
// .text-wrap { |
|
|
|
|
// top: 47%; |
|
|
|
|
// flex-direction: column; |
|
|
|
|
// align-items: flex-start; |
|
|
|
|
// } |
|
|
|
|
// .qrcode-wrap { |
|
|
|
|
// margin: 0 0 20px 0; |
|
|
|
|
// } |
|
|
|
|
// h6 { |
|
|
|
|
// font-size: 1.8rem; |
|
|
|
|
// } |
|
|
|
|
// .sub { |
|
|
|
|
// font-size: 1.3rem; |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// .intro { |
|
|
|
|
// flex-direction: column; |
|
|
|
|
// justify-content: center; |
|
|
|
|
// align-items: flex-start; |
|
|
|
|
// li { |
|
|
|
|
// flex: 1; |
|
|
|
|
// margin-bottom: 20px; |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// .type-wrap { |
|
|
|
|
// .tab-wrap { |
|
|
|
|
// flex-direction: column; |
|
|
|
|
// align-items: flex-start; |
|
|
|
|
// } |
|
|
|
|
// .tab { |
|
|
|
|
// margin-top: 10px; |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// .courses { |
|
|
|
|
// li { |
|
|
|
|
// width: calc((100% - 22px) / 2); |
|
|
|
|
// &:nth-child(2n) { |
|
|
|
|
// margin-right: 0; |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// @media (max-width: 640px) { |
|
|
|
|
// .wrap { |
|
|
|
|
// .carousel { |
|
|
|
|
// .text-wrap { |
|
|
|
|
// top: 47%; |
|
|
|
|
// } |
|
|
|
|
// .qrcode { |
|
|
|
|
// width: 80px; |
|
|
|
|
// height: 80px; |
|
|
|
|
// } |
|
|
|
|
// h6 { |
|
|
|
|
// font-size: 1.4rem; |
|
|
|
|
// } |
|
|
|
|
// .sub { |
|
|
|
|
// font-size: 1rem; |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// .type-wrap { |
|
|
|
|
// .tab { |
|
|
|
|
// flex-wrap: wrap; |
|
|
|
|
// li { |
|
|
|
|
// margin-bottom: 20px; |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// .search { |
|
|
|
|
// margin-top: 0; |
|
|
|
|
// } |
|
|
|
|
// .courses { |
|
|
|
|
// li { |
|
|
|
|
// width: 100%; |
|
|
|
|
// margin-right: 0; |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
</style> |
