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;
        }

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

2.信息修改

<!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">{{companyname}},欢迎你</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>
            <div style="margin-left: 30%;width: 40%">
                <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 type="primary" @click="updateCompany">修 改</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 {
                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.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>

预计明天进行公司部分的求职人推荐

posted on 2023-04-21 23:03  嘎嘎鸭1  阅读(16)  评论(0)    收藏  举报