jinlin
2025-02-18 6250f74b2a02770a37f2f0144c762f7952a12bd6
web/src/views/modules/home.vue
@@ -1,53 +1,57 @@
<template>
  <div class="fa-card-b">
    <span class="size">系统登录次数:{{dataForm.loginNum}}</span>
    <span class="size">试验方案制定次数:{{dataForm.planMakeNum}}</span>
    <el-table ref="taskTable" class="DataTable" :data="dataForm.taskReliabList" height="330px" border>
      <el-table-column label="任务可靠性数据" align="center">
        <el-table-column align="center" prop="name" label="名称">
    <div class="fa-card-b">
      <div style="margin: 0 0 10px 0">
        <span class="size">系统登录次数:</span>
        <span class="font">{{dataForm.loginNum}}</span>
        <span class="size">试验方案制定次数:</span>
        <span class="font">{{dataForm.planMakeNum}}</span>
      </div>
      <el-table ref="taskTable" class="DataTable" :data="dataForm.taskReliabList" height="330px" border>
        <el-table-column label="任务可靠性数据" align="center">
          <el-table-column align="center" prop="name" label="名称">
          </el-table-column>
          <el-table-column align="center" prop="taskNum" label="任务">
          </el-table-column>
          <el-table-column align="center" prop="operatConNum" label="总体工况">
          </el-table-column>
          <el-table-column align="center" prop="modelNum" label="模型">
          </el-table-column>
          <el-table-column align="center" prop="simulatNum" label="仿真评估(次)">
          </el-table-column>
          <el-table-column align="center" prop="testData" label="试验数据(套)">
          </el-table-column>
          <el-table-column align="center" prop="assessNum" label="评定次数">
          </el-table-column>
        </el-table-column>
        <el-table-column align="center" prop="taskNum" label="任务">
        </el-table-column>
        <el-table-column align="center" prop="operatConNum" label="总体工况">
        </el-table-column>
        <el-table-column align="center" prop="modelNum" label="模型">
        </el-table-column>
        <el-table-column align="center" prop="simulatNum" label="仿真评估(次)">
        </el-table-column>
        <el-table-column align="center" prop="testData" label="试验数据(套)">
        </el-table-column>
        <el-table-column align="center" prop="assessNum" label="评定次数">
        </el-table-column>
      </el-table-column>
    </el-table>
      </el-table>
    <el-table ref="baseTable" class="DataTable" height="230px" :data="dataForm.baseReliabList" border
              v-adaptive="{bottomOffset:30}">
      <el-table-column label="基本可靠性数据" align="center">
        <el-table-column align="center" prop="name" label="名称">
      <el-table ref="baseTable" class="DataTable" height="230px" :data="dataForm.baseReliabList" border
                v-adaptive="{bottomOffset:30}">
        <el-table-column label="基本可靠性数据" align="center">
          <el-table-column align="center" prop="name" label="名称">
          </el-table-column>
          <el-table-column align="center" prop="xtNum" label="系统">
          </el-table-column>
          <el-table-column align="center" prop="sbNum" label="设备">
          </el-table-column>
          <el-table-column align="center" prop="mtbf" label="MTBF">
            <template slot-scope="scope">
              <span>{{keepNumber(scope.row.mtbf) }}</span>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="mttr" label="MTTR">
            <template slot-scope="scope">
              <span>{{keepNumber(scope.row.mttr) }}</span>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="availability" label="可用度">
            <template slot-scope="scope">
              <span>{{keepNumber(scope.row.availability) }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column align="center" prop="xtNum" label="系统">
        </el-table-column>
        <el-table-column align="center" prop="sbNum" label="设备">
        </el-table-column>
        <el-table-column align="center" prop="mtbf" label="MTBF">
          <template slot-scope="scope">
            <span>{{keepNumber(scope.row.mtbf) }}</span>
          </template>
        </el-table-column>
        <el-table-column align="center" prop="mttr" label="MTTR">
          <template slot-scope="scope">
            <span>{{keepNumber(scope.row.mttr) }}</span>
          </template>
        </el-table-column>
        <el-table-column align="center" prop="availability" label="可用度">
          <template slot-scope="scope">
            <span>{{keepNumber(scope.row.availability) }}</span>
          </template>
        </el-table-column>
      </el-table-column>
    </el-table>
  </div>
      </el-table>
    </div>
</template>
<script>
@@ -60,12 +64,15 @@
          baseReliabList: [],
          loginNum: '',
          planMakeNum: ''
        }
        },
        userId: ''
      }
    },
    components: {},
    created() {
    },
    mounted() {
      this.init()
      this.init2()
    },
    computed: {
      keepNumber() { //过滤器保留4为小数
@@ -76,7 +83,7 @@
      },
    },
    methods: {
      init() {
      init2() {
        this.getInfo2()
      },
      async getInfo2() {
@@ -98,7 +105,13 @@
    background: #edf6ff;
  }
  .size{
  .size {
    font-size: 20px;
    margin: 10px;
    color: #000000;
  }
  .font {
    font-size: 20px;
    margin: 10px;
    color: #0aa0bf;