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:
zk
2024-05-16 15:53:04 +08:00
parent adca7ae65e
commit 45aec85fad
12 changed files with 238 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/index.vue
+37 -12
View File
@@ -9,7 +9,7 @@
</div>
<div class="body-d">
<div class="body-d-left">
<one-l :refreshState="refreshState" />
<one-l :setting="setting" :refreshState="refreshState" @handleClick="handlePhoneDialog" />
<two-l :refreshState="refreshState" />
<three-l :refreshState="refreshState" />
</div>
@@ -17,7 +17,7 @@
<china-map />
</div>
<div class="body-d-right">
<one-r :refreshState="refreshState" />
<one-r :setting="setting" :refreshState="refreshState" />
<two-r :refreshState="refreshState" />
<three-r :key="refreshState" />
</div>
@@ -25,28 +25,32 @@
<div class="bottom-d"></div>
<EmployeeDialog ref="employeeDialogRef" :record="socketData" />
<EmergencyDialog ref="emergencyDialogRef" :record="emergencyData" />
<PhoneDialog ref="phoneDialogRef" :title="phoneDialogTitle" :useForm="true" :setting="setting" :phoneType="phoneType" />
</div>
</template>
<script setup lang="ts">
import { onUnmounted, ref, watch, nextTick } from 'vue';
import OneL from '../components/body-d-left/oneL.vue';
import TwoL from '../components/body-d-left/twoL.vue';
import ThreeL from '../components/body-d-left/threeL.vue';
import OneR from '../components/body-d-right/oneR.vue';
import TwoR from '../components/body-d-right/twoR.vue';
import ThreeR from '../components/body-d-right/threeR.vue';
import ChinaMap from '../components/chinaMap/chinaMap.vue';
import OneL from '/@/components/body-d-left/oneL.vue';
import TwoL from '/@/components/body-d-left/twoL.vue';
import ThreeL from '/@/components/body-d-left/threeL.vue';
import OneR from '/@/components/body-d-right/oneR.vue';
import TwoR from '/@/components/body-d-right/twoR.vue';
import ThreeR from '/@/components/body-d-right/threeR.vue';
import ChinaMap from '/@/components/chinaMap/chinaMap.vue';
import EmployeeDialog from '/@/views/components/employeeDialog.vue';
import EmergencyDialog from '/@/views/components/emergencyDialog.vue';
import { useTopTime } from '/@/utils/utils.ts';
import { basicPath, emergencyPath, useSocket } from '/@/utils/socket.ts';
import { useRefresh } from '/@/hooks/autoRefresh';
import { DEFAULT_TIME } from '/@/hooks/autoRefresh/pageRefreshTime.ts';
import { DataType, getSettings } from '/@/utils/settings.ts';
import PhoneDialog from '/@/views/components/phoneDialog/phoneDialog.vue';
const { refreshState } = useRefresh(DEFAULT_TIME);
const dayTimeO = ref();
const dayTimeT = ref();
const interval = ref(1);
const setting = getSettings(DataType.xian);
function init() {
getTime();
@@ -98,6 +102,27 @@
clearInterval(interval.value);
});
const phoneDialogTitle = ref('呼入电话');
const phoneDialogRef = ref();
//0:处置 1:处理 2:呼入 3:全部
const phoneType = ref('');
//呼入电话、受理电话弹窗
function handlePhoneDialog(item) {
const { name, key } = item;
nextTick(() => {
//呼入电话
if (key == 'gross') {
phoneType.value = '2';
}
//受理电话
if (key == 'alerdyreceive') {
phoneType.value = '1';
}
phoneDialogTitle.value = name;
phoneDialogRef.value.openDialog();
});
}
// function test() {
// let nVal = {
@@ -134,7 +159,7 @@
.outer {
height: 100%;
box-sizing: border-box;
background: url('../assets/images/bg.png') no-repeat;
background: url('/@/assets/images/bg.png') no-repeat;
background-size: 100% 100%;
}
@@ -143,7 +168,7 @@
line-height: 80px;
display: flex;
padding-bottom: 9px;
background: url('../assets/images/top-title.png') no-repeat;
background: url('/@/assets/images/top-title.png') no-repeat;
background-size: 100% 100%;
.title-d-left,
@@ -212,4 +237,4 @@
background: url('../assets/images/bottom-b.png') no-repeat;
background-size: 100% 100%;
}
</style>
</style>