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

@@ -1,10 +1,5 @@
<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">
@@ -22,7 +17,7 @@
    </el-row>
    <el-row>
      <el-col :span="16">
        <basic-container>
        <basic-container style="height: 556px">
          <el-collapse v-model="activeNames" @change="handleChange">
            <el-collapse-item name="1" title="欢迎使用PLT-WEB平台">
              <div>
@@ -46,6 +41,9 @@
              </div>
              <div>
                4、在其他情形下，宏博远达也可提供必要的现场服务。如为客户获得的合法操作系统进行升级服务、为客户安装必要的软件等的服务、配合客户做主机系统方面的测试、为客户的应用调整提供系统方面的支持等等。
              </div>
              <div>
                5、宏博远达还将为客户提供定期的系统性能评估与优化服务。通过对系统运行数据的深入分析，我们将识别潜在的性能瓶颈，提出针对性的优化建议，并协助客户实施优化措施。这包括但不限于硬件资源的合理配置、软件参数的调优、数据库性能的提升等，旨在确保系统能够持续稳定、高效地运行，满足客户的业务发展需求。同时，我们也将根据系统评估结果，为客户提供未来的系统升级和扩展规划建议，帮助客户提前布局，应对未来的业务增长和技术变革。
              </div>
            </el-collapse-item>
          </el-collapse>
@@ -74,6 +72,9 @@

            </div>
          </basic-container>
          <basic-container>
            <v-chart id="chart" :auto-resize="true" :options="chartOptions"></v-chart>
          </basic-container>
        </el-row>

      </el-col>
@@ -84,6 +85,10 @@
<script>
import {mapGetters} from "vuex";
import {getLogListByContion} from "@/api/system/log/logBasic";
import 'echarts'
import 'echarts/lib/chart/pie' // 导入柱状图组件
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/legend'

export default {
  name: "wel",
@@ -95,6 +100,51 @@
      logActiveNames: ['28'],
      topOption: {
        data: []
      },
      chartOptions: {
        title: {
          text: '',
        },
        tooltip: {
          trigger: 'item'
        },
        legend: {
          top: '5%',
          left: 'center'
        },
        series: [
          {
            name: '日志统计',
            type: 'pie',
            radius: ['45%', '70%'],
            avoidLabelOverlap: false,
            padAngle: 5,
            itemStyle: {
              borderRadius: 10,
              normal: {
                color: function (colors) {
                  var colorList = ['rgb(27, 201, 142)', 'rgb(230, 71, 88)', 'rgb(178, 159, 255)'];
                  return colorList[colors.dataIndex];
                }
              }
            },
            label: {
              show: false,
              position: 'center'
            },
            emphasis: {
              label: {
                show: true,
                fontSize: 14,
                fontWeight: 'bold'
              }
            },
            labelLine: {
              show: false
            },
            data: []
          }
        ]
      }
    };
  },
@@ -114,9 +164,27 @@

      // 日志请求和展示的相关的配置
      const logConfig = [
        { logType: "4", logName: "操作日志统计", text: "当前操作日志总记录数", color: 'rgb(27, 201, 142)', router: '/LogOperateMain?logType=4&roleType=2' },
        { logType: "1", logName: "登录日志统计", text: "当前登录日志总记录数", color: 'rgb(230, 71, 88)', router: '/LogInfoMain?logType=1&roleType=2' },
        { logType: "3", logName: "授权日志统计", text: "当前授权日志总记录数", color: 'rgb(178, 159, 255)', router: '/LogAuthorizeMain?logType=3&roleType=2' }
        {
          logType: "4",
          logName: "操作日志统计",
          text: "当前操作日志总记录数",
          color: 'rgb(27, 201, 142)',
          router: '/LogOperateMain?logType=4&roleType=2'
        },
        {
          logType: "1",
          logName: "登录日志统计",
          text: "当前登录日志总记录数",
          color: 'rgb(230, 71, 88)',
          router: '/LogInfoMain?logType=1&roleType=2'
        },
        {
          logType: "3",
          logName: "授权日志统计",
          text: "当前授权日志总记录数",
          color: 'rgb(178, 159, 255)',
          router: '/LogAuthorizeMain?logType=3&roleType=2'
        }
      ];

      const roleType = "2";
@@ -138,6 +206,12 @@
          click: () => this.$router.push({ path: logConfig[index].router }),
        }));

        const chartData = responses.map((res, index) => ({
          name: logConfig[index].logName,
          value: res.data.total,
        }));
        this.$set(this.chartOptions.series[0], 'data', chartData);

        this.loading = false;
      }).catch(error => {
        this.$message.error(error);