招聘页面bug修改

@@ -2279,88 +2279,6 @@ blockquote:before {
 .owl-item-button{
 .owl-item-button{
     color: #ffffff;
     color: #ffffff;
 }
 }
-/*ztq 招聘页面样式 2022-09-21*/
-.m-1em{
-    margin: 0 1em;
-}
-.min-width-100{
-    min-width: 100px;
-}
-.w-70{
-    width: calc(70% - 10px) !important;
-}
-.w-30{
-    width: 30% !important;
-}
-.title{
-    background-color: #F6F7FB;
-    padding-left: 1em;
-    color: #656767;
-    font-weight: bold;
-}
-.recruit-Con{
-    height:auto;
-    width: 100%;
-}
-.box {
-    width: 100%;
-    padding: 15px;
-    margin-bottom: 10px;
-    border: 1px solid #d3d3d4;
-    background: #fff;
-}
-.recruit-box .header{
-    background: url("../img/recruit/recruitLeft.png") no-repeat 100%;
-    background-size: auto;
-}
-.recruit-box .header i{
-    width: .8em;
-    height: .8em;
-    border-radius: 50%;
-    background-color: #E5312B;
-    display: inline-block;
-}
-.recruit-box .header span{
-    padding: 0 15px;
-    text-align: center;
-    display: inline-block;
-    background: #fff;
-    color: #343434;
-}
-.hot-recruit-box .header{
-    background: url("../img/recruit/hot.png") no-repeat 100%;
-    background-size: auto;
-    position: relative;
-}
-.hot-recruit-box .header::after{
-    content: '';
-    width: 75%;
-    height: 1px;
-    background-color: #E5312B;
-    /*border-bottom: 1px solid #E5312B;*/
-    position: absolute;
-    right: 0;
-    bottom: 4px;
-}
-.hot-recruit-box .header i{
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background-color: #E5312B;
-    display: inline-block;
-}
-.hot-recruit-box .header span{
-    width: 80px;
-    text-align: center;
-    display: inline-block;
-    background: #fff;
-    color: #343434;
-}
-.hot-recruit-box .hotList>a{
-    font-size: 14px;
-    color: #8C8C8C;
-}
-
 .home-button{
 .home-button{
     border-radius: 20px;
     border-radius: 20px;
     padding: 8px 40px;
     padding: 8px 40px;
@@ -2443,4 +2361,86 @@ blockquote:before {
     z-index: -1;
     z-index: -1;
     background: url('../img/index/compatible-bg.png');
     background: url('../img/index/compatible-bg.png');
     background-size: cover;
     background-size: cover;
+}
+
+/*ztq 招聘页面样式 2022-09-21*/
+.m-1em{
+    margin: 0 1em;
+}
+.min-width-100{
+    min-width: 100px;
+}
+.w-70{
+    width: calc(70% - 10px) !important;
+}
+.w-30{
+    width: 30% !important;
+}
+.title{
+    background-color: #F6F7FB;
+    padding-left: 1em;
+    color: #656767;
+    font-weight: bold;
+}
+.recruit-Con{
+    height:auto;
+    width: 100%;
+}
+.box {
+    width: 100%;
+    padding: 15px;
+    margin-bottom: 10px;
+    border: 1px solid #d3d3d4;
+    background: #fff;
+}
+.recruit-box .header{
+    background: url("../img/recruit/recruitLeft.png") no-repeat 100%;
+    background-size: auto;
+}
+.recruit-box .header i{
+    width: .8em;
+    height: .8em;
+    border-radius: 50%;
+    background-color: #E5312B;
+    display: inline-block;
+}
+.recruit-box .header span{
+    padding: 0 15px;
+    text-align: center;
+    display: inline-block;
+    background: #fff;
+    color: #343434;
+}
+.hot-recruit-box .header{
+    background: url("../img/recruit/hot.png") no-repeat 100%;
+    background-size: auto;
+    position: relative;
+}
+.hot-recruit-box .header::after{
+    content: '';
+    width: 75%;
+    height: 1px;
+    background-color: #E5312B;
+    /*border-bottom: 1px solid #E5312B;*/
+    position: absolute;
+    right: 0;
+    bottom: 4px;
+}
+.hot-recruit-box .header i{
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background-color: #E5312B;
+    display: inline-block;
+}
+.hot-recruit-box .header span{
+    width: 80px;
+    text-align: center;
+    display: inline-block;
+    background: #fff;
+    color: #343434;
+}
+.hot-recruit-box .hotList>a{
+    font-size: 14px;
+    color: #8C8C8C;
 }
 }

@@ -6,19 +6,24 @@ export default {
     mixins:[pageInit],
     mixins:[pageInit],
     components: {},
     components: {},
     props: [],
     props: [],
-
     setup(props, {attrs, slots, emit}) {
     setup(props, {attrs, slots, emit}) {
         const {proxy} = Vue.getCurrentInstance();
         const {proxy} = Vue.getCurrentInstance();
-        let type = proxy.$route.params.job;
-        let recruitHot = Vue.ref();
-        recruitHot = recruit().hot;
-        let recruitLeft = Vue.ref();
+        let recruitHot = Vue.ref();  // 热门招位   数据
+        recruitHot.value = recruit().hot;
+        let recruitLeft = Vue.ref();  // 职位招聘   数据
 
 
-        recruitLeft = recruit()[type];
+        // 监听路由的传值 展示不同职位的数据
+        Vue.watch(
+            () => proxy.$route,
+            (val) => {
+                recruitLeft.value = recruit()[val.params.job];
+            },
+            {immediate:true}
+        )
 
 
         return {
         return {
             recruitLeft,
             recruitLeft,
-            recruitHot
+            recruitHot,
         }
         }
     }
     }