<template>
  <div class="XiangXiXinXi">
    <div class="img">
      <!-- <img src="@/assets/images/nowTest.jpg" alt="" srcset=""> -->
      <!-- <el-carousel :interval="4000" type="card" height="600px" v-if="allImages?.underConstructionFileList.length > 0">
        <el-carousel-item v-for="item in allImages?.underConstructionFileList" :key="item"> -->
          <el-image   v-for="item in allImages?.underConstructionFileList" :key="item" class="img_age" :src="item?.url" :preview-src-list="[item.url]" alt="" />
        <!-- </el-carousel-item> -->
      <!-- </el-carousel> -->
      <el-empty :image-size="30" v-if="allImages?.underConstructionFileList?.length == 0" />
    </div>
  </div>
</template>
<script setup name="XiangXiXinXi">
import { inject } from 'vue';
import { selectProjectImageList } from '@/api/sponeScreen/gcpjApi';
import bus from '@/bus';
const projectData = ref({});
const allImages = ref({})
async function selectProjectImage(p) {
  let { data } = await selectProjectImageList(p)
  allImages.value = data[0]
}
bus.on('getProjectDate', (v) => {
  projectData.value = v
  selectProjectImage({ projectNo: v.projectNo })
})
</script>

<style lang="scss" scoped>
.img {
  width: 100%;
  height: 577px;
  display: flex;
  .img_age {
    width: 100%;
    height: 60%;
    margin: 0 10px;
      flex: 1;
  }
}
</style>