68个表格在1366*768下的适配，保安单位情况智能分析中的图表的适配以及其按钮会被遮住不能点击

liuyg

2022-02-15 a38281e697cde9f45926a6af0c88bec14501fec0

 src/views/securityAnalysis/child/examination.vue

@@ -2,16 +2,18 @@
  <div
    :class="[
      'certificateTJ',
      $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
      $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
      $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
    ]"
  >
    <avue-crud
      class="tablesss"
      :option="option1"
      :data="data1"
      :page.sync="page1"
      :search.sync="search"
      :table-loading="loading1"
      @on-load="getPractitionersPageInfo(page1)"
      @on-load="getPractitionersPageInfo"
      @search-change="searchChange"
      @search-reset="searchReset"
      @refresh-change="refreshChange"
@@ -22,7 +24,7 @@

<script>
import {
  getinformationstatisticsXX, //保安员考试情况详情统计
  getinformationstatisticsXX //保安员考试情况详情统计
} from "@/api/securityAnalysis/securityAnalysis";
export default {
  props: ["card"],
@@ -35,9 +37,9 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize,
        ...this.$store.state.control.changePageSize
      },
      search:{},
      search: {},
      query1: {},
      data1: [],
      option1: {
@@ -64,50 +66,50 @@
            prop: "securityName",
            disabled: true,
            search: true,
            searchSpan:4
            searchSpan: 4
          },
          {
            label: "学校名称",
            prop: "trainingUnitName",
            disabled: true,
            search: true,
            minWidth:160
            minWidth: 160
          },
          {
            label: "考试场次",
            prop: "examName",
            disabled: true,
            minWidth:160
            minWidth: 160
          },
          {
            label: "考试时间",
            prop: "examTime",
            disabled: true,
            disabled: true
          },
          {
              label: "考试时间",
              prop: "month",
              type: "month",
              hide:true,
              search:true,
              searchSpan:4,
              format: "yyyy-MM",
              valueFormat: "yyyy-MM",
            label: "考试时间",
            prop: "month",
            type: "month",
            hide: true,
            search: true,
            searchSpan: 4,
            format: "yyyy-MM",
            valueFormat: "yyyy-MM"
          },
          {
            label: "理论成绩",
            prop: "theoryGrade",
            disabled: true,
            disabled: true
          },
          {
            label: "实操成绩",
            prop: "learnGrade",
            disabled: true,
            disabled: true
          },
          {
            label: "总分数",
            prop: "allGrade",
            disabled: true,
            disabled: true
          },
          {
            label: "是否合格",
@@ -118,33 +120,37 @@
            dicData: [
              {
                label: "合格",
                value: 0,
                value: 0
              },
              {
                label: "不合格",
                value: 1,
                value: 1
              },
              {
                label: "暂未录实操成绩",
                value: 2,
                value: 2
              },
              {
                label: "缺考,成绩无效",
                value: 3,
              },
            ],
          },
        ],
      },
                value: 3
              }
            ]
          }
        ]
      }
    };
  },
  mounted() {
    this.$store.commit("setWindowSizeHeightAdd");
  },
  methods: {
    getPractitionersPageInfo(page, params = {}) {
      this.loading1 = true;
      params = this.search;
      params['deptId'] = this.card.deptid;
      params['jurisdiction'] = this.card.jurisdiction;
      params["deptId"] = this.card.deptid;
      params["jurisdiction"] = this.card.jurisdiction;
      getinformationstatisticsXX(page.currentPage, page.pageSize, params).then(
        (res) => {
        res => {
          const data = res.data.data;
          var d = data.records;
          for (var k in d) {
@@ -160,6 +166,7 @@
          }
          this.data1 = d;
          this.page1.total = data.total;
          this.$store.commit("setWindowSizeHeightAdd");
          this.loading1 = false;
        }
      );
@@ -175,10 +182,9 @@
    },
    searchReset(done) {
      this.data1 = this.czdata;
    },
  },
    }
  }
};
</script>

<style scoped>
</style>
<style scoped></style>