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

liuyg

2022-02-15 a38281e697cde9f45926a6af0c88bec14501fec0

 src/views/securityAnalysis/child/situation.vue

@@ -2,15 +2,17 @@
  <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"
      :table-loading="loading1"
      @on-load="getPractitionersPageInfo(page1)"
      @on-load="getPractitionersPageInfo"
      @search-change="searchChange"
      @search-reset="searchReset"
      @refresh-change="refreshChange"
@@ -46,7 +48,7 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize,
        ...this.$store.state.control.changePageSize
      },
      query1: {},
      data1: [],
@@ -77,7 +79,7 @@
            width: 80,
            overHidden: true,
            searchSpan: 3,
            search: true,
            search: true
          },
          {
            label: "企业名称",
@@ -87,14 +89,14 @@
            dicUrl: dicUrl,
            props: {
              label: "title",
              value: "id",
              value: "id"
            },
            // hide: true,
            // slot: true,
            searchSpan: 5,
            display: false,
            search: search,
            minWidth: 220,
            minWidth: 220
          },
          {
            label: "性别",
@@ -104,18 +106,18 @@
            dicData: [
              {
                label: "男",
                value: 1,
                value: 1
              },
              {
                label: "女",
                value: 2,
                value: 2
              },
              {
                label: "未知",
                value: 3,
              },
                value: 3
              }
            ],
            display: false,
            display: false
          },
          {
            label: "身份证号码",
@@ -124,7 +126,7 @@
            searchLabelWidth: 90,
            searchSpan: 5,
            minWidth: 140,
            display: false,
            display: false
          },
          {
            label: "学历",
@@ -134,7 +136,7 @@
            dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
            props: {
              label: "dictValue",
              value: "dictKey",
              value: "dictKey"
            },
            type: "select",
            // hide: true,
@@ -142,15 +144,15 @@
              {
                required: true,
                message: "请选择学历",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },
          {
            label: "联系电话",
            prop: "phone",
            minWidth: 100,
            display: false,
            display: false
          },
          {
            label: "审查状态",
@@ -163,25 +165,26 @@
            dicData: [
              {
                label: "正常",
                value: "0",
                value: "0"
              },
              {
                label: "异常",
                value: "1",
              },
            ],
                value: "1"
              }
            ]
          },
          {
            label: "审查明细",
            prop: "examinationMx",
            disabled: true,
          },
        ],
      },
            disabled: true
          }
        ]
      }
    };
  },
  methods: {
    getPractitionersPageInfo(page, params = {}) {
      this.loading1 = true;
      if (this.card.jurisdiction == 1372091709474910209) {
        this.card.jurisdiction = "";
      }
@@ -190,13 +193,14 @@
        ...this.card,
        ...params,
        status: 1,
        ...this.query1,
        ...this.query1
      };
      getList(page.currentPage, page.pageSize, params).then((res) => {
      getList(page.currentPage, page.pageSize, params).then(res => {
        // console.log(res.data.data.records);
        const data = res.data.data;
        this.data1 = data.records;
        this.page1.total = data.total;
        this.$store.commit("setWindowSizeHeightAdd");
        this.loading1 = false;
      });
    },
@@ -214,10 +218,9 @@
      this.page1.currentPage = 1;
      this.refreshChange();
      // console.log(212);
    },
  },
    }
  }
};
</script>

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