From e2d556803e3138732ffde7d3d07b0a4a9b0b7f0a Mon Sep 17 00:00:00 2001
From: batman <978517621@qq.com>
Date: 星期五, 10 三月 2023 10:33:40 +0800
Subject: [PATCH] 新修改添加页面
---
src/views/intellectInspect/inspectIndex2/index.vue | 63 +++++++++++++++++++++++++------
1 files changed, 50 insertions(+), 13 deletions(-)
diff --git a/src/views/intellectInspect/inspectIndex2/index.vue b/src/views/intellectInspect/inspectIndex2/index.vue
index 00200da..7b43609 100644
--- a/src/views/intellectInspect/inspectIndex2/index.vue
+++ b/src/views/intellectInspect/inspectIndex2/index.vue
@@ -78,7 +78,7 @@
</div>
</div>
<div class="chart">
- <el-table :data="tableData" stripe border :header-cell-style="isFull==true?{background: none}:{ background: '#fafafa' }">
+ <el-table :data="tableData" stripe border :header-cell-style="{ background: '#fafafa' }">
<el-table-column label="任务信息" align="center">
<template #default="scope">
<div class="left-info">
@@ -141,7 +141,7 @@
</div>
</div>
<div class="chart">
- <el-table :data="unusualData" stripe border :header-cell-style="isFull==true?{background: none}:{ background: '#fafafa' }">
+ <el-table :data="unusualData" stripe border :header-cell-style="{ background: '#fafafa' }">
<el-table-column prop="num" label="工单编号" align="center"/>
<el-table-column prop="spot" label="异常巡检点" align="center"/>
<el-table-column prop="time" label="巡检（发现）时间" align="center"/>
@@ -183,6 +183,7 @@
import { ElTable } from 'element-plus';
import { FormInstance, FormRules, ElMessage } from 'element-plus';
import { inspectRecordApi } from '/@/api/intellectInspectSystem/inspectRecord';
+import { inspectIndexApi } from '/@/api/intellectInspectSystem/inspectIndex'
import { useRouter } from 'vue-router';
import * as echarts from 'echarts'
import inspectRecordDialog from './components/inspectRecordDialog.vue';
@@ -221,7 +222,7 @@
groupName: string;
}
export default {
- name: 'workingHours',
+ name: 'inspectIndex',
components: { inspectRecordDialog, inspectList, unusualList },
setup() {
const router = useRouter();
@@ -323,12 +324,20 @@
// 页面载入时执行方法
onMounted(() => {
getInspectRecord();
+ getListExcepOrder();
getDayData();
getDepartmentData();
initXjLine()
initSbtj()
});
const toFullscreen =()=>{
+ console.log(state.isFull,'quanp',state.themeColor)
+ const element = document.getElementById('bigScreen')
+ if (!screenfull.isEnabled) {
+ ElMessage.warning('暂不不支持全屏');
+ return false;
+ }
+ screenfull.toggle(element);
state.isFull = !state.isFull
if(state.isFull == true){
state.themeColor = '#11FEEE'
@@ -337,13 +346,6 @@
}
initXjLine()
initSbtj()
- console.log(state.isFull,'quanp',state.themeColor)
- const element = document.getElementById('bigScreen')
- if (!screenfull.isEnabled) {
- ElMessage.warning('暂不不支持全屏');
- return false;
- }
- screenfull.toggle(element);
}
const checkAllRecord =()=>{
inspectListRef.value.departmentList = state.departmentList
@@ -509,7 +511,7 @@
myChart.resize();
});
}
- // 分页获取工作时段列表
+ // 分页获取
const getInspectRecord = async () => {
const data = { pageSize: state.pageSize, pageIndex: state.pageIndex };
let res = await inspectRecordApi().getInspectRecordByIndex(data);
@@ -522,6 +524,19 @@
message: res.data.msg
});
}
+ };
+ // 分页获取
+ const getListExcepOrder = async () => {
+ const data = { pageSize: state.pageSize, pageIndex: state.pageIndex };
+ let res = await inspectIndexApi().getListExcepOrderByPage(data);
+ if (res.data.code === '200') {
+ console.log(res.data,'res')
+ } else {
+ ElMessage({
+ type: 'warning',
+ message: res.data.msg
+ });
+ }
};
//获取部门
const getDepartmentData = async () => {
@@ -822,7 +837,6 @@
}
}
}
-
}
}
}
@@ -873,7 +887,6 @@
line-height: 34px;
top: 0;
right: 20px;
- z-index: 99999;
}
.topChart{
.chart-item{
@@ -905,6 +918,14 @@
background-color: rgba(10,31,92,1);
border: 1px solid rgba(17,254,238,.4);
color: #11FEEE;
+ .el-cascader-node{
+ .in-active-path{
+ background: #0049af;
+ }
+ &:hover{
+ background: #0049af;
+ }
+ }
.el-cascader-node__label{
color: #11FEEE;
}
@@ -967,11 +988,19 @@
.tit{
color: #11FEEE;
}
+ .checkAll{
+ cursor: pointer;
+ color: #11feee;
+ &:hover{
+ color: #409eff
+ }
+ }
.el-table {
color: #11FEEE !important;
background-color: rgba(0,0,0,0) !important;
:deep(thead){
color: #11FEEE !important;
+ background-color: #092846 !important
}
:deep(tr){
background-color: rgba(0,0,0,0) !important;
@@ -988,6 +1017,14 @@
background-color: rgba(10,31,92,1);
border: 1px solid rgba(17,254,238,.4);
color: #11FEEE;
+ .el-cascader-node{
+ .in-active-path{
+ background: #0049af;
+ }
+ &:hover{
+ background: #0049af;
+ }
+ }
.el-cascader-node__label{
color: #11FEEE;
}
--
Gitblit v1.9.2