xiaozhen 6 лет назад
Родитель
Сommit
d86fe1da9f
1 измененных файлов с 28 добавлено и 23 удалено
  1. 28 23
      pages/job/index.vue

+ 28 - 23
pages/job/index.vue

@@ -3,6 +3,7 @@
     <el-form class="select-list">
       <el-form-item label="驻场地点" class="select-item">
         <el-select v-model="city" placeholder="不限" @change="changeCity">
+          <el-option label="全部" value=""></el-option>
           <el-option label="北京" value="1"></el-option>
           <el-option label="上海" value="2"></el-option>
           <el-option label="广州" value="3"></el-option>
@@ -11,28 +12,31 @@
           <el-option label="杭州" value="6"></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="是否申请" class="select-item" v-if="uid==0" @change="changeApply">
-        <el-select v-model="apply" placeholder="全部">
+      <el-form-item label="是否申请" class="select-item" v-if="Number(uid)>0">
+        <el-select v-model="apply" placeholder="全部" @change="changeApply">
           <el-option label="是" value="1"></el-option>
           <el-option label="否" value="2"></el-option>
         </el-select>
       </el-form-item>
     </el-form>
     <div class="job-list">
-      <div class="job-item" v-for="job in jobs">
-        <div class="job-header">
-          <div class="title-wrapper" @click="jump(job.id)">
-            <div class="title">{{job.title}}</div>
-            <div class="status-first">{{job.status_name}}</div>
+      <template v-for="job in jobs">
+        <div class="job-item" @click="jump(job.id)">
+          <div class="job-header">
+            <div class="title-wrapper">
+              <div class="title">{{job.title}}</div>
+              <div class="status-first">{{job.status_name}}</div>
+            </div>
+            <div class="price">¥ {{job.salary_from}}-{{job.salary_to}}</div>
+          </div>
+          <div class="job-content">
+            <p><span>工作内容: </span><span class="description">{{job.job_description}}</span></p>
+            <p><span>要求: </span>{{job.skills_name}}<span style="margin-left: 30px;">工作经验: </span>{{job.work_year}}年</p>
           </div>
-          <div class="price">¥ {{job.salary_from}}-{{job.salary_to}}</div>
-        </div>
-        <div class="job-content">
-          <p><span>工作内容: </span><span class="description">{{job.job_description}}</span></p>
-          <p><span>要求: </span>{{job.skills_name}}<span style="margin-left: 30px;">工作经验: </span>{{job.work_year}}年</p>
         </div>
-      </div>
+      </template>
     </div>
+
     <div class="pagination">
       <el-pagination background layout="prev, pager, next" :total="total" @current-change="changePage"/>
     </div>
@@ -71,28 +75,28 @@
         },
         methods: {
             getData() {
-                let formData = {page: this.page, size: this.size,city:this.city,has_apply:this.apply};
+                let formData = {page: this.page, size: this.size, city: this.city, has_apply: this.apply};
                 this.$axios.$post('/api/present_job/index', formData).then(res => {
                     this.jobs = res.data.jobs;
                     this.total = Number(res.data.total);
+                    this.uid = Number(res.data.uid);
                 })
             },
             changePage(page) {
                 this.page = page;
                 this.getData();
             },
-            changeCity(city){
-                console.log('asdfas');
-                this.city=city;
+            changeCity(city) {
+                this.city = city;
                 this.getData();
             },
-            changeApply(apply){
-                this.apply=apply;
+            changeApply(apply) {
+                console.log(apply);
+                this.apply = apply;
                 this.getData();
             },
-            jump(id){
-                //console.log(id);
-                this.$router.push('/job/'+id);
+            jump(id) {
+                this.$router.push('/job/' + id);
             }
         }
     }
@@ -121,13 +125,14 @@
     width: 100%;
     height: 166px;
     background-color: #ffffff;
+    cursor: pointer;
   }
 
   .job-header {
     margin-top: 33px;
     display: flex;
     align-items: center;
-    cursor: pointer;
+
   }
 
   .title-wrapper {