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

liuyg

2022-02-15 a38281e697cde9f45926a6af0c88bec14501fec0

 src/views/securityAnalysis/child/assignment.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: [],
@@ -76,7 +78,7 @@
            searchLabelWidth: "50",
            overHidden: true,
            searchSpan: 4,
            search: true,
            search: true
          },
          {
            label: "企业名称",
@@ -87,14 +89,14 @@
            dicUrl: dicUrl,
            props: {
              label: "title",
              value: "id",
              value: "id"
            },
            // hide: true,
            // slot: true,
            searchSpan: 4,
            display: false,
            search: search,
            minWidth: 220,
            minWidth: 220
          },
          {
            label: "性别",
@@ -103,74 +105,78 @@
            dicData: [
              {
                label: "男",
                value: 1,
                value: 1
              },
              {
                label: "女",
                value: 2,
                value: 2
              },
              {
                label: "未知",
                value: 3,
              },
                value: 3
              }
            ],
            display: false,
            display: false
          },
          {
            label: "身份证号码",
            prop: "cardid",
            search: true,
            searchLabelWidth: 90,
            searchSpan: 5,
            searchSpan: 5
          },
          {
            label: "年龄",
            prop: "age",
            prop: "age"
          },
          {
            label: "年龄",
            prop: "ageType",
            type: "select",
            hide:true,
            search:true,
            searchSpan:4,
            dicData:[
            hide: true,
            search: true,
            searchSpan: 4,
            dicData: [
              {
                label:"全部",
                value:4
                label: "全部",
                value: 4
              },
              {
                label:"18-30周岁",
                value:1
                label: "18-30周岁",
                value: 1
              },
              {
                label:"30-45周岁",
                value:2
                label: "30-45周岁",
                value: 2
              },
              {
                label:"45-60周岁",
                value:3
              },
                label: "45-60周岁",
                value: 3
              }
            ],
            rules: [
              {
                required: true,
                message: "请选择年龄",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },
          {
            label: "联系电话",
            prop: "phone",
            display: false,
          },
        ],
      },
            display: false
          }
        ]
      }
    };
  },
  mounted() {
    this.$store.commit("setWindowSizeHeightAdd");
  },
  methods: {
    getPractitionersPageInfo(page, params = {}) {
      this.loading1 = true;
      if (this.card.jurisdiction == 1372091709474910209) {
        this.card.jurisdiction = "";
      }
@@ -179,13 +185,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;
      });
    },
@@ -202,10 +209,9 @@
      this.query1 = {};
      this.page1.currentPage = 1;
      this.refreshChange();
    },
  },
    }
  }
};
</script>

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