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

liuyg

2022-02-15 a38281e697cde9f45926a6af0c88bec14501fec0

 src/views/people/expression.vue

@@ -1,17 +1,15 @@
/**
*liu
**/


/** *liu **/

<template>
  <basic-container
    :class="[
      'dispatchChildoperable',
      $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"
@@ -33,7 +31,7 @@
import {
  securityBaseInfoColumn,
  practitionersColumn,
  trackRecordColumn,
  trackRecordColumn
} from "./data";
import { getUserPractitionersInfo } from "@/api/system/user";
import { mapGetters } from "vuex";
@@ -51,7 +49,7 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize,
        ...this.$store.state.control.changePageSize
      },
      query1: {},
      data1: [],
@@ -71,8 +69,8 @@
        headerAlign: "center",
        align: "center",
        column: trackRecordColumn,
        ...this.$store.state.control.clearOtherBut,
      },
        ...this.$store.state.control.clearOtherBut
      }
    };
  },
  computed: {
@@ -80,11 +78,11 @@

    ids1() {
      let ids1 = [];
      this.selectionList1.forEach((ele) => {
      this.selectionList1.forEach(ele => {
        ids1.push(ele.id);
      });
      return ids1.join(",");
    },
    }
  },
  methods: {
    sizeChange1(val) {
@@ -98,15 +96,15 @@
    },
    rowSave1(form, done, loading) {
      adddata1(form).then(
        (res) => {
        res => {
          this.onLoad1(this.page1);
          this.$message({
            type: "success",
            message: "操作成功!",
            message: "操作成功!"
          });
          done();
        },
        (error) => {
        error => {
          window.console.log(error);
          loading();
        }
@@ -129,11 +127,11 @@
          this.onLoad1(this.page1);
          this.$message({
            type: "success",
            message: "操作成功!",
            message: "操作成功!"
          });
          done();
        },
        (error) => {
        error => {
          window.console.log(error);
          loading();
        }
@@ -143,7 +141,7 @@
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        type: "warning"
      })
        .then(() => {
          return remove1(row.id);
@@ -152,7 +150,7 @@
          this.onLoad1(this.page1);
          this.$message({
            type: "success",
            message: "操作成功!",
            message: "操作成功!"
          });
        });
    },
@@ -169,7 +167,7 @@
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        type: "warning"
      })
        .then(() => {
          return remove1(this.ids1);
@@ -178,7 +176,7 @@
          this.onLoad1(this.page1);
          this.$message({
            type: "success",
            message: "操作成功!",
            message: "操作成功!"
          });
          this.$refs.crudrec1.toggleSelection();
        });
@@ -215,18 +213,20 @@

      params = {
        ...params,
        securityid: cardid,
        securityid: cardid
      };
      getpage(page1.currentPage, page1.pageSize, params).then((res2) => {
      getpage(page1.currentPage, page1.pageSize, params).then(res2 => {
        const data = res2.data.data;
        this.page1.total = data.total;
        this.data1 = data.records;
        console.log(this.data1, 1);
        // console.log(this.data1, 1);
        this.$store.commit("setWindowSizeHeightAdd");
        this.loading1 = false;
      });
    },
    }
  },
  mounted() {
    this.$store.commit("setWindowSizeHeightAdd");
    this.onLoad1(this.page1, this.query1);
    //去掉缓存
    // this.typeTABS = this.optionTABS.column[0];
@@ -261,7 +261,7 @@
    //   // console.log("no");
    //   this.obj0.name = " 未选择派遣单位";
    // }
  },
  }
};
</script>