修改审批展示内容

马宇豪

2023-03-24 25eebbf282ca6a9031153afaf4c70d572411156d

 src/views/intellectInspect/inspectIndex/components/fullScreen.vue

@@ -15,22 +15,7 @@
              <div class="chart-tit">
                <span class="tit">年度巡检异常趋势</span>
                <div class="filter-part">
                  <el-select v-model="depId1" size="small" :teleported="false">
                    <el-option
                        v-for="item in depList1"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                    />
                  </el-select>
                  <el-select v-model="depId2" size="small" :teleported="false">
                    <el-option
                        v-for="item in depList2"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                    />
                  </el-select>
                  <el-cascader v-model="searchDepId" :options="depList" :props="casProps" :teleported="false" :show-all-levels="false" size="small"/>
                </div>
              </div>
              <div class="chart" :id="xjLine"></div>
@@ -242,7 +227,6 @@
    workTypeList: Array<type>;
    departmentList: [];
    timeType: Array<type>;
    depList1: Array<type>;
    classGroupList: Array<classGroup>;
    quotaList: [];
    inspectPointAllList: [];
@@ -252,8 +236,9 @@
    workNum: string;
    beImgs: [];
    afImgs: [];
    depId1:number|null
    depId2:number|null
    searchDepId: number|null
    depList: Array<any>
    casProps:object
}
interface type {
    id: number;
@@ -297,7 +282,7 @@
                { id: 4, name: '月' },
                { id: 5, name: '年' }
            ],
            depList1: [
            depList: [
              {
                name: '电石事业部',
                id: 49
@@ -315,8 +300,14 @@
                id: 32
              }
            ],
            depId1: null,
            depId2: null,
            searchDepId: null,
            casProps: {
              expandTrigger: 'hover',
              emitPath: false,
              value: 'depId',
              label: 'depName',
              checkStrictly: true
            },
            classGroupList: [],
            quotaList: [],
            inspectPointAllList: [],
@@ -857,9 +848,8 @@
            display: flex;
            align-items: center;
            justify-content: right;
            .el-select{
              width: 50% !important;
              margin-left: 10px;
            :deep(.el-cascader){
              width: 100% !important;
            }
            .el-switch{
              width: 100% !important;
@@ -867,6 +857,38 @@
                width: 100% !important;
              }
            }

            ::v-deep(.el-popper){
              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;
              }
              .el-icon{
                color: #11FEEE;
              }
              .el-select-dropdown__item{
                color: #11FEEE;
              }
              .el-select-dropdown__item.hover{
                background: #0049af;
              }
            }
            ::v-deep(.el-popper__arrow){
              &::before{
                background-color: rgba(10,31,92,.6) !important;
                border: 1px solid rgba(17,254,238,.4);
              }
            }
          }
          .filter-part2{
            display: flex;