<!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">{{username}},欢迎你</span> <el-dropdown> <i class="el-icon-setting"></i> <el-dropdown-menu slot="dropdown"> <el-dropdown-item><a href="peoInformationView.html">查看个人信息</a></el-dropdown-item> <el-dropdown-item><a href="peoInformationUpdate.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="peoInformationView.html">查看个人信息</a></el-menu-item> <el-menu-item index="1-2" ><a href="peoInformationUpdate.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="peoNotes.html">岗位推荐</a></el-menu-item> <el-menu-item index="2-2" ><a href="peoNotesCollect.html">岗位收藏</a></el-menu-item> <el-menu-item index="2-3" ><a href="PeoNotesCommit.html">岗位消息</a></el-menu-item> </el-submenu> </el-menu> </el-aside> <el-main> <div style="width: 50%;margin-left: 25%"> <el-form ref="form" :model="seekerUpdate" label-width="80px" style="margin-top:5px" > <el-form-item label="姓名" style="" > <el-input v-model="seekerUpdate.name"></el-input> </el-form-item> <el-form-item label="手机号码" > <el-input v-model="seekerUpdate.phone"></el-input> </el-form-item> <el-form-item label="密码" > <el-input v-model="seekerUpdate.password" show-password placeholder="请输入密码"></el-input> </el-form-item> <el-form-item label="出生日期" > <el-date-picker type="date" placeholder="选择日期" v-model="seekerUpdate.birthday" ></el-date-picker> </el-form-item> <el-form-item label="学历" > <el-radio-group v-model="seekerUpdate.degree"> <el-radio label="小学" ></el-radio> <el-radio label="初中"></el-radio> <el-radio label="高中"></el-radio> <el-radio label="本科"></el-radio> <el-radio label="硕士"></el-radio> </el-radio-group> </el-form-item> <el-form-item label="工作年限" > <el-input v-model="seekerUpdate.workingHours"></el-input> </el-form-item> <el-form-item label="期望岗位" > <el-input v-model="seekerUpdate.hopePost"></el-input> </el-form-item> <el-form-item label="期望薪资" > <el-col :span="10"> <el-input placeholder="薪资下限" v-model="hopeSalaryx" ></el-input> </el-col> <el-col class="line" :span="1">-</el-col> <el-col :span="10"> <el-input placeholder="薪资上限" v-model="hopeSalarys" style="width: 100%;"></el-input> </el-col> </el-form-item> <el-form-item label="专业技能"> <el-input type="textarea" v-model="seekerUpdate.skill"></el-input> </el-form-item> <el-form-item label="自我优势" > <el-input type="textarea" v-model="seekerUpdate.advantage"></el-input> </el-form-item> <el-form-item label="经历" > <el-input type="textarea" v-model="seekerUpdate.experienced"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="updateSeeker">修 改</el-button> </el-form-item> </el-form> </div> </el-main> </el-container> </el-container> </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 { peoVisible:false, seekerUpdate:{}, seeker:{}, hopeSalaryx:'', hopeSalarys:'', username:"", } }, mounted(){ this.mountedd(); }, methods:{ mountedd(){ var _this = this; _this.username = localStorage.getItem("username"); //获取指定key本地存储的值 //var seekerId = localStorage.getItem("seekerId"); //获取指定key本地存储的值 axios({ method:"post", url:"http://localhost:8080/notes/seeker/selectPeoInformation", data:_this.username, }).then(function (resp){ _this.seekerUpdate = resp.data; var salary=_this.seekerUpdate.hopeSalary.split('-'); _this.hopeSalaryx=salary[0]; _this.hopeSalarys=salary[1]; _this.peoVisible=true; }) }, // selectUpdatePeo(){ // var _this = this; // axios({ // method:"post", // url:"http://localhost:8080/notes/seeker/selectPeoInformation", // data:_this.seeker.name, // }).then(function (resp){ // _this.seekerUpdate = resp.data; // // var salary=_this.seekerUpdate.hopeSalary.split('-'); // _this.hopeSalaryx=salary[0]; // _this.hopeSalarys=salary[1]; // _this.peoVisible=true; // // }) // }, updateSeeker(){ var _this = this; _this.seekerUpdate.hopeSalary=_this.hopeSalaryx+"-"+_this.hopeSalarys; localStorage.setItem("username", _this.seekerUpdate.name); axios({ method:"post", url:"http://localhost:8080/notes/seeker/updateSeeker", data:_this.seekerUpdate, }).then(function (resp){ _this.mountedd(); _this.$message({ message: '修改成功', type: 'success' }); location.href="peoInformationView.html" }) } } }) </SCRIPT> </html>
个人页面的修改
今日完成：
1.个人页面信息的管理
2.个人密码的修改，重置
3.完善界面的美化工作
明日目标：
1.公司职位的查询
2.职位的添加，修改
3.对求职者进行初步的匹配并进行推荐
