<!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>
公司职位管理
今日完成：
1.职业的添加
2.职位的修改，删除
3.对于已有的职位查询
4.对于已有的求职者进行适配度匹配，并展示匹配度高的前几名
明日目标：
1.公司消息的展示
2.对于已经对职位有意向的求职人同意面试
3.个人页面的查询，投递简历
