<template>
  <div class="imageSettings">
    <div class="imageSetBox">
      <div class="imageSetBtnGroup">
        <el-button type="primary" icon="el-icon-plus">新增</el-button>
      </div>
      <div class="imageSetTable">
        <el-table
          ref="multipleTable"
          :data="imageTableData"
          stripe
          tooltip-effect="dark"
          style="width: 100%"
          height="calc(100% - 40px)"
        >
          <el-table-column
            label="通道名称"
            show-overflow-tooltip
            prop="channelname"
          ></el-table-column>
          <el-table-column
            label="分辨率高"
            show-overflow-tooltip
            prop="maxResolutionHeight"
          ></el-table-column>
          <el-table-column
            label="分辨率宽"
            show-overflow-tooltip
            prop="maxResolutionWidth"
          ></el-table-column>

          <el-table-column fixed="right" label="操作" width="200">
            <template slot-scope="scope">
              <el-button type="text">设置图像参数</el-button>
              <el-button type="text" class="deleteText"
                >查询图像分辨率</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <div class="pageNation">
          <el-pagination
            :current-page="page"
            :page-size="pageSize"
            layout=" prev, pager, next, jumper,total"
            :total="total"
            background
          >
          </el-pagination>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { getImageResolutionList } from "@/utils/api/index";

export default {
  components: {},
  data() {
    return {
      imageTableData: [
        {
          id: 1,
          channelname: "通道1",
          status: 1,
          maxResolutionWidth: 1200,
          maxResolutionHeight: 1200,
        },
      ],

      page: 1, // 当前页数
      pageSize: 10, // 每页数量
      total: 0, //总条数
    };
  },
  created() {},
  methods: {
    //获取线路列表数据
  },
};
</script>
<style lang="less">
.imageSettings {
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  padding: 16px 16px;
  background: @color-white;
  .imageSetBox {
    border: 1px solid #dddddd;
    height: calc(100% - 32px);
    padding: 16px;
    border-radius: 4px;
  }
  .imageSetBtnGroup {
    display: flex;
    justify-content: flex-end;
  }
  .imageSetTable {
    margin-top: 16px;
    height: calc(100% - 48px);
    //background: #fcc;
  }
}
</style>
