调整布局

hanbaoshan

2020-08-08 f77dad86de37e5ab0df6a6ce43f21e1ab408d389

 src/pages/analysisPower/index/App.vue

@@ -58,6 +58,7 @@
          height="93%"
          :data="PollData.CameraList"
          border
          :cell-style="cellStyle"
        >
          <el-table-column label="序号" type="index" align="center" width="100px"></el-table-column>
          <el-table-column label="摄像机名称" align="center" show-overflow-tooltip sortable>
@@ -481,6 +482,11 @@
        this.formData.polling++
      }
      // console.log("this.formData.polling:"+this.formData.polling)
    },
    cellStyle(obj){
      if(obj.column.label=='摄像机名称'||obj.column.label=='摄像机地址'){
        return 'text-align:left;padding-left:8px;'
      }
    }
  }
};
@@ -489,38 +495,30 @@
.s-poll-setting {
  width: 100%;
  height: 100%;
  min-width: 1609px;
  font-size: 14px;
  position: relative;
  .top {
    width: 100%;
    height: 190px;
    // border-bottom: 1px solid #ccc;
    min-width: 1609px;
    display: flex;
    
    .progressBar {
      width: 26%;
    }
    .percentBall {
      width: 80%;
      width: 84%;
      height: 82%;
      float: left;
      padding-left: 38px;
      //float: left;
      padding-left: 30px;
      box-sizing: border-box;
      // @media screen and (min-width: 1280px) and (max-width: 1440px) {
      //   width: 75%;
      // }
      // @media screen and (max-width: 1280px) {
      //   width: 80%;
      // }
     
    }
    .barGraph {
      width: 20%;
      width: 16%;
      height: 100%;
      float: right;
      // @media screen and (min-width: 1280px) and (max-width: 1440px) {
      //   width: 25%;
      // }
      // @media screen and (max-width: 1280px) {
      //   width: 20%;
      // }
      //float: right;
      #barSimple {
        width: 100%;
        height: 250px;
@@ -540,12 +538,6 @@
    }
  }
  .bottom {
    //width: calc(100% + 76px);
    //height: 100%;
    //height: calc(100% - 220px);
    //position: absolute;
    // top: 220px;
    //left: -38px;
    .tip {
      display: inline-block;
      font-family: PingFangSC-Medium;
@@ -555,7 +547,7 @@
      }
    }
    .content {
      padding: 20px 38px 38px 38px;
      padding: 20px 30px 30px;
      box-sizing: border-box;
      width: 100%;
      height: 100%;