zzjv0

ZZJ

2021-09-24 758d6d078ef2fb99907a1a78de6548c542768b37

 src/pages/settings/views/deviceInfo.vue

@@ -3,43 +3,47 @@
    <div class="general-set">

      <div class="general-right">

        <div class="lang" >

          <div class="bar">

          <div class="general-title">

            <span class="iconfont">{{info}}</span>

            <span class="general-info">设备信息</span>

          </div>

          <div class=" info-bar">

            <span class="name">设备ID</span>

            <span class="desc">{{ deviceInfo.server_id }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">设备型号</span>

            <span class="desc">{{ deviceInfo.deviceModel }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">设备类型</span>

            <span class="desc">{{ deviceInfo.deviceDesc }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">通道个数</span>

            <span class="desc">{{ deviceInfo.channelCount }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">主控版本</span>

            <span class="desc">{{ deviceInfo.masterVersion }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">web版本</span>

            <span class="desc">{{ deviceInfo.webVersion }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">硬盘信息</span>

            <span class="desc">{{ deviceInfo.disks }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">CPU</span>

            <span class="desc">{{ deviceInfo.cpu }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">内存</span>

            <span class="desc">{{ deviceInfo.memory }}</span>

          </div>

          <div class="bar">

          <div class=" info-bar">

            <span class="name">运行时间</span>

            <span class="desc">{{ deviceInfo.runningTime }}</span>

          </div>

@@ -58,6 +62,7 @@
    return {

      min_len: 0,

      max_len: 0,

      info:"\ue6e8",

      fakeObj: {

        min: 0,

        max: 0,

@@ -122,7 +127,9 @@
  flex: 1;

  flex-basis: auto;

  box-sizing: border-box;

  .general-center {

  background-color: #F2F2F7;



  /* .general-center {

    height: 100%;

    width: 280px;

    overflow: auto;

@@ -157,15 +164,54 @@
      background-color: #3d68e1;

      color: white;

    }

  } */

  .general-title {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom:10px ;

    height: 110px;

    background-color: #fff;

    .general-info {

      margin-left: 10px;

      font-size: 16px;

      color:#333 ;

      font-weight: 700;

    }

    .iconfont {

      margin-right: 10px;

      font-size: 40px;

    }

  }



   .general-right .lang .info-bar {

     display: flex;

     align-items: center;

    justify-content: space-between;

    margin-bottom:10px ;

    padding: 0 40px;

    height: 45px;

    color: #4F4F4F;

    font-size: 16px !important;

    font-weight: 700;

    background-color: #fff;

    .desc {

    color: #4F4F4F;

    font-size: 16px;

    font-weight: 700;

    }

    &:hover {

      background-color: #F8F8FF;

    }

  }

  
  .general-right {

    flex: 1;

    flex-basis: auto;

    overflow: auto;

    box-sizing: border-box;



    padding: 20px 40px;

    .el-form-item.is-required:not(.is-no-asterisk)

    padding: 10px 15px !important;

   /*  .el-form-item.is-required:not(.is-no-asterisk)

      > .el-form-item__label:before,

    .el-form-item.is-required:not(.is-no-asterisk)

      .el-form-item__label-wrap

@@ -431,7 +477,7 @@
          }

        }

      }

    }

    } */

  }

}

</style>