后端没修改的情况下添加默认背景图

heyujie

2021-11-16 6a5962fe9544005dba620b00fb36c25fe2da4e76

 src/pages/systemMonitor/index/App.vue

@@ -28,7 +28,7 @@
            @click="activeTab = 1"
          >
            <div class="title">应用单元</div>
            <div class="subtitle">正在进行{{ 1 }}个应用单元</div>
            <div class="subtitle">正在进行{{  appProcessData.length  }}个应用单元</div>
            <span
              class="iconfont icon"
              :style="activeTab == 1 ? {} : { color: '#fff' }"
@@ -49,29 +49,29 @@
            stripe
            class="tableBox"
          >
            <el-table-column label="名称" width="180">
              <template slot-scope="scope">
                <span class="iconfont icon">&#xe74d;</span>
            <el-table-column label="名称" width="231">
              <template slot-scope="scope">           
                 <span class="iconfont icon">&#xe74d;</span>
                <span>{{ scope.row.desc }} </span>
              </template>
            </el-table-column>
            <el-table-column label="CPU" width="180">
            <el-table-column label="CPU" width="150">
              <template slot-scope="scope">
                <span>{{ scope.row.cpu.toFixed(2) }} %</span>
              </template>
            </el-table-column>
            <el-table-column label="内存">
            <el-table-column label="内存" width="150">
              <template slot-scope="scope">
                <span>{{ scope.row.mem.toFixed(2) }} %</span>
              </template>
            </el-table-column>
            <el-table-column prop="disk" label="硬盘"></el-table-column>
            <el-table-column label="算力">
            <el-table-column prop="disk" label="硬盘" width="150"></el-table-column>
            <el-table-column label="算力" width="150">
              <template slot-scope="scope">
                <span>{{ scope.row.gpu }} M</span>
              </template>
            </el-table-column>
            <el-table-column prop="net" label="网络"></el-table-column>
            <el-table-column prop="net" label="网络" width="150"></el-table-column>
          </el-table>
        </div>

@@ -84,11 +84,7 @@
          <el-table
            :data="appProcessData"
            style="width: 100%"
            :header-cell-style="{
              background: '#F2F2F7',
              color: '#333333',
              height: '40px',
            }"
           :header-cell-style="'background: #F2F2F7;color: #333333;height: 40px;font-size: 16px;'"
            stripe
            class="tableBox"
          >
@@ -285,12 +281,16 @@
          服务</span
        >
        <el-table :data="vasystemServicesData"
        
            class="tableBox"
        :header-cell-style="'color: #333333;height: 40px;font-size: 16px;'"
            stripe
            class="tableBox" 
        >
          <el-table-column label="名称" show-overflow-tooltip>
            <template slot-scope="scope">
              <div class="name_container">
                <span class="iconfont icon">&#xe74d;</span>
              <span>{{ scope.row.name }}</span>
              </div>
            </template>
          </el-table-column>
          <el-table-column label="状态" prop="status">
@@ -398,6 +398,7 @@
            lineStyle: {
              width: 1,
              type: "solid",
              color:"rgb(242,242,242)"
            },
          },
        },
@@ -413,6 +414,11 @@
          axisTick: {
            show: false,
          },
          splitLine: {
            lineStyle: {
            color:"rgb(242,242,242)"
            }
          }
        },
        series: [
          {
@@ -718,6 +724,12 @@
  box-sizing: border-box;
  background-color: #fff;
  height: 100%;

  .name_container {
    text-align: left;
    margin-left: 38%;
  }

  .el-table th.el-table__cell.is-leaf,
  .el-table td.el-table__cell {
    border-bottom: none;
@@ -913,6 +925,7 @@
  }

  .column-right {
    background-color: #fff;
    overflow-y: auto;
    overflow-x: auto;
  }