klp-oa/klp-ui/src/views/index.vue

<template>
<!--  <div class="dashboard-editor-container">-->
<!--    <img src="http://kelunpuzhonggong.com/upload/img/20250427091033.jpg" alt="">-->
<!--    -->
<!--    <div class="aboutus">-->
<!--      <el-row :gutter="30">-->
<!--        &lt;!&ndash; 左栏 &ndash;&gt;-->
<!--        <el-col :span="12" :xs="24">-->
<!--           <div class="aboutus-title">-->
<!--            <h2>关于我们</h2>-->
<!--            <p>ABOUT US</p>-->
<!--          </div>-->
<!--          <div class="aboutus-left">-->
<!--            <p class="aboutus-desc">-->
<!--              MES一体化平台是面向制造企业车间执行层的生产信息化管理系统，为企业提供包括制造数据管理、计划排程管理、生产调度管理、库存管理、质量管理、人力资源管理、工作中心管理等多项企业管理功能。-->
<!--            </p>-->
<!--            <p class="aboutus-desc">-->
<!--              平台通过互联网技术实现企业数字化转型，提高生产效率、降低成本、提升产品质量，实现精益化生产管理，帮助企业实现智能制造目标。-->
<!--            </p>-->
<!--          </div>-->

<!--          <statistic-group />-->
<!--        </el-col>-->

<!--        &lt;!&ndash; 右栏 &ndash;&gt;-->
<!--        <el-col :span="12" :xs="24">-->
<!--          <img src="http://kelunpuzhonggong.com/upload/img/20251015103934.jpg" alt="">-->
<!--          &lt;!&ndash; <div class="aboutus-right">-->
<!--            <p class="aboutus-detail">-->
<!--              嘉祥科伦普重工有限公司成立于2017年8月，注册资金33100万元，主要经营高铁设备、配件制造与销售，模具制造与销售，新材料技术研发，高性能有色金属及合金材料销售，机械零件、零部件加工与销售，金属材料制造与销售，锌铝镁新材料等。目前公司拥有10余项具有自主知识产权的发明专利技术，综合技术水平达国内领先，2024年公司主导产品国内市场占有率约占85%。2024年总资产5.98亿元，净资产4.49亿元，收入3.95亿元，公司现有员工238人，研究与试验发展人员57人，其中专职研究与试验发展人员52人，外聘专家5人。-->
<!--            </p>-->
<!--            <p class="aboutus-detail">-->
<!--              2024年公司新建科伦普合金新材料研发项目，占地290亩，采用国内先进的镀层核心技术和热处理工艺，专业生产锌铝镁板材和镀铬板材。致力于打造国内工艺链条最完善、产品型号最丰富的涂镀新材料生产企业。全部投产后可实现新增销售收入80亿元，利税4.7亿元，带动就业约500人。项目主要生产的冷轧板、锌铝镁涂层板、镀铬涂层板、镀锡涂层板等产品，涵盖0.08MM-6.0MM区间60多种产品，是国内单个企业产品种类最多的项目。产品因其防锈、耐氧化、耐腐蚀、高电导、高稳定的优秀特性，广泛应用于建筑结构件、汽车制造、轻工家电、食品包装、医疗器械、电子通讯、航空航天领域。-->
<!--            </p>-->
<!--          </div> &ndash;&gt;-->
<!--        </el-col>-->
<!--      </el-row>-->
<!--    </div>-->

<!--    &lt;!&ndash; <div>-->
<!--      <statistic-group />-->
<!--    </div> &ndash;&gt;-->
<!--    -->
<!--    &lt;!&ndash; <AllApplications />    -->
<!--    <el-row :gutter="10">-->
<!--      <el-col :span="18">-->
<!--        <el-empty description="办公模块定制开发中"></el-empty>-->
<!--      </el-col>-->
<!--      <el-col :span="6">-->
<!--        <mini-calendar />-->
<!--      </el-col>-->
<!--    </el-row> &ndash;&gt;-->
<!--  </div>-->
  <Dashboard />
</template>

<script>
import StatisticGroup from '@/components/HomeModules/StatisticGroup.vue'
// import AllApplications from '@/components/HomeModules/AllApplications.vue'
// import MiniCalendar from '@/components/HomeModules/MiniCalendar.vue'
import Dashboard from '@/views/dashboard/demo.vue'

export default {
  name: 'Index',
  components: {
    // PanelGroup,
    StatisticGroup,
    Dashboard,
    // AllApplications,
    // MiniCalendar,
  },
}
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
  background-color: #fff;
  position: relative;

  img {
    width: 100%;
    height: auto;
  }

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}

// 关于我们区域样式
.aboutus {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;

  // 标题
  .aboutus-title {
    margin-bottom: 25px;
    h2 {
      font-size: 28px;
      color: #333;
      margin: 0;
    }
    p {
      font-size: 14px;
      color: #999;
      margin: 5px 0 0 0;
    }
  }

  // 左栏
  .aboutus-left {
    text-indent: 2em;
    line-height: 2em;
    font-size: 14px;

    .aboutus-desc {
      color: #666;
      line-height: 1.8;
      margin-bottom: 18px;
    }

    // 特色模块
    .aboutus-features {
      display: flex;
      justify-content: space-between;
      margin: 30px 0;

      .feature-item {
        display: flex;
        flex-direction: column;
        align-items: center;

        .feature-icon {
          width: 42px;
          height: 42px;
          border-radius: 50%;
          background-color: #9370db; // 截图紫色图标背景
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 10px;

          .icon {
            color: #fff;
            font-size: 22px;
          }
        }

        .feature-text {
          font-size: 14px;
          color: #333;
        }
      }
    }

    // 按钮
    .read-more-btn {
      border: 1px solid #333;
      background: transparent;
      padding: 8px 22px;
      font-size: 14px;
      cursor: pointer;
      transition: background 0.3s;

      &:hover {
        background-color: #f5f5f5;
      }
    }
  }

  // 右栏
  .aboutus-right {
    .aboutus-detail {
      font-size: 14px;
      color: #666;
      line-height: 1.8;
      margin-bottom: 18px;
    }
  }
}

// 响应式适配
@media (max-width: 1024px) {
  .dashboard-editor-container {
    .aboutus {
      padding: 20px 25px;

      .el-row {
        .el-col:first-child {
          margin-bottom: 30px;
        }
      }
    }
  }
}
</style>