|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
+ <div class="page-learn">
|
|
|
<van-tabs :active="active" @click="rootChange" line-width="10px">
|
|
|
<!-- 根目录 -->
|
|
|
<van-tab
|
|
@@ -13,6 +13,20 @@
|
|
|
</PageLearnRecommend>
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
+ <div class="dropdown-div">
|
|
|
+ <van-dropdown-menu active-color="#1989fa">
|
|
|
+ <van-dropdown-item
|
|
|
+ v-model="engineeringWorkChooseValue"
|
|
|
+ :options="engineeringWorkList"
|
|
|
+ :title="
|
|
|
+ engineeringWorkChooseValue
|
|
|
+ ? engineeringWorkChooseValue.text
|
|
|
+ : '工种选择'
|
|
|
+ "
|
|
|
+ @change="handleChangeEngneeringWorkFun"
|
|
|
+ />
|
|
|
+ </van-dropdown-menu>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -33,16 +47,41 @@ export default {
|
|
|
learnRootList: [],
|
|
|
choosedRootIndex: 0,
|
|
|
swiperList: [],
|
|
|
- parentId: ""
|
|
|
+ parentId: "",
|
|
|
+ engineeringWorkChooseValue: null, // 工种选择的值
|
|
|
+ engineeringWorkList: [] // 工种可选列表
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
|
created() {
|
|
|
+ this.engineeringWorkList = [
|
|
|
+ { text: "桥隧工", value: "QiaoSuiGong" },
|
|
|
+ // { text: "测量工", value: "CeLiangGong" },
|
|
|
+ { text: "线路工", value: "XianLuGong" }
|
|
|
+ ];
|
|
|
+ this.engineeringWorkChooseValue = this.engineeringWorkList[0].value;
|
|
|
+ this.handleChangeEngneeringWorkFun(this.engineeringWorkChooseValue);
|
|
|
+
|
|
|
this.getSwiperListDataFun();
|
|
|
this.getLearnRootList();
|
|
|
},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
+ // 操作:选择了工种
|
|
|
+ handleChangeEngneeringWorkFun(value) {
|
|
|
+ let resultItem = null;
|
|
|
+ for (let i = 0; i < this.engineeringWorkList.length; i++) {
|
|
|
+ let item = this.engineeringWorkList[i];
|
|
|
+ if (value === item.value) {
|
|
|
+ resultItem = item;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$store.commit("updateUserItemStore", {
|
|
|
+ field: "chooseEngneeringWork",
|
|
|
+ value: resultItem
|
|
|
+ });
|
|
|
+ },
|
|
|
// 查询轮播图数据列表
|
|
|
getSwiperListDataFun() {
|
|
|
this.swiperList = [
|
|
@@ -83,9 +122,35 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
+<style lang="scss">
|
|
|
+.page-learn {
|
|
|
+ .van-tabs__wrap--scrollable {
|
|
|
+ padding-right: 3rem;
|
|
|
+ }
|
|
|
+ .van-dropdown-menu__bar {
|
|
|
+ height: 1.5rem;
|
|
|
+ }
|
|
|
+ .van-dropdown-menu__title {
|
|
|
+ padding-left: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
<style lang="scss" scoped>
|
|
|
@import "~@/styles/mixin";
|
|
|
.contentBody {
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
+.page-learn {
|
|
|
+ position: relative;
|
|
|
+ .dropdown-div {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 3rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ overflow: hidden;
|
|
|
+ z-index: 1000;
|
|
|
+ background-color: blanchedalmond;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|