<template>
  <div class="app-container">
    <div class="content">
      <el-row class="content-carts">
        <router-link to="/equipConfig/equipConfiguration/equipGrainDetection" class="content-cart sbpz">
        </router-link>
        <router-link to="/equipConfig/alarmThresholdSetting/temperatureAlarm" class="content-cart bjyzpz">
        </router-link>
        <router-link to="/equipConfig/equipClassification" class="content-cart sbfl">
        </router-link>
        <router-link to="/equipConfig/tabsManagement" class="content-cart bqgl">
        </router-link>
      </el-row>
      <el-row class="content-carts">
        <router-link to="/equipConfig/timedTask" class="content-cart dsrwsz">
        </router-link>
        <router-link to="/equipConfig/protocolMannagement" class="content-cart xygl">
        </router-link>
        <router-link to="/equipConfig/dataDictionary" class="content-cart sjzd">
        </router-link>
        <router-link to="/equipConfig/barnBasicInfo" class="content-cart cfjbxx">
        </router-link>
      </el-row>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {

    }
  },
  methods: {

  },
}
</script>

<style lang="scss" scoped>
.app-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content {
  width: 80%;
  // height: 62%;
  min-height: 520px;
  // background-color: pink;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  .content-carts {
    display: flex;
    justify-content: space-between;
    .content-cart {
      width: 24%;
      max-width: 250px;
      height: 250px;
      max-height: 250px;
    }
    // 设备配置
    .sbpz {
      background: url("~@/assets/equipConfig/模块设备配置.png") no-repeat;
      background-size: contain;
    }
    // 报警阈值配置
    .bjyzpz {
      background: url("~@/assets/equipConfig/模块报警阈值配置.png") no-repeat;
      background-size: contain;
    }
    // 设备分类
    .sbfl {
      background: url("~@/assets/equipConfig/模块设备分类.png") no-repeat;
      background-size: contain;
    }
    // 标签管理
    .bqgl {
      background: url("~@/assets/equipConfig/模块标签管理.png") no-repeat;
      background-size: contain;
    }
    // 定时任务设置
    .dsrwsz {
      background: url("~@/assets/equipConfig/模块定时任务设置.png") no-repeat;
      background-size: contain;
    }
    // 协议管理
    .xygl {
      background: url("~@/assets/equipConfig/模块协议管理.png") no-repeat;
      background-size: contain;
    }
    // 数据字典
    .sjzd {
      background: url("~@/assets/equipConfig/模块数据字典.png") no-repeat;
      background-size: contain;
    }
    // 仓房基本信息
    .cfjbxx {
      background: url("~@/assets/equipConfig/模块仓房基本信息.png") no-repeat;
      background-size: contain;
    }
  }
}
</style>