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

liuyg

2022-02-15 a38281e697cde9f45926a6af0c88bec14501fec0

 src/views/securityAnalysis/child/dispatch.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"
@@ -45,7 +47,7 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize,
        ...this.$store.state.control.changePageSize
      },
      query1: {},
      data1: [],
@@ -78,7 +80,7 @@
            searchSpan: 5,
            width: 210,
            // span: 12,
            labelWidth: 118,
            labelWidth: 118
          },
          // {
          //   label: "派遣单位地址",
@@ -99,7 +101,7 @@
            dicUrl: dicUrl,
            props: {
              label: "title",
              value: "id",
              value: "id"
            },
            // hide: true,
            // hide: !website.tenantMode,
@@ -110,14 +112,14 @@
              {
                required: true,
                message: "请选择保安公司",
                trigger: "click",
              },
                trigger: "click"
              }
            ],
            labelWidth: 118,
            width: 230,
            searchLabelWidth: 80,
            search: search,
            searchSpan: 5,
            searchSpan: 5
            // editDisplay: false,
            // addDisplay: false,
            // hide: true,
@@ -166,7 +168,7 @@
            searchSpan: 4,
            overHidden: true,
            // span: 12,
            labelWidth: 118,
            labelWidth: 118
          },
          {
            label: "合同生效时间",
@@ -187,18 +189,18 @@
              {
                required: true,
                message: "请输入时间",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },
          

          {
            label: "合同开始时间",
            prop: "startTime",
            labelWidth: 118,
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd"
            // search: true,
            // searchSpan: 4,
            // overHidden: true
@@ -209,7 +211,7 @@
            labelWidth: 118,
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd"
            // search: true,
            // searchSpan: 4,
            // overHidden: true
@@ -218,18 +220,18 @@
            label: " 派遣人数",
            prop: "snum",
            labelWidth: 118,
            width:90
            width: 90
          },
          {
            label: " 负责人",
            prop: "linkman",
            labelWidth: 118,
            labelWidth: 118
          },
          {
            label: "负责人联系方式",
            prop: "phone",
            labelWidth: 118,
            width: 110,
            width: 110
          },
          {
            label: "所属辖区",
@@ -244,7 +246,7 @@
            dicUrl: "/api/jurisdiction/lazy-tree",
            props: {
              label: "title",
              value: "id",
              value: "id"
            },
            checkStrictly: true,
            slot: true,
@@ -252,9 +254,9 @@
              {
                required: true,
                message: "请选择所属辖区",
                trigger: "click",
              },
            ],
                trigger: "click"
              }
            ]
          },
          {
            label: "所属辖区",
@@ -270,7 +272,7 @@
            dicUrl: "/api/jurisdiction/lazy-tree",
            props: {
              label: "title",
              value: "id",
              value: "id"
            },
            checkStrictly: true,
            slot: true,
@@ -278,13 +280,16 @@
              {
                required: true,
                message: "请选择所属辖区",
                trigger: "click",
              },
            ],
          },
        ],
      },
                trigger: "click"
              }
            ]
          }
        ]
      }
    };
  },
  mounted() {
    this.$store.commit("setWindowSizeHeightAdd");
  },
  methods: {
    getStartTime() {
@@ -308,6 +313,7 @@
      return "";
    },
    getPractitionersPageInfo(page, params = {}) {
      this.loading1 = true;
      if (this.card.jurisdiction == 1372091709474910209) {
        this.card.jurisdiction = "";
      }
@@ -320,7 +326,7 @@
          beginTime: releaseTimeRange[0],
          overTime: releaseTimeRange[1],
          status: 1,
          ...this.query1,
          ...this.query1
        };
        // values.releaseTimeRange = null;
      } else {
@@ -328,15 +334,16 @@
          ...params,
          ...this.card,
          ...this.query1,
          status: 1,
          status: 1
        };
      }
      // console.log(params);
      getdata(page.currentPage, page.pageSize, params).then((res) => {
      getdata(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;
      });
    },
@@ -358,10 +365,9 @@
      this.page1.currentPage = 1;
      this.refreshChange();
      // console.log(212);
    },
  },
    }
  }
};
</script>

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