qwb0614

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
个人冲刺第一阶段第三天

今天完成了求职人信息管理

 

1.信息展示

<!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">{{seeker.name}},欢迎你</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>

                <span slot="label"><i class="el-icon-date"></i> 个人信息</span>

                <el-descriptions class="margin-top" title="个人信息" :column="3" border style="margin-left: 8%;margin-right: 8%">
                    <template slot="extra">
                        <el-button type="primary" size="small" @click="selectUpdatePeo">操作</el-button>
                    </template>
                    <el-descriptions-item style="width: 30%" >
                        <template slot="label" >
                            <i class="el-icon-user"></i>
                            姓名
                        </template>
                        <template>
                            {{seeker.name}}
                        </template>

                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template slot="label">
                            <i class="el-icon-mobile-phone"></i>
                            手机号
                        </template>
                        {{seeker.phone}}
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template slot="label">
                            <!--                        <i class="el-icon-location-outline"></i>-->
                            出生日期
                        </template>
                        {{seeker.birthday}}
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template slot="label">
                            <i class="el-icon-tickets"></i>
                            学历
                        </template>

                        {{seeker.degree}}
                    </el-descriptions-item>


                    <el-descriptions-item >
                        <template slot="label">
                            <i class="el-icon-tickets"></i>
                            意向岗位
                        </template>

                        {{seeker.hopePost}}
                    </el-descriptions-item>

                    <el-descriptions-item >
                        <template slot="label">
                            <i class="el-icon-tickets"></i>
                            期望薪资
                        </template>

                        {{seeker.hopeSalary}}
                    </el-descriptions-item>


                    <el-descriptions-item :span="3">
                        <template slot="label">
                            <i class="el-icon-tickets"></i>
                            实习经历
                        </template>
                        {{seeker.experienced}}
                    </el-descriptions-item>

                    <el-descriptions-item :span="3">
                        <template slot="label">
                            <i class="el-icon-tickets"></i>
                            专业技能
                        </template>

                        {{seeker.skill}}
                    </el-descriptions-item>
                    <el-descriptions-item :span="3">
                        <template slot="label">
                            <i class="el-icon-office-building"></i>
                            个人优势
                        </template>
                        {{seeker.advantage}}
                    </el-descriptions-item>
                </el-descriptions>

            </el-main>
        </el-container>
    </el-container>

    <!--    用户信息修改-->
    <el-dialog
            title="用户修改"
            :visible.sync="peoVisible"
            width="30%"
            >

        <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 @click="peoVisible = false">取 消</el-button>
                <el-button type="primary" @click="updateSeeker">修 改</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 {
                seeker:{

                },
                seekerUpdate:{

                },
                hopeSalaryx:"",
                hopeSalarys:"",
                peoVisible:false
            }
        },
        mounted(){
            this.mountedd();

        },
        methods:{
            mountedd(){
                var _this = this;

                var username = localStorage.getItem("username"); //获取指定key本地存储的值
                //var seekerId = localStorage.getItem("seekerId"); //获取指定key本地存储的值

                axios({
                    method:"post",
                    url:"http://localhost:8080/notes/seeker/selectPeoInformation",
                    data:username,
                }).then(function (resp){
                    _this.seeker = resp.data;

                })
            },
            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;
                axios({
                    method:"post",
                    url:"http://localhost:8080/notes/seeker/updateSeeker",
                    data:_this.seekerUpdate,
                }).then(function (resp){
                    _this.mountedd();
                    _this.peoVisible=false;
                })
            }
        }
    })
</SCRIPT>
</html>

2.信息修改

<!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>

预计明天进行求职人推荐岗位信息

 

posted on 2023-04-18 19:01  嘎嘎鸭1  阅读(12)  评论(0)    收藏  举报