<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>公司消息</title> <style> .el-header { background-color: #d2d5e0; color: #333; line-height: 60px; } .el-aside { color: #333; } 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">{{company.name}},欢迎你</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> <span slot="label"><i class="el-icon-date"></i> 公司简介</span> <el-descriptions class="margin-top" title="公司简介" :column="2" border style="margin-left: 8%;margin-right: 8%"> <template slot="extra"> <el-button type="primary" size="small" @click="update">操作</el-button> </template> <el-descriptions-item style="width: 30%" > <template slot="label" > <i class="el-icon-user"></i> 公司名称 </template> <template> {{company.name}} </template> </el-descriptions-item> <el-descriptions-item> <template slot="label"> <i class="el-icon-mobile-phone"></i> 公司联系方式 </template> {{company.phone}} </el-descriptions-item> <el-descriptions-item :span="2"> <template slot="label"> 公司简介 </template> {{company.introduction}} </el-descriptions-item> </el-descriptions> </el-main> </el-container> </el-container> <!-- 公司信息修改--> <el-dialog title="公司信息修改" :visible.sync="companyVisible" width="30%" > <el-form ref="form" :model="companyUpdate" label-width="80px" style="margin-top:5px"> <el-form-item label="姓名" style="" > <el-input v-model="companyUpdate.name"></el-input> </el-form-item> <el-form-item label="手机号码" > <el-input v-model="companyUpdate.phone"></el-input> </el-form-item> <el-form-item label="密码" > <el-input v-model="companyUpdate.password" show-password placeholder="请输入密码"></el-input> </el-form-item> <el-form-item label="公司简介"> <el-input type="textarea" v-model="companyUpdate.introduction"></el-input> </el-form-item> <el-form-item> <el-button @click="companyVisible = false">取 消</el-button> <el-button type="primary" @click="updateCompany">修 改</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 { companyVisible:false, company:{}, companyUpdate:{}, companyname:"" } }, mounted(){ this.mountedd(); }, methods:{ mountedd(){ var _this = this; this.companyname = localStorage.getItem("companyname"); //获取指定key本地存储的值 //var seekerId = localStorage.getItem("seekerId"); //获取指定key本地存储的值 axios({ method:"post", url:"http://localhost:8080/notes/company/selectComInformation", data:_this.companyname, }).then(function (resp){ _this.company = resp.data; }) }, update(){ var _this = this; _this.companyVisible=true; var companyname = localStorage.getItem("companyname"); //获取指定key本地存储的值 //var seekerId = localStorage.getItem("seekerId"); //获取指定key本地存储的值 axios({ method:"post", url:"http://localhost:8080/notes/company/selectComInformation", data:companyname, }).then(function (resp){ _this.companyUpdate = resp.data; }) }, updateCompany(){ var _this = this; axios({ method:"post", url:"http://localhost:8080/notes/company/updateComInformation", data:_this.companyUpdate, }).then(function (resp){ localStorage.setItem("companyname", _this.companyUpdate.name); _this.mountedd(); _this.companyVisible=false; }) } } }) </SCRIPT> </html>
公司信息页面
今日完成：
1.公司信息的展示页面
2.对于公司信息的修改编辑
3.初步搭建用户端的页面
明日目标:
1.个人信息页面的搭建
2.个人信息的修改删除
3.企业的职位添加，查看，修改，删除
4.个人的密码修改，对于账户的管理
