renkang/xj-screen
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: 大屏接口

Browse Source
This commit is contained in:
xf
2025-07-08 10:11:15 +08:00
parent 01f3339833
commit a2da7e4be7
6 changed files with 76 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/indexSun/threeR.vue
+27 -5
View File
@@ -6,11 +6,29 @@
</div>
<div class="content">
<div class="content-item">
<template v-if="scrollList.length > 0">
<template v-if="scrollList">
<!-- <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :copyNum="3" :limitScrollNum="4" v-bind="{ step: 0.2 }">-->
<div class="item-d" v-for="(item, index) in scrollList" :key="index">
<div class="item-d">
<div>体检总人数</div>
<div style="font-weight: bold">18000人</div>
<div style="font-weight: bold">{{ scrollList.totalCount ? scrollList.totalCount : '--' }}人</div>
</div>
<div class="item-d">
<div>心血管异常人数</div>
<div style="font-weight: bold; cursor: pointer; color: #22e8ff" @click="handleClickNum(1)"
>{{ scrollList.cardiovaAbCount ? scrollList.cardiovaAbCount : '--' }}人</div
>
</div>
<div class="item-d">
<div>脑血管异常人数</div>
<div style="font-weight: bold; cursor: pointer; color: #22e8ff" @click="handleClickNum(2)"
>{{ scrollList.cerebrovAbCount ? scrollList.cerebrovAbCount : '--' }}人</div
>
</div>
<div class="item-d">
<div>冠状CT异常人数</div>
<div style="font-weight: bold; cursor: pointer; color: #22e8ff" @click="handleClickNum(3)"
>{{ scrollList.cctaAbCount ? scrollList.cctaAbCount : '--' }}人</div
>
</div>
<!-- </vue3-seamless-scroll>-->
</template>
@@ -28,14 +46,18 @@
import { Empty } from 'ant-design-vue';
import { ref, onMounted } from 'vue';
import { threeRApi } from '/@/views/indexSun/indexSun.api.ts';
const scrollList = ref<any[]>([]);
const scrollList = ref();
onMounted(() => {
threeRApi({}).then((res) => {
if (res.code == 200) {
scrollList.value = res.result;
scrollList.value = res.result[0];
}
});
});
function handleClickNum(type) {
console.log(type);
console.log(123);
}
</script>
<style lang="less" scoped>
.three-r-box {