大屏以及质量管理
This commit is contained in:
@ -15,23 +15,39 @@
|
||||
</div>
|
||||
<div class="carousellist flex items-center">
|
||||
<div>
|
||||
<img src="@/assets/images/toleft.png" alt="" />
|
||||
<!-- <img src="@/assets/images/toleft.png" alt="" /> -->
|
||||
</div>
|
||||
<div class="carouselcontainer flex justify-between">
|
||||
<div class="carouselItem flex flex-col justify-between" v-for="item in 5">
|
||||
<img src="@/assets/images/carousel.png" alt="" />
|
||||
<div class="time">03-18 15:00</div>
|
||||
<div class="remark">未佩戴安全帽</div>
|
||||
<div class="carouselItem flex flex-col justify-between" v-for="item in AIImg">
|
||||
<img :src="BASE + item.picture" alt="" />
|
||||
<div class="time">{{ parseTime(item.createdAt, '{m}-{d} {h}:{i}') }}</div>
|
||||
<div class="remark">{{ item.describe }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="@/assets/images/toright.png" alt="" />
|
||||
<!-- <img src="@/assets/images/toright.png" alt="" /> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup></script>
|
||||
<script lang="ts" setup>
|
||||
import { useUserStoreHook } from '@/store/modules/user';
|
||||
import { getAISafetyInspectionList } from '@/api/gis';
|
||||
const AIImg = ref([]);
|
||||
const BASE = 'http://58.17.134.85:7363';
|
||||
const store = useUserStoreHook();
|
||||
const currentProject = computed(() => store.selectedProject);
|
||||
const getAIImg = async () => {
|
||||
const res = await getAISafetyInspectionList({
|
||||
projectId: currentProject.value.goId
|
||||
});
|
||||
AIImg.value = res.data.list.slice(0, 5);
|
||||
};
|
||||
onMounted(() => {
|
||||
getAIImg();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '../css/gis.scss';
|
||||
|
Reference in New Issue
Block a user