暂存

ZZJ

2022-01-10 c1c41befde9ca9ed8837245da83484866e7ce767

暂存

 src/pages/systemMonitor/index/App.vue

@@ -28,7 +28,9 @@
            @click="activeTab = 1"
          >
            <div class="title">应用单元</div>
            <div class="subtitle">正在进行{{  appProcessData.length  }}个应用单元</div>
            <div class="subtitle">
              正在进行{{ appProcessData.length }}个应用单元
            </div>
            <span
              class="iconfont icon"
              :style="activeTab == 1 ? {} : { color: '#fff' }"
@@ -50,8 +52,8 @@
            class="tableBox"
          >
            <el-table-column label="名称" width="231">
              <template slot-scope="scope">           
                 <span class="iconfont icon">&#xe74d;</span>
              <template slot-scope="scope">
                <span class="iconfont icon">&#xe74d;</span>
                <span>{{ scope.row.desc }} </span>
              </template>
            </el-table-column>
@@ -65,13 +67,21 @@
                <span>{{ scope.row.mem.toFixed(2) }} %</span>
              </template>
            </el-table-column>
            <el-table-column prop="disk" label="硬盘" width="150"></el-table-column>
            <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="网络" width="150"></el-table-column>
            <el-table-column
              prop="net"
              label="网络"
              width="150"
            ></el-table-column>
          </el-table>
        </div>

@@ -84,7 +94,7 @@
          <el-table
            :data="appProcessData"
            style="width: 100%"
           :header-cell-style="'background: #F2F2F7;color: #333333;height: 40px;font-size: 16px;'"
            :header-cell-style="'background: #F2F2F7;color: #333333;height: 40px;font-size: 16px;'"
            stripe
            class="tableBox"
          >
@@ -99,9 +109,9 @@
              width="180"
            ></el-table-column>
            <el-table-column prop="mem" label="内存"></el-table-column>
            <el-table-column prop="disk" label="硬盘"></el-table-column>
            <!--   <el-table-column prop="disk" label="硬盘"></el-table-column>
            <el-table-column prop="gpu" label="算力"></el-table-column>
            <el-table-column prop="net" label="网络"></el-table-column>
            <el-table-column prop="net" label="网络"></el-table-column> -->
          </el-table>
        </div>
      </el-tab-pane>
@@ -280,16 +290,17 @@
          <span class="iconfont icon">&#xe944;</span>
          服务</span
        >
        <el-table :data="vasystemServicesData"
        :header-cell-style="'color: #333333;height: 40px;font-size: 16px;'"
            stripe
            class="tableBox" 
        <el-table
          :data="vasystemServicesData"
          :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>
                <span>{{ scope.row.name }}</span>
              </div>
            </template>
          </el-table-column>
@@ -398,7 +409,7 @@
            lineStyle: {
              width: 1,
              type: "solid",
              color:"rgb(242,242,242)"
              color: "rgb(242,242,242)",
            },
          },
        },
@@ -416,9 +427,9 @@
          },
          splitLine: {
            lineStyle: {
            color:"rgb(242,242,242)"
            }
          }
              color: "rgb(242,242,242)",
            },
          },
        },
        series: [
          {
@@ -568,13 +579,11 @@

          rsp.data.disk.forEach((d) => {
            if (d.name in this.disks) {
              this.disks[d.name].readBytes = this.disks[d.name].readBytes.slice(
                1
              );
              this.disks[d.name].readBytes =
                this.disks[d.name].readBytes.slice(1);
              this.disks[d.name].readBytes.push(d.readBytes);
              this.disks[d.name].writeBytes = this.disks[
                d.name
              ].writeBytes.slice(1);
              this.disks[d.name].writeBytes =
                this.disks[d.name].writeBytes.slice(1);
              this.disks[d.name].writeBytes.push(d.writeBytes);
            } else {
              this.disks[d.name] = {};