|
|
@@ -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 {
|