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

liuyg

2022-02-15 a38281e697cde9f45926a6af0c88bec14501fec0

 src/views/securityAnalysis/child/certificate.vue

@@ -2,17 +2,19 @@
  <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"
       @sort-change="sortChange"
      @on-load="getPractitionersPageInfo(page1)"
      @sort-change="sortChange"
      @on-load="getPractitionersPageInfo"
      @search-change="searchChange"
      @search-reset="searchReset"
      @refresh-change="refreshChange"
@@ -49,10 +51,10 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize,
        ...this.$store.state.control.changePageSize
      },
      query1: {},
      search:{},
      search: {},
      data1: [],
      option1: {
        addBtn: false,
@@ -81,7 +83,7 @@
            width: 80,
            overHidden: true,
            searchSpan: 3,
            search: true,
            search: true
          },
          {
            label: "企业名称",
@@ -89,16 +91,16 @@
            // prop: "deptName",
            prop: "deptId",
            type: "tree",
            sortable:true,
            sortable: true,
            dicUrl: dicUrl,
            props: {
              label: "title",
              value: "id",
              value: "id"
            },
            searchSpan: 5,
            display: false,
            search: true,
            minWidth: 220,
            minWidth: 220
          },
          {
            label: "性别",
@@ -108,18 +110,18 @@
            dicData: [
              {
                label: "男",
                value: 1,
                value: 1
              },
              {
                label: "女",
                value: 2,
                value: 2
              },
              {
                label: "未知",
                value: 3,
              },
                value: 3
              }
            ],
            display: false,
            display: false
          },
          {
            label: "身份证号码",
@@ -128,7 +130,7 @@
            searchLabelWidth: 90,
            searchSpan: 5,
            minWidth: 140,
            display: false,
            display: false
          },
          {
            label: "学历",
@@ -138,7 +140,7 @@
            dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
            props: {
              label: "dictValue",
              value: "dictKey",
              value: "dictKey"
            },
            type: "select",
            // hide: true,
@@ -146,15 +148,15 @@
              {
                required: true,
                message: "请选择学历",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },
          {
            label: "联系电话",
            prop: "phone",
            minWidth: 100,
            display: false,
            display: false
          },
          {
            label: "是否持证",
@@ -167,31 +169,34 @@
            dicData: [
              {
                label: "持证",
                value: "1",
                value: "1"
              },
              {
                label: "未持证",
                value: "2",
                value: "2"
              },
              {
                label: "已吊销",
                value: "3",
              },
            ],
                value: "3"
              }
            ]
          },
          {
            label: "保安证编号",
            prop: "securitynumber",
            disabled: true,
            disabled: true
          },
          {
            label: "发证时间",
            prop: "paperTime",
            disabled: true,
          },
        ],
      },
            disabled: true
          }
        ]
      }
    };
  },
  mounted() {
    this.$store.commit("setWindowSizeHeightAdd");
  },
  methods: {
    //排序
@@ -218,9 +223,9 @@
      params = this.search;
      var that = this;
      if (this.card.jurisdiction == 1372091709474910209) {
        params['jurisdiction'] = "";
      }else{
        params['jurisdiction'] = this.card.jurisdiction;
        params["jurisdiction"] = "";
      } else {
        params["jurisdiction"] = this.card.jurisdiction;
      }
      if (this.sort) {
        params["sort"] = this.sort;
@@ -228,17 +233,18 @@
      if (this.sortName) {
        params["sortName"] = this.sortName;
      }
      params['status'] = 1;
      params["status"] = 1;

      params = {
        ...params,
        ...this.query1,
        ...this.query1
      };
      getList(page.currentPage, page.pageSize, params).then((res) => {
      getList(page.currentPage, page.pageSize, params).then(res => {
        const data = res.data.data;
        this.data1 = data.records;
        this.page1.total = data.total;
        this.loading1 = false;
        this.$store.commit("setWindowSizeHeightAdd");
        that.selectionClear();
      });
    },
@@ -254,10 +260,9 @@
    searchReset() {
      this.query = {};
      this.getPractitionersPageInfo(this.page1, this.query1);
    },
  },
    }
  }
};
</script>

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