新修改添加页面

batman

2023-03-10 e2d556803e3138732ffde7d3d07b0a4a9b0b7f0a

 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;
      }