Newer
Older
KaiFengPC / src / views / sponeScreen / projectHM / gongchenkanbani_comp / xmsgt.vue
@zhangdeliang zhangdeliang on 16 Dec 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 { selectProjectImageList } from '@/api/sponeScreen/gcpjApi';
  25. import bus from '@/bus';
  26. const projectData = ref({});
  27. const allImages = ref({ underConstructionFileList: [] });
  28. async function selectProjectImage(p) {
  29. let { data } = await selectProjectImageList(p);
  30. allImages.value = data[0];
  31. }
  32.  
  33. onMounted(() => {
  34. bus.on('getProjectData', v => {
  35. projectData.value = v;
  36. selectProjectImage({ projectNo: v.projectNo });
  37. });
  38. });
  39.  
  40. onBeforeUnmount(() => {
  41. bus.off('getProjectData');
  42. });
  43. </script>
  44.  
  45. <style lang="scss" scoped>
  46. .img_age {
  47. width: 580px;
  48. height: 447px;
  49. }
  50. </style>