update
1.修改庆阳大屏
This commit is contained in:
@@ -144,12 +144,12 @@
|
|||||||
const interval = ref<any>(null);
|
const interval = ref<any>(null);
|
||||||
const nowDate = ref(dayjs());
|
const nowDate = ref(dayjs());
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
interval.value = setInterval(() => {
|
// interval.value = setInterval(() => {
|
||||||
if (dayjs(nowDate.value).diff(dayjs(), 'date') < 0) {
|
// if (dayjs(nowDate.value).diff(dayjs(), 'date') < 0) {
|
||||||
nowDate.value = dayjs();
|
// nowDate.value = dayjs();
|
||||||
getScrollList();
|
// getScrollList();
|
||||||
}
|
// }
|
||||||
}, 1000);
|
// }, 1000);
|
||||||
});
|
});
|
||||||
|
|
||||||
async function getScrollList() {
|
async function getScrollList() {
|
||||||
|
|||||||
@@ -37,7 +37,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="body-d-right body-d-right-s">
|
<div class="body-d-right body-d-right-s">
|
||||||
<!--健康终端报警-->
|
<!--健康终端报警-->
|
||||||
<TerminalAlarm :refreshState="refreshState" :setting="setting" @emit-view-detail="handleEmployeeDialog" />
|
<TerminalAlarm :refreshState="refreshState" :setting="setting" :set-inter="true" @emit-view-detail="handleEmployeeDialog" />
|
||||||
<!--员工队伍健康状况-->
|
<!--员工队伍健康状况-->
|
||||||
<EmployeeHealth theme="dark" :refreshState="refreshState" :setting="setting" />
|
<EmployeeHealth theme="dark" :refreshState="refreshState" :setting="setting" />
|
||||||
<!--体检数据-->
|
<!--体检数据-->
|
||||||
@@ -423,6 +423,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.central-screen-body-left,
|
||||||
|
.body-d-right {
|
||||||
|
padding: 0 1.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
.body-d-middle {
|
.body-d-middle {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
@@ -7,7 +7,13 @@
|
|||||||
</public-title>
|
</public-title>
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :limitScrollNum="4" v-bind="classOption">
|
<vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :limitScrollNum="4" v-bind="classOption">
|
||||||
<div class="item right-top-item" :class="themeType" v-for="(item, i) in scrollList" :key="i">
|
<div
|
||||||
|
class="item right-top-item"
|
||||||
|
:class="themeType"
|
||||||
|
v-for="(item, i) in scrollList"
|
||||||
|
:key="i"
|
||||||
|
:style="{ padding: props.setInter ? '10px 0' : '3% 0' }"
|
||||||
|
>
|
||||||
<span class="fixed-width" :title="item?.realName">{{ item?.realName }}</span>
|
<span class="fixed-width" :title="item?.realName">{{ item?.realName }}</span>
|
||||||
<span class="fixed-width" :title="item?.eventType_dictText">{{ item?.eventType_dictText }}</span>
|
<span class="fixed-width" :title="item?.eventType_dictText">{{ item?.eventType_dictText }}</span>
|
||||||
<div class="time-icon">
|
<div class="time-icon">
|
||||||
@@ -95,6 +101,10 @@
|
|||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
setting: Object,
|
setting: Object,
|
||||||
|
setInter: {
|
||||||
|
type: Boolean,
|
||||||
|
default: () => false,
|
||||||
|
},
|
||||||
});
|
});
|
||||||
const { themeType } = useTheme();
|
const { themeType } = useTheme();
|
||||||
const emit = defineEmits(['emit-view-detail']);
|
const emit = defineEmits(['emit-view-detail']);
|
||||||
@@ -144,16 +154,15 @@
|
|||||||
const interval = ref<any>(null);
|
const interval = ref<any>(null);
|
||||||
const nowDate = ref(dayjs());
|
const nowDate = ref(dayjs());
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
if (props.setInter) {
|
||||||
interval.value = setInterval(() => {
|
interval.value = setInterval(() => {
|
||||||
if (dayjs(nowDate.value).diff(dayjs(), 'date') < 0) {
|
|
||||||
nowDate.value = dayjs();
|
|
||||||
getScrollList();
|
getScrollList();
|
||||||
|
}, 30000);
|
||||||
}
|
}
|
||||||
}, 1000);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
clearInterval(interval.value);
|
interval.value && clearInterval(interval.value);
|
||||||
});
|
});
|
||||||
|
|
||||||
async function getScrollList() {
|
async function getScrollList() {
|
||||||
@@ -165,12 +174,16 @@
|
|||||||
} else {
|
} else {
|
||||||
codeList = props.setting?.orgCode;
|
codeList = props.setting?.orgCode;
|
||||||
}
|
}
|
||||||
|
// 如果为庆阳应急中心,需要拼上当天的日期
|
||||||
|
let p = {
|
||||||
|
startDate: dayjs().format('YYYY-MM-DD'),
|
||||||
|
endDate: dayjs().format('YYYY-MM-DD'),
|
||||||
|
};
|
||||||
const { code, result } = await getMonitorList({
|
const { code, result } = await getMonitorList({
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
orgCodeList: codeList,
|
orgCodeList: codeList,
|
||||||
startDate: dayjs().format('YYYY-MM-DD'),
|
...(props.setInter ? p : {}),
|
||||||
endDate: dayjs().format('YYYY-MM-DD'),
|
|
||||||
});
|
});
|
||||||
if (code == 200) {
|
if (code == 200) {
|
||||||
setSession(RIGHT_KEY1_NEW, JSON.stringify(result.records));
|
setSession(RIGHT_KEY1_NEW, JSON.stringify(result.records));
|
||||||
|
|||||||
Reference in New Issue
Block a user