<!--
 * @Date: 2023-09-11 11:10:21
 * @LastEditors: 陈禹琨 chenyukun@prolog-int.com
 * @LastEditTime: 2023-10-07 10:07:06
 * @FilePath: /eis-3.0-fe-pc/src/views/EIS/project/qingniuEIS/conservation/components/imagelist/index.vue
 * @Description: cyk
-->
<template>
  <div>
    <div style="margin-top: 5px">
      <a-row :gutter="[16, 16]">
        <a-col :span="12" v-for="(item, index) in imgList.data" :key="index" :value="item.value" class="img">
          <!-- {{ index }} -->
          <img width="40%" height="80px" :src="imgList.imgUrl" alt="" v-if="index != info[plans][layer]" />
          <img
            width="50%"
            height="80px"
            class="img-a"
            :src="imgList.imgUrl1"
            alt=""
            v-if="index == info[plans][layer]"
          />
        </a-col>
      </a-row>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    imgListData: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      imgList: {
        imgUrl: '/img/盒子3.png',
        imgUrl1: '/img/盒子4.png',
        data: 12,
      },
      noImg: true,
      openImg: false,
      test: 5,
      info: {
        A: {
          1: 10,
          2: 8,
          3: 6,
          4: 4,
          5: 2,
          6: 0,
        },
        B: {
          1: 11,
          2: 9,
          3: 7,
          4: 5,
          5: 3,
          6: 1,
        },
      },
    }
  },
  computed: {
    layer() {
      return this.imgListData.layer
    },
    plans() {
      return this.imgListData.plans
    },
  },

  created() {
    // console.log(this.imgList, 'img')
    // this.test = 4
  },
  methods: {},
}
</script>
<style lang="less" scoped>
.img {
  text-align: center;
  border: 1px solid #409eff;
  // background-color: #F2F6FC;
}
</style>
