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

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>

@@ -287,8 +287,10 @@
        >
          <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">
@@ -396,6 +398,7 @@
            lineStyle: {
              width: 1,
              type: "solid",
              color:"rgb(242,242,242)"
            },
          },
        },
@@ -411,6 +414,11 @@
          axisTick: {
            show: false,
          },
          splitLine: {
            lineStyle: {
            color:"rgb(242,242,242)"
            }
          }
        },
        series: [
          {
@@ -716,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;
@@ -911,6 +925,7 @@
  }

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