Source/plt-web/plt-web-ui/src/views/wel/index.vue

@@ -1,149 +1,45 @@
<template>
  <div>
    <!--    <el-row>-->
    <!--      <el-col :span="24">-->
    <!--        <third-register></third-register>-->
    <!--      </el-col>-->
    <!--    </el-row>-->
    <el-row>
      <el-col :span="24">
        <basic-container v-loading="loading">
          <!--          <div style="display: flex">-->
          <!--            <div style="height: 80px; width: 50px; overflow: hidden;margin-right: 20px">-->
          <!--              <img src="../../../public/img/mainTop.png" style="height: 100%; width: 100%; object-fit: contain;" />-->
          <!--            </div>-->
          <!--            <avue-text-ellipsis :text="text" :height="80" :width="1600" use-tooltip placement="top">-->
          <!--              <small slot="more">...</small>-->
          <!--            </avue-text-ellipsis>-->
          <!--          </div>-->
          <avue-data-tabs :option="topOption"></avue-data-tabs>
        </basic-container>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="16">
        <basic-container>
          <el-collapse v-model="activeNames" @change="handleChange">
            <el-collapse-item name="1" title="欢迎使用PLT-WEB平台">
              <div>
                1、北京宏博远达科技有限公司（以下简称“宏博远达”）长期专注于制造业信息化建设，为客户提供企业信息化整体解决方案及相关软件研发、咨询及实施服务。宏博远达客户群体涵盖航空、航天、船舶、兵器、汽车、通用机械、电子等制造行业，通过与客户深度合作，承担了多项国家级软件研发与技术服务项目，拥有多项具有自主知识产权的软件产品。
              </div>
              <div>
                2、为了给客户提供更多的技术创新能力及相应的企业级管理支撑平台，宏博远达研发了具有自主知识产权的企业级信息化整体解决方案，同时针对客户的特定需求，提供了高度可定制的专业应用。为了进一步提升技术服务能力，宏博远达投入专门力量在前沿技术方面进行探索，在企业私有云计算和大数据等领域不断取得突破。随着新一代业务与管理技术平台的推出，更增强了公司为客户提供高质量、全方位、深层次服务的技术能力。
              </div>
              <div>3、宏博远达一直秉承“用智慧为客户创造价值”的宗旨，愿以“诚信负责”的态度和专业化的服务，在企业信息化发展的道路上，与客户一起成长，共同见证成功！</div>
            </el-collapse-item>

            <el-collapse-item name="2" title="服务计划制定">
              <div>
                1、根据客户实际需求，宏博远达将与客户共同制定年度服务计划，商定具体的服务对象、服务内容、定期维护的服务时间、技术交流的主题、具体的维护人员安排等服务细节。
              </div>
              <div>
                2、客户可通过电话、电子邮件、函件等方式取得系统技术支持。对于系统以外的问题，我们会尽力协助客户找到解决途径。
              </div>
              <div>
                3、对于远程无法解决的故障(问题)，宏博远达工程师将在合同规定的时间内到达客户现场进行故障诊断及处理，做好相应的记录。必要时需要重新收集系统信息，并归档。对于非系统的原因而引起的故障(问题)，宏博远达将关心和协助客户解决故障(问题)。
              </div>
              <div>
                4、在其他情形下，宏博远达也可提供必要的现场服务。如为客户获得的合法操作系统进行升级服务、为客户安装必要的软件等的服务、配合客户做主机系统方面的测试、为客户的应用调整提供系统方面的支持等等。
              </div>
            </el-collapse-item>
          </el-collapse>
        </basic-container>
      </el-col>
      <el-col :span="8">
        <el-row>
          <basic-container>
            <div class="el-font-size">

              <span>产品名称</span>
              <el-divider direction="vertical"/>
              <span><el-tag>PLT-WEB平台</el-tag></span>
              <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>

              <span>当前用户</span>
              <el-divider direction="vertical"/>
              <span><el-tag type="success">{{ userInfo.userName }}</el-tag></span>
              <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>

              <span>说明文档</span>
              <el-divider direction="vertical"/>
              <span><el-link href="https://bladex.vip" target="_blank"
                             type="primary">https://bladex.vip</el-link></span>
              <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>

            </div>
          </basic-container>
        </el-row>

      </el-col>
    </el-row>
    <component :is="showComponent"></component>
  </div>
</template>

<script>
import {mapGetters} from "vuex";
import {getLogListByContion} from "@/api/system/log/logBasic";
import adminIndex from './adminIndex.vue';
import workIndex from './workIndex.vue';

export default {
  name: "wel",
  components:{adminIndex,workIndex},
  data() {
    return {
      loading:false,
      text: '北京宏博远达科技有限公司（以下简称“宏博远达”）长期专注于制造业信息化建设，为客户提供企业信息化整体解决方案及相关软件研发、咨询及实施服务。宏博远达客户群体涵盖航空、航天、船舶、兵器、汽车、通用机械、电子等制造行业，通过与客户深度合作，承担了多项国家级软件研发与技术服务项目，拥有多项具有自主知识产权的软件产品。为了给客户提供更多的技术创新能力及相应的企业级管理支撑平台，宏博远达研发了具有自主知识产权的企业级信息化整体解决方案，同时针对客户的特定需求，提供了高度可定制的专业应用。为了进一步提升技术服务能力，宏博远达投入专门力量在前沿技术方面进行探索，在企业私有云计算和大数据等领域不断取得突破。随着新一代业务与管理技术平台的推出，更增强了公司为客户提供高质量、全方位、深层次服务的技术能力。宏博远达一直秉承“用智慧为客户创造价值”的宗旨，愿以“诚信负责”的态度和专业化的服务，在企业信息化发展的道路上，与客户一起成长，共同见证成功！',
      activeNames: ['1', '2', '3', '5'],
      logActiveNames: ['28'],
      topOption: {
        data: []
      }
      showComponent: null, // 初始不显示任何组件
    };
  },
  computed: {
    ...mapGetters(["userInfo"]),
  },
  watch: {
    'userInfo.userId'() {
      //是管理员进入管理员首页
      if(this.userInfo.userId.includes('admin')){
        this.showComponent=adminIndex;
      }else {
        this.showComponent=workIndex;
      }
    }
  },
  created() {
    this.getLogHandler();
    //是管理员进入管理员首页
    if(this.userInfo.userId.includes('admin')){
      this.showComponent=adminIndex;
    }else {
      this.showComponent=workIndex;
    }
  },
  methods: {
    handleChange(val) {
      window.console.log(val);
    },

    getLogHandler() {
      this.loading = true;
      const logTypes = ["4", "1", "3"]; // 操作日志、登录日志、授权日志的 logType
      const logNames = ["操作日志统计", "登录日志统计", "授权日志统计"]; // 对应的日志名称
      const textList = ["当前登录日志总记录数", "当前授权日志总记录数", "当前操作日志总记录数"];
      const color = ['rgb(27, 201, 142)', 'rgb(230, 71, 88)', 'rgb(178, 159, 255)']
      const router = ['/LogOperateMain?logType=4&roleType=2', '/LogInfoMain?logType=1&roleType=2', '/LogAuthorizeMain?logType=3&roleType=2']
      const roleType = "2";

      const requests = logTypes.map(logType => getLogListByContion(1, -1, {logType, roleType}));

      Promise.all(requests).then(responses => {
        // console.log('responses', responses);
        // 计算总和
        const allcount = responses.reduce((sum, res) => sum + (res.data.total || 0), 0);

        this.topOption.data = responses.map((res, index) => {
          return {
            title: logNames[index],
            text: textList[index],
            color: color[index],
            subtitle: '实时',
            count: res.data.total,
            allcount: '日志总数：' + allcount,
            key: '日志',
            click: () => {
              this.$router.push({path:router[index]});
            },
          };
        });
        this.loading = false;
      }).catch(error => {
        console.error("An error occurred:", error);
      });
    }
  },
};
</script>
@@ -156,5 +52,10 @@
.avue-text-ellipsis__text {
  font-size: 14px !important;
}

#chart {
  width: 100%;
  height: 309px;
}
</style>