LAPTOP-UBJMM5MG\user 1 vuosi sitten
vanhempi
commit
3a1ece9c4f
1 muutettua tiedostoa jossa 18 lisäystä ja 4 poistoa
  1. 18 4
      src/views/jobs/index.vue

+ 18 - 4
src/views/jobs/index.vue

@@ -11,14 +11,14 @@
     <div class="smart-device">
       <div class="smart-title">
         <span><span>企业招聘</span>JOBS</span>
-<!--        <i @click="join()">人才入驻</i>-->
+        <!--        <i @click="join()">人才入驻</i>-->
       </div>
       <div class="smart-device-content">
         <div class="list-content">
           <div class="case-list">
             <div class="case-content">
               <ul class="list-table">
-                <li v-for="(item,index) in noticeList" :key="index" @click="detail(item)" class="myLi">
+                <li v-for="(item,index) in noticeList" :key="index" class="myLi" @click="detail(item)">
                   <div>
                     <p>
                       {{ item.name }}
@@ -39,6 +39,11 @@
                       发布日期{{ item.createTime }}
                     </p>
                   </div>
+                  <div>
+                    <p :class="item.isValid?'yx':'gq'">
+                      {{ item.isValid?'有效':'过期' }}
+                    </p>
+                  </div>
                   <div>查看详情</div>
                 </li>
               </ul>
@@ -147,6 +152,7 @@ export default {
         getData() {
             const _this = this
             getRecruit(_this.search).then((res) => {
+                const dayjs = require('dayjs')
                 if (res.rows) {
                     this.total = res.total
                     this.noticeList = []
@@ -162,6 +168,8 @@ export default {
                             recruitRecruit: item.recruitRecruit,
                             peopleNumber: item.peopleNumber
                         }
+
+                        i.isValid = dayjs(new Date()).isBefore(dayjs(item.validityDate))
                         this.noticeList.push(i)
                     })
                 }
@@ -249,8 +257,8 @@ export default {
             cursor: pointer;
         }
         .myLi:hover{
-          background: rgba(75, 175, 227, 1) !important;
-          color: white;
+          background: rgba(75, 175, 227, 0.5) !important;
+          color: white !important;
         }
         .nav-list li span{
             border-bottom: 2px solid #f0f0f0;
@@ -461,4 +469,10 @@ export default {
     .paginationo-box /deep/ .van-pagination__item{
         color: #333;
     }
+    .yx{
+      color: #229f59;
+    }
+    .gq{
+      color: orangered;
+    }
 </style>