修改选择工种的位置

src/views/home/learn/page-learn.vue

@@ -13,20 +13,6 @@
         </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>
 
@@ -47,41 +33,16 @@ export default {
       learnRootList: [],
       choosedRootIndex: 0,
       swiperList: [],
-      parentId: "",
-      engineeringWorkChooseValue: null, // 工种选择的值
-      engineeringWorkList: [] // 工种可选列表
+      parentId: ""
     };
   },
   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 = [
@@ -122,35 +83,9 @@ 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>

src/views/home/person/page-person.vue

@@ -27,6 +27,20 @@
             <span class="todayScoreNum">{{ todayPoints }}</span>
           </div>
         </div>
+        <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>
     </div>
     <!-- 积分 -->
@@ -51,7 +65,7 @@
         <div
           :class="{
             'menu-card-item': true,
-            'menu-card-item-border': index !== 0 && index !== 4,
+            'menu-card-item-border': index !== 0 && index !== 4
           }"
           v-for="(item, index) in menus"
           :key="index"
@@ -119,20 +133,48 @@ export default {
         //   src: require("@/assets/image/personal/redeem.png")
         // }
         // { title: "我要编辑", icon: "photo-o", to: "", src: require("@/assets/image/personal/toEdit.png")  }
-      ]
+      ],
+      engineeringWorkChooseValue: null, // 工种选择的值
+      engineeringWorkList: [] // 工种可选列表
     };
   },
   computed: {
     ...mapState({
-      userInfo: state => state.user.userInfo
+      userInfo: state => state.user.userInfo,
+      chooseEngneeringWork: state => state.user.chooseEngneeringWork
     })
   },
   mounted() {
+    this.engineeringWorkList = [
+      { text: "桥隧工", value: "QiaoSuiGong" },
+      // { text: "测量工", value: "CeLiangGong" },
+      { text: "线路工", value: "XianLuGong" }
+    ];
+    this.engineeringWorkChooseValue =
+      this.chooseEngneeringWork && this.chooseEngneeringWork.value
+        ? this.chooseEngneeringWork.value
+        : this.engineeringWorkList[0].value;
+    this.handleChangeEngneeringWorkFun(this.engineeringWorkChooseValue);
     console.log(this.userInfo);
     this.getDailyPoints();
     this.getAllPoints();
   },
   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
+      });
+    },
     //   获取今日分数
     getDailyPoints() {
       let path = {
@@ -175,6 +217,16 @@ export default {
 };
 </script>
 
+<style lang="scss">
+.page-person-box {
+  .van-dropdown-menu__bar {
+    height: 1.5rem;
+  }
+  .van-dropdown-menu__title {
+    padding-left: 0;
+  }
+}
+</style>
 <style lang="scss" scoped>
 .page-person-box {
   overflow-y: auto;
@@ -191,6 +243,7 @@ export default {
       box-shadow: 0 0 4px 2px rgba(139, 163, 198, 0.3);
       -webkit-box-shadow: 0 0 4px 2px rgba(139, 163, 198, 0.3);
       border-radius: 0.1rem;
+      position: relative;
       .userCardLine {
         border-bottom: 1px solid #f1f1f1;
         width: 100%;
@@ -293,5 +346,15 @@ export default {
       // }
     }
   }
+  .dropdown-div {
+    position: absolute;
+    top: 0;
+    right: 0.5rem;
+    width: 3rem;
+    height: 1.5rem;
+    overflow: hidden;
+    z-index: 1000;
+    background-color: blanchedalmond;
+  }
 }
 </style>