vue+elementui 代码门户企业网站

很抱歉，我之前的回答并没有提供完整的门户企业网站代码。由于门户企业网站的功能和需求各不相同，因此无法提供通用的代码示例。

但是，以下是一个使用Vue和ElementUI构建的简单门户企业网站的示例代码，供你参考：

<template>
  <div>
    <el-header>
      <el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect">
        <el-menu-item index="home">首页</el-menu-item>
        <el-menu-item index="about">关于我们</el-menu-item>
        <el-menu-item index="services">我们的服务</el-menu-item>
        <el-menu-item index="contact">联系我们</el-menu-item>
      </el-menu>
    </el-header>
    <el-main>
      <div v-if="activeIndex === 'home'">
        <h1>欢迎来到我们的门户企业网站！</h1>
        <p>这里是一些介绍我们企业的文字。</p>
      </div>
      <div v-if="activeIndex === 'about'">
        <h1>关于我们</h1>
        <p>我们是一家专业从事XXX行业的企业，我们的使命是XXX。</p>
      </div>
      <div v-if="activeIndex === 'services'">
        <h1>我们的服务</h1>
        <p>我们提供XXX服务，包括XXX、XXX和XXX。</p>
      </div>
      <div v-if="activeIndex === 'contact'">
        <h1>联系我们</h1>
        <p>您可以通过以下方式联系我们：</p>
        <ul>
          <li>电话：XXX-XXXXXXX</li>
          <li>邮箱：XXX@XXX.com</li>
          <li>地址：XXX街道XXX号</li>
        </ul>
      </div>
    </el-main>
    <el-footer>
      <p>版权所有 © 2021 XXX企业</p>
    </el-footer>
  </div>
</template>

<script>
import { Header, Main, Footer, Menu, MenuItem } from 'element-ui';

export default {
  components: {
    'el-header': Header,
    'el-main': Main,
    'el-footer': Footer,
    'el-menu': Menu,
    'el-menu-item': MenuItem
  },
  data() {
    return {
      activeIndex: 'home'
    }
  },
  methods: {
    handleSelect(index) {
      this.activeIndex = index;
    }
  }
}
</script>

上面的代码示例中，使用了ElementUI组件库中的Header、Main、Footer、Menu和MenuItem组件，以及Vue的数据绑定和条件渲染等功能，来构建一个简单的门户企业网站。你可以根据自己的需求和业务逻辑修改和扩展这个示例代码。同时，你也可以参考Vue和ElementUI的官方文档和示例代码，来学习更多关于这些框架和组件的用法和技巧。