update 调整大屏各个模块参数及样式

This commit is contained in:
zk
2024-05-16 15:53:04 +08:00
parent adca7ae65e
commit 45aec85fad
12 changed files with 238 additions and 89 deletions
+8 -38
View File
@@ -6,8 +6,8 @@
<span
v-for="(item, index) in timeTab"
:key="index"
:class="selectIndex === index ? 'select' : 'unSelect'"
@click="handleSelect(index)"
:class="selectIndex === item.value ? 'select' : 'unSelect'"
@click="handleSelect(item.value)"
>{{ item.name }}</span
>
</div>
@@ -20,7 +20,7 @@
</template>
<script lang="ts" setup>
import { onMounted, ref, watch } from 'vue';
import PublicTitle from '../publicTitle.vue';
import PublicTitle from '/@/components/publicTitle.vue';
import { getDetail } from '/@/components/body-d-left/left.api';
import { useSpin, timeTab, useHospitalList, radarCharts, allValueEmpty } from '/@/components/body-d-left/bodyLeftHooks';
import { useSession, caching } from '/@/hooks/autoRefresh/caching.ts';
@@ -30,14 +30,15 @@
refreshState: {
type: Boolean,
},
setting: Object,
});
const { setSession, getSession } = useSession();
const { LEFT_KEY3 } = caching;
const { setSpin, spinning } = useSpin();
const selectIndex = ref(0);
const selectIndex = ref('2');
function handleSelect(index: number) {
selectIndex.value = index;
function handleSelect(val: string) {
selectIndex.value = val;
setSpin(true);
setTimeout(() => {
setSpin(false);
@@ -115,37 +116,6 @@
width: 100%;
height: 100%;
}
.physical-item {
width: 33%;
height: 46%;
color: #ffffff;
display: flex;
flex-direction: column;
.ct {
margin-top: -20px;
}
.value {
font-size: 20px;
font-weight: bold;
}
.label {
font-size: 14px;
}
}
.b1 {
background: url('../../assets/images/physical-top.png') no-repeat;
background-size: 95% 95%;
}
.b2 {
background: url('../../assets/images/physical-bottom.png') no-repeat;
background-size: 95% 95%;
}
}
}
</style>
</style>