今天进行了公司部分的岗位管理
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简历推荐</title>
<style>
.el-header {
background-color: #d2d5e0;
color: #333;
line-height: 60px;
height: 70px;
}
.el-aside {
color: #333;
height: calc(100vh - 70px);// 设置左侧 aside 高度
}
.el-main {
padding: 0;
height: calc(100vh - 70px);// 设置主体 main 高度
}
a{
text-decoration: none;/*取消下划线*/
color: black;
scroll-behavior: smooth;
}
</style>
</head>
<body>
<div id="peoInformation">
<el-container style="height: 700px; border: 1px solid #eee">
<el-header style=" font-size: 12px">
<span style="font-size: 30px ;color: black">智能简历检索系统</span>
<span style="margin-right: 15px;margin-left: 1000px;font-size: 15px">{{loginFormAndpost.username}},欢迎你</span>
<el-dropdown>
<i class="el-icon-setting"></i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><a href="companyInformationView.html">查看公司信息</a></el-dropdown-item>
<el-dropdown-item><a href="companyInformationUpdate.html">修改公司信息</a></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-header>
<el-container>
<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
<el-menu :default-openeds="['1','2']" style="text-align: center">
<el-submenu index="1">
<template slot="title"><i class="el-icon-setting"></i></i>公司信息管理</template>
<el-menu-item index="1-1"><a href="companyInformationView.html">查看公司信息</a></el-menu-item>
<el-menu-item index="1-2" ><a href="companyInformationUpdate.html">修改公司信息</a></el-menu-item>
</el-submenu>
<el-submenu index="2">
<template slot="title"><i class="el-icon-menu"></i>岗位信息管理</template>
<el-menu-item index="2-1" ><a href="companySeeker.html">求职人推荐</a></el-menu-item>
<el-menu-item index="2-2" ><a href="companyNotes.html">公司岗位管理</a></el-menu-item>
<el-menu-item index="2-3" ><a href="companyCommit.html">公司消息</a></el-menu-item>
</el-submenu>
</el-menu>
</el-aside>
<el-main>
<!-- 查询 -->
<!-- :model="formInline"-->
<el-form :inline="true" class="demo-form-inline">
<el-form-item >
<el-form-item label="岗位名称">
<el-input v-model="loginFormAndpost.post.name" placeholder="岗位名称"></el-input>
</el-form-item>
<el-form-item label="学历要求">
<el-input v-model="loginFormAndpost.post.degreeRequire" placeholder="学历要求"></el-input>
</el-form-item>
<el-form-item label="岗位薪资">
<el-input v-model="loginFormAndpost.post.money" placeholder="岗位薪资"></el-input>
</el-form-item>
<el-form-item label="技能要求">
<el-input v-model="loginFormAndpost.post.skillRequire" placeholder="技能要求"></el-input>
</el-form-item>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
</el-form>
<br>
<template>
<el-button type="primary" size="small" @click="addpostVisible=true">新增</el-button>
<el-table
:data="postdata"
style="width: 100%">
<el-table-column
type="index"
width="50">
</el-table-column>
<el-table-column
prop="name"
label="岗位"
align="center"
width="300">
<template slot-scope="scope">
<el-button @click="specific(scope.$index, scope.row)" type="text" >{{scope.row.name}}</el-button>
</template>
</el-table-column>
</el-table-column>
<el-table-column
prop="degreeRequire"
label="学历要求"
align="center"
width="150">
</el-table-column>
<el-table-column
prop="money"
align="center"
label="工资"
width="150">
</el-table-column>
<el-table-column
prop="skillRequire"
align="center"
label="技能要求"
width="500"
show-overflow-tooltip>
<template slot-scope="scope">
<div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
{{scope.row.skillRequire}}
</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
align="center"
label="操作">
<template slot-scope="scope">
<el-row>
<el-button type="primary" plain @click="update(scope.$index, scope.row)">修改
</el-button>
</el-row>
</template>
</el-table-column>
</el-table>
</template>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5, 10, 15, 20]"
:page-size="5"
layout="total, sizes, prev, pager, next, jumper"
:total="totalCount">
</el-pagination>
</el-main>
</el-container>
</el-container>
<!--岗位详细信息-->
<el-dialog
title="岗位信息"
:visible.sync="postVisible"
width="70%">
<el-descriptions class="margin-top" :column="4" border style="margin-left: 8%;margin-right: 8%">
<el-descriptions-item style="width: 30%" >
<template slot="label" style="width: 5px">
<i class="el-icon-user"></i>
岗位名称
</template>
<template>
{{post.name}}
</template>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-location-outline"></i>
所属公司
</template>
<el-button type="text" >{{company.name}}</el-button>
</el-descriptions-item>
<el-descriptions-item >
<template slot="label">
<i class="el-icon-tickets"></i>
薪资
</template>
{{post.money}}
</el-descriptions-item>
<el-descriptions-item >
<template slot="label">
<i class="el-icon-tickets"></i>
学历要求
</template>
{{post.degreeRequire}}
</el-descriptions-item>
<el-descriptions-item :span="4">
<template slot="label">
<i class="el-icon-tickets"></i>
岗位描述
</template>
{{post.description}}
</el-descriptions-item>
<el-descriptions-item :span="4">
<template slot="label">
<i class="el-icon-tickets"></i>
技能要求
</template>
{{post.skillRequire}}
</el-descriptions-item>
</el-descriptions>
</el-dialog>
<!-- 岗位修改-->
<el-dialog
title="岗位修改"
:visible.sync="updatePostVisible"
width="30%"
>
<el-form ref="form" :model="updatePost" label-width="80px" style="margin-top:5px">
<el-form-item label="岗位名称" style="" >
<el-input v-model="updatePost.name"></el-input>
</el-form-item>
<el-form-item label="学历要求" >
<el-input v-model="updatePost.degreeRequire" ></el-input>
</el-form-item>
<el-form-item label="岗位薪资" >
<el-input v-model="updatePost.money" ></el-input>
</el-form-item>
<el-form-item label="技能要求" >
<el-input type="textarea" v-model="updatePost.skillRequire"></el-input>
</el-form-item>
<el-form-item label="岗位简介">
<el-input type="textarea" v-model="updatePost.description"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="updatePostVisible = false">取 消</el-button>
<el-button type="primary" @click="updatepost">修 改</el-button>
</el-form-item>
</el-form>
</span>
</el-dialog>
<!-- 岗位添加-->
<el-dialog
title="岗位添加"
:visible.sync="addpostVisible"
width="30%"
>
<el-form ref="form" :model="addPost" label-width="80px" style="margin-top:5px">
<el-form-item label="岗位名称" style="" >
<el-input v-model="addPost.name"></el-input>
</el-form-item>
<el-form-item label="学历要求" >
<el-input v-model="addPost.degreeRequire" ></el-input>
</el-form-item>
<el-form-item label="岗位薪资" >
<el-input v-model="addPost.money" ></el-input>
</el-form-item>
<el-form-item label="技能要求" >
<el-input type="textarea" v-model="addPost.skillRequire"></el-input>
</el-form-item>
<el-form-item label="岗位简介">
<el-input type="textarea" v-model="addPost.description"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="addpostVisible = false">取 消</el-button>
<el-button type="primary" @click="addCompanyPost">添 加</el-button>
</el-form-item>
</el-form>
</span>
</el-dialog>
</div>
</body>
<script src="js/vue.js"></script>
<script src="js/axios-0.18.0.js"></script>
<!--<script src="element-ui/lib/index.js"></script>-->
<!--<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<SCRIPT>
new Vue({
el:"#peoInformation",
data() {
return {
postVisible:false,
companyVisible:false,
updatePostVisible:false,
addpostVisible:false,
pageSize:5,
totalCount: 100,
currentPage:1,
postdata: [],
loginFormAndpost:{
post:{
name:'',
skillRequire:'',
money:'',
degreeRequire:''
},
username:""
},
post:{},
company:{},
updatePost:{},
addPost:{
id:'',
companyId:'',
name:'',
description:'',
skillRequire:'', //学历
money:'',
degreeRequire:'',
}
}
},
mounted(){
this.mountedd();
},
methods:{
mountedd(){
var _this = this;
this.loginFormAndpost.username = localStorage.getItem("companyname"); //获取指定key本地存储的值
axios({
method:"post",
url:"http://localhost:8080/notes/company/selectPost?currentPage="+this.currentPage+"&pageSize="+this.pageSize,
data:_this.loginFormAndpost
}).then(function (resp){
_this.postdata = resp.data.rows;
_this.totalCount = resp.data.totalCount;
})
},
onSubmit(){
this.mountedd();
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.pageSize=val;
this.mountedd();
this.currentPage=1;
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage=val;
this.mountedd();
this.currentPage=1;
},
specific(index,cow){
console.log(index+" "+cow.id);
var _this=this;
axios({
method:"post",
url:"http://localhost:8080/notes/post/selectPostAndCompanyById",
data:cow.id
}).then(function (resp){
_this.post=resp.data.post;
_this.company=resp.data.company;
_this.postVisible=true;
})
},
update(index,row){
var _this=this;
axios({
method:"post",
url:"http://localhost:8080/notes/company/selectPostById",
data:row.id
}).then(function (resp){
_this.updatePost=resp.data;
_this.updatePostVisible=true;
})
},
updatepost(){
var _this=this;
axios({
method:"post",
url:"http://localhost:8080/notes/company/updatePostById",
data:_this.updatePost
}).then(function (resp){
_this.mountedd();
_this.updatePostVisible=false;
})
},
addCompanyPost(){
var _this=this;
var name = localStorage.getItem("companyname"); //获取指定key本地存储的值
axios({
method:"post",
url:"http://localhost:8080/notes/company/addPost?name="+name,
data:_this.addPost
}).then(function (resp){
_this.mountedd();
_this.addpostVisible=false;
})
}
}
})
</SCRIPT>
</html>
包括了增删改查。
预计明天进行公司部分的求职人求职信息管理
浙公网安备 33010602011771号