44个表格在1366*768下的适配，保安员管理-》保安员查询中操作栏更改，在用户表左侧控制栏同步高

liuyg

2022-02-16 dc252ad2bd275f697c266e3c8b10cb7d540fdcaa

 src/views/securityGuardManagement/dispatchChildoperable.vue

@@ -1,26 +1,31 @@
<template>
  <basic-container>
    <div class="dispatchChildoperable">
      <avue-crud
        :option="option1"
        :data="data1"
        :page.sync="page1"
        ref="crudrec1"
        v-model="form"
        :table-loading="loading1"
        :before-open="beforeOpen"
        @row-save="rowSave1"
        @search-change="searchChange1"
        @search-reset="searchReset1"
        @row-update="rowUpdate1"
        @row-del="rowDel1"
        @selection-change="selectionChange1"
        @refresh-change="refreshChange1"
      >
      </avue-crud>
    </div>
  <basic-container
    :class="[
      $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
      $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '',
    ]"
  >
    <avue-crud
      class="tablesss"
      :option="option1"
      :data="data1"
      :page.sync="page1"
      ref="crudrec1"
      v-model="form"
      :table-loading="loading1"
      :before-open="beforeOpen"
      @row-save="rowSave1"
      @search-change="searchChange1"
      @search-reset="searchReset1"
      @row-update="rowUpdate1"
      @row-del="rowDel1"
      @selection-change="selectionChange1"
      @refresh-change="refreshChange1"
      @on-load="onLoad1"
    >
    </avue-crud>
  </basic-container>
</template> 
</template>

<script>
import {
@@ -46,6 +51,7 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize,
      },
      form: {},
      query1: {},
@@ -67,6 +73,7 @@
        // menuWidth: 160,
        align: "center",
        selection: true,
        ...this.$store.state.control.clearOtherBut,
        column: [
          // },
          {
@@ -77,7 +84,7 @@
            // search: true,
            // labelWidth: 120,
            // searchSpan: 4,
            minWidth: 210,
            minWidth: 110,
            addDisplay: false,
            editDisplay: false,
          },
@@ -85,9 +92,11 @@
            label: "保安公司",
            prop: "deptId",
            search: true,
            overHidden: true,
            labelWidth: 120,
            type: "tree",
            searchSpan: 4,
            searchLabelWidth: 75,
            cascaderItem: ["userIds"],
            props: {
              label: "title",
@@ -130,9 +139,10 @@
            label: "保安员",
            prop: "userIds",
            type: "tree",
            width: 70,
            width: 65,
            labelWidth: 120,
            searchSpan: 3,
            searchLabelWidth: 62,
            searchSpan: 4,
            search: true,
            hide: true,
            props: {
@@ -246,6 +256,7 @@
            valueFormat: "yyyy-MM-dd",
            searchValue: [this.getStartTime(), this.getEndTime()],
            searchRange: true,
            searchLabelWidth: 75,
            searchSpan: 5,
            hide: true,
            addDisplay: false,
@@ -263,6 +274,7 @@
          {
            label: "派遣地址",
            prop: "dispatcheraddress",
            overHidden: true,
            labelWidth: 120,
            rules: [
              {
@@ -502,6 +514,7 @@
        const data = res.data.data;
        this.page1.total = data.total;
        this.data1 = data.records;
        this.$store.commit("setWindowSizeHeightAdd");
        this.loading1 = false;
        // this.$nextTick(() => this.$refs.crudrec1.dicInit("cascader"));
        // console.log(this.form, 111111);
@@ -543,7 +556,8 @@
  //   }
  // },
  mounted() {
    this.onLoad1(this.page1, this.query1);
    // this.onLoad1(this.page1, this.query1);
    this.$store.commit("setWindowSizeHeightAdd");
  },
};
</script>
@@ -558,4 +572,4 @@
.el-collapse-item {
  padding-top: 15px !important;
}
</style>
</style>