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

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

            <el-collapse-item name="2" title="服务计划制定">
@@ -49,11 +43,10 @@
          </el-collapse>
        </basic-container>
      </el-col>
      <el-col :span="8">
      <el-col :span="8" style="height: 560px">
        <el-row>
          <basic-container>
            <div class="el-font-size">

              <span>产品名称</span>
              <el-divider direction="vertical"/>
              <span><el-tag>PLT-WEB平台</el-tag></span>
@@ -66,14 +59,19 @@

              <span>说明文档</span>
              <el-divider direction="vertical"/>
              <span><el-link href="https://bladex.vip" target="_blank"
                             type="primary">https://bladex.vip</el-link></span>
              <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>
          <basic-container>
            <v-chart id="chart" :auto-resize="true" :options="chartOptions"></v-chart>
            <div style="height: 309px">
              <v-chart id="chart" :auto-resize="true" :options="chartOptions"></v-chart>
            </div>
          </basic-container>
        </el-row>

@@ -89,13 +87,13 @@
import 'echarts/lib/chart/pie' // 导入柱状图组件
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/legend'
import func from "@/util/func";

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

    getLogHandler() {
      this.loading = true;

      // 日志请求和展示的相关的配置
      const logConfig = [
        {
          logType: "4",
          logName: "操作日志统计",
          text: "当前操作日志总记录数",
          color: 'rgb(27, 201, 142)',
          router: '/LogOperateMain?logType=4&roleType=2'
        },
        {
          logType: "1",
          logName: "登录日志统计",
@@ -184,7 +171,14 @@
          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'
        },
      ];

      const roleType = "2";
@@ -230,5 +224,10 @@
.avue-text-ellipsis__text {
  font-size: 14px !important;
}

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