saas-platform/frontend/saas-portal-web/src/components/conenter/qiyexiangxi.vue

<template>
    <div>
        <!-- 企业详细信息 -->
        <div v-if="xiugai">
            <div class="gs-worp qy-worp" style="width:100%">
                <div class="qy-title">
                    <span><img @click= "gobick" style="float: left;padding: 20px; cursor:pointer" src="../../../static/img/fanhui.png" alt=""></span>
                    <span>企业基本信息</span>
                    <span @click="xiugaiqiye" class="qy-xiugai dianji">修改</span>
                </div>
                <div class="qy-conent">
                    <ul>
                        <li><span class="qy-biaoti">公司名称</span><span>{{content.address}}</span></li>
                        <li><span class="qy-biaoti">所属行业</span><span>飞飞有限公司</span></li>
                        <li><span class="qy-biaoti">公司地址</span><span>{{content.address}}</span></li>
                    </ul>
                </div>
            </div>
            <div class="gs-worp qy-worp" style="width:100%">
                <div class="qy-title">
                    <span>管理员信息</span>
                </div>
                <div class="qy-conent">
                    <ul>
                        <li><span class="qy-biaoti">姓名</span><span>飞飞有限公司</span></li>
                        <li><span class="qy-biaoti">手机号</span><span>1588888888888</span></li>
                        <li><span class="qy-biaoti">邮箱</span><span>飞飞有限公司</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 修改企业信息 ------------------------------------------  -->
        <div v-else>
            <div class="gs-worp qy-worp" style="width: 100%">
                <div class="qy-title" style="position: relative;">
                    <span>企业基本信息</span>
                    <div class="qy-anniu">
                        <span @click= "baocunxiugai" class="qy-xiugai dianji" style="left: 0">保存</span>
                        <span @click= "quxiaoxiugai" class="qy-quxiao xs">取消</span>
                    </div>
                </div>
                <div class="qy-conent">
                    <ul>
                        <li>
                            <span class="qy-biaoti"><span class="xingxing">*</span>公司名称</span>
                            <span>{{content.address}}</span>
                        </li>
                        <li>
                            <span class="qy-biaoti">所属行业</span>
                            <span>飞飞有限公司</span>
                        </li>
                        <li>
                            <span class="qy-biaoti">公司地址</span>
                            <span>{{content.address}}</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="gs-worp qy-worp" style="width: 100%">
                <div class="qy-title">
                    <span>管理员信息</span>
                </div>
                <div class="qy-conent">
                    <ul>
                        <li><span class="qy-biaoti">姓名</span><span>飞飞有限公司</span></li>
                        <li><span class="qy-biaoti">手机号</span><span>飞飞有限公司</span></li>
                        <li><span class="qy-biaoti">邮箱</span><input type="text"></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

    export default {
        data(){
            return {
                xiugai:true,
                content: this.$route.query.content,
            }
        },
        mounted(){
            // console.log(this.content)
        },
        methods: {//修改企业信息
            xiugaiqiye(){
                document.documentElement.scrollTop = 0;
                this.xiugai = false;
            },
            // 取消修改
            quxiaoxiugai(){
                document.documentElement.scrollTop = 0;
                this.xiugai = true;
            },
            // 保存修改
            baocunxiugai(){
                document.documentElement.scrollTop = 0;
                this.xiugai = true;
            },
            //返回
            gobick(){
                // this.$router.go(-1); 
                this.$router.push({name:'company',});
            }
        }
    }
</script>

<style scoped>
.xg-biaoqian {
    padding: 6px 20px;
    border-radius: 2px;
    margin-right: 8px;
    background: #F1F7FC;
    color: #243A52;
}
.qcbiaoqian {
    position: relative;
    top: -17px;
    right: -21px;
}
</style>