TransFlow/src/views/bounced/maintenanceRemind.vue

<template>
  <div class="statusMain">
    <div >
      <!-- <p>节点源</p> -->
       <!-- <h3>节点源</h3> -->
       <el-descriptions title="节点源"  :column="5" border>
            <el-descriptions-item label="来源"> {{ form.name1 }}</el-descriptions-item>
            <el-descriptions-item label="源极状态">{{ form.name2 }}</el-descriptions-item>
            <el-descriptions-item label="稳定状态">{{ form.state }}</el-descriptions-item>
            <el-descriptions-item label="视频数据连接">{{ form.endTime }}</el-descriptions-item>
            <el-descriptions-item label="源分辨率">{{ form.blacklist }}</el-descriptions-item>
            <el-descriptions-item label="神经网络分辨率">{{ form.autograph }}</el-descriptions-item>
            <el-descriptions-item label="输入帧速率">{{ form.version }}</el-descriptions-item>
            <el-descriptions-item label="解码器帧速率">{{ form.version }}</el-descriptions-item>
            <el-descriptions-item label="检测器帧速率">{{ form.version2 }}</el-descriptions-item>
            <el-descriptions-item label="最后一帧分析时间">{{ form.version4 }}</el-descriptions-item>
            <el-descriptions-item label="运动状态">{{ form.version5 }}</el-descriptions-item>
            <el-descriptions-item label="摄像机盘">{{ form.version6 }}</el-descriptions-item>
            <el-descriptions-item label="摄像机倾斜">{{ form.version7 }}</el-descriptions-item>
            <el-descriptions-item label="照相机变焦">{{ form.version8 }}</el-descriptions-item>
        </el-descriptions>
      <!-- <el-form :model="form" label-position="left" label-width="220px">
        <el-form-item label="来源："> 
          {{ form.name1 }}
        </el-form-item>
        <el-form-item label="源极状态：">
          {{ form.name2 }}
        </el-form-item>
        <el-form-item label="稳定状态：">
          {{ form.state }}
        </el-form-item>
        <el-form-item label="视频数据连接：">
          {{ form.endTime }}
        </el-form-item>
        <el-form-item label="源分辨率：">
          {{ form.blacklist }}
        </el-form-item>
        <el-form-item label="神经网络分辨率：">
          {{ form.autograph }}
        </el-form-item>
        <el-form-item label="输入帧速率：">
          {{ form.version }}
        </el-form-item>
        <el-form-item label="解码器帧速率：">
          {{ form.version1 }}
        </el-form-item>
        <el-form-item label="检测器帧速率：">
          {{ form.version2 }}
        </el-form-item>
         <el-form-item label="最后一帧分析时间：">
          {{ form.version4 }}
        </el-form-item>
         <el-form-item label="运动状态：">
          {{ form.version5 }}
        </el-form-item>
         <el-form-item label="摄像机盘：">
          {{ form.version6 }}
        </el-form-item>
         <el-form-item label="摄像机倾斜：">
          {{ form.version7 }}
        </el-form-item>
        <el-form-item label="照相机变焦：">
          {{ form.version8 }}
        </el-form-item>
      </el-form> -->
       <el-descriptions title="立方体分析"  :column="5" border>
            <el-descriptions-item label="多维数据集ID"> {{ form.name1 }}</el-descriptions-item>
            <el-descriptions-item label="分析ID">{{ form.name2 }}</el-descriptions-item>
            <el-descriptions-item label="分析序列ID">{{ form.state }}</el-descriptions-item>
            <el-descriptions-item label="缓存中的轨迹">{{ form.endTime }}</el-descriptions-item>
            <el-descriptions-item label="总缓存容量">{{ form.blacklist }}</el-descriptions-item>
            <el-descriptions-item label="高速缓存启动">{{ form.autograph }}</el-descriptions-item>
            <el-descriptions-item label="高速缓存结束">{{ form.version }}</el-descriptions-item>
            <el-descriptions-item label="缓存中的第一条线索">{{ form.version }}</el-descriptions-item>
            <el-descriptions-item label="缓存中的第最后一条线索">{{ form.version2 }}</el-descriptions-item>
            <el-descriptions-item label="上次自动保存时间戳">{{ form.version4 }}</el-descriptions-item>
        </el-descriptions>
    <!-- <h3>立方体分析</h3>
      <el-form :model="form" label-position="left" label-width="220px">
        <el-form-item label="多维数据集ID：">
          {{ form.name1 }}
        </el-form-item>
        <el-form-item label="分析ID：">
          {{ form.name2 }}
        </el-form-item>
        <el-form-item label="分析序列ID：">
          {{ form.startTime }}
        </el-form-item>
        <el-form-item label="缓存中的轨迹：">
          {{ form.endTime }}
        </el-form-item>
        <el-form-item label="总缓存容量：">
          {{ form.blacklist }}
        </el-form-item>
        <el-form-item label="高速缓存启动：">
          {{ form.autograph }}
        </el-form-item>
        <el-form-item label="高速缓存结束：">
          {{ form.version }}
        </el-form-item>
        <el-form-item label="缓存中的第一条线索：">
          {{ form.version }}
        </el-form-item>
        <el-form-item label="缓存中的第最后一条线索：">
          {{ form.version }}
        </el-form-item>
         <el-form-item label="上次自动保存时间戳：">
          {{ form.version }}
        </el-form-item>
      </el-form> -->
      <el-descriptions title="洞察同步"  :column="5" border>
            <el-descriptions-item label="上次同步时间戳"> {{ form.name1 }}</el-descriptions-item>
            <el-descriptions-item label="同步上次评估数据的差异">{{ form.name2 }}</el-descriptions-item>
            <el-descriptions-item label="同步上次图像数据的差异">{{ form.state }}</el-descriptions-item>
        </el-descriptions> 
     <!-- <h3>洞察同步</h3> -->
      <!-- <el-form :model="form" label-position="left" label-width="220px">
        <el-form-item label="上次同步时间戳：">
          {{ form.name1 }}
        </el-form-item>
        <el-form-item label="同步上次评估数据的差异：">
          {{ form.name2 }}
        </el-form-item>
        <el-form-item label="同步上次图像数据的差异：">
          {{ form.startTime }}
        </el-form-item>
      </el-form> -->
      <el-button @click="showUpdateCertificate = true" type="primary" style="margin-top:15px">更新证书</el-button>

      <el-dialog title="提示" :visible.sync="showUpdateCertificate" width="30%">
        <el-row>
          <el-col :span="6">
            文件选择：
          </el-col>
          <el-col :span="18">
            <el-upload action="https://jsonplaceholder.typicode.com/posts/">
              <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>
          </el-col>
        </el-row>

        <span slot="footer" class="dialog-footer">
          <el-button type="primary" @click="showUpdateCertificate = false">确 定</el-button>
        </span>
      </el-dialog>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name1: '离线',
        name2: '重新配置',
        state: '关',
        endTime: '连接',
        blacklist: '-1x-1',
        autograph: '-1x-1',
        version: '0',
        version1: '0',
        version2: '0',
        version4: '',
         version5: '不受支持的',
        version6: '不受支持的',
        version7: '不受支持的',
        version8: '不受支持的',
      },
      showUpdateCertificate: false,
    }
  }
}
</script>

<style lang="scss" scoped>
.statusMain{
  width: 100%;
  height: 100%;
      .el-descriptions{
        margin-top: 15px !important;
      }
}
//  .test-div i {
//    font-size: 25px;
//  }
//  .el-form-item {
//    margin-bottom: 0px;
//  }
</style>