feat: sort camera tree

zhangzengfei

2020-09-04 b23a2a35a14b010a3b97a1b61a02ec179dfab924

 src/pages/analysisPower/index/App.vue

@@ -60,7 +60,7 @@
          border
          :cell-style="cellStyle"
        >
          <el-table-column label="序号" type="index" align="center" width="100px"></el-table-column>
          <el-table-column label="序号" type="index" align="center" width="60px"></el-table-column>
          <el-table-column label="摄像机名称" align="center" show-overflow-tooltip sortable>
            <template slot-scope="scope">
              <span
@@ -70,7 +70,7 @@
          </el-table-column>
          <el-table-column label="摄像机地址" prop="addr" align="center" show-overflow-tooltip sortable></el-table-column>
          <el-table-column label="摄像机IP" prop="ip" align="center" width="130px" sortable></el-table-column>
          <el-table-column label="摄像机类型" align="center" width="110px" sortable>
          <el-table-column label="摄像机类型" align="center" width="120px" sortable>
            <template slot-scope="scope">
              <span>{{scope.row.run_type | cameraType}}</span>
            </template>
@@ -118,7 +118,7 @@
      title="算力设置"
      :visible.sync="drawer"
      direction="rtl"
      size="350px"
      size="450px"
      custom-class="e-drawer"
      :before-close="closeDrawer"
    >
@@ -573,9 +573,16 @@

.e-drawer {
  // margin-top: 150px;

  font-family: PingFangSC-Medium;
  font-size: 14px;
  &:focus{
    outline: none;
  }
  .el-dialog__close{
    &:focus{
      outline: none!important;
    }
  }
  .dawer_details {
    text-align: left;
    margin-left: 70px;
@@ -594,9 +601,19 @@
      margin-left: 20px;
    }
  }

  
  .el-drawer__header {
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    font-size: 16px;
    margin-bottom: 0px;
    span{
      border: none!important;
      border-image-width: 0!important;
      &:focus{
        outline: none;
      }
    }
  }
}
</style>