区域管理id去重校验,表格固定高度

hanbaoshan

2020-09-02 1b1c8b0f2ccefae2c6a347044b202a24b036567f

 src/pages/areaManage/index/App.vue

@@ -1,9 +1,9 @@
<template>
  <div>
  <div class="areas">
    <div class="top-operation">
      <el-button type="primary" size="small" @click="createArea">新增区域</el-button>
    </div>
    <el-table :data="groups" border>
    <el-table :data="groups" border height="calc(100% - 100px)">
      <el-table-column type="index" width="50" label="序号" align="center"></el-table-column>
      <el-table-column prop="name" label="区域名称" align="center" sortable></el-table-column>
      <el-table-column prop="id" label="区域ID" align="center" sortable></el-table-column>
@@ -192,7 +192,14 @@

        return;
      }

      let sameOne = this.groups.findIndex(item => item.id == this.areaForm.id);
      if(sameOne>=0){
        this.$notify({
          type: 'error',
          message: '区域ID不能重复'
        });
        return;
      }
      let tempArr = [];
      let tempIdArr = [];
      this.areaForm.camPolygons = [];
@@ -249,6 +256,10 @@
.red {
  color: rgb(255, 94, 0);
}
.areas{
  width: 100%;
  height: calc(100% - 60px);
}
.top-operation {
  padding: 30px 30px 20px;
  display: flex;