update 调整大屏各个模块参数及样式
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user