Newer
Older
KaiFengPC / src / views / sponeScreen / projectHM / gongchenkanbani_comp / xmsgt.vue
@zhangdeliang zhangdeliang on 21 Aug 1 KB update
  1. <template>
  2. <!-- 建设施工过程 -->
  3. <div class="XiangXiXinXi">
  4. <div class="img" style="margin-top: 20px">
  5. <el-carousel trigger="click" type="card" height="447px" v-if="allImages?.underConstructionFileList.length > 0">
  6. <el-carousel-item v-for="item in allImages?.underConstructionFileList" :key="item">
  7. <el-image
  8. class="img_age"
  9. preview-teleported
  10. :src="item.url"
  11. :zoom-rate="1.2"
  12. :max-scale="7"
  13. :min-scale="0.2"
  14. :preview-src-list="[item.url]"
  15. :initial-index="4"
  16. />
  17. </el-carousel-item>
  18. </el-carousel>
  19. <el-empty :image-size="30" v-else />
  20. </div>
  21. </div>
  22. </template>
  23. <script setup name="XiangXiXinXi">
  24. import { inject } from 'vue';
  25. import { selectProjectImageList } from '@/api/sponeScreen/gcpjApi';
  26. import bus from '@/bus';
  27. const projectData = ref({});
  28. const allImages = ref({});
  29. async function selectProjectImage(p) {
  30. let { data } = await selectProjectImageList(p);
  31. allImages.value = data[0];
  32. }
  33. bus.on('getProjectDate', v => {
  34. projectData.value = v;
  35. selectProjectImage({ projectNo: v.projectNo });
  36. });
  37. </script>
  38.  
  39. <style lang="scss" scoped>
  40. .img_age {
  41. width: 580px;
  42. height: 447px;
  43. }
  44. </style>