派遣记录分页无效问题

shuishen

2021-11-12 d56a5fe0925af9df27a99c93e346b7620dff5c72

派遣记录分页无效问题

 src/views/dispatch/dispatchChildoperable.vue

@@ -2,20 +2,21 @@
  <basic-container>
    <div class="dispatchChildoperable">
      <avue-crud
        :option="option1"
        :data="data1"
        :page.sync="page1"
        :option="option"
        :data="data"
        :page.sync="page"
        ref="crudrec1"
        v-model="form"
        :table-loading="loading1"
        :table-loading="loading"
        :before-open="beforeOpen"
        @row-save="rowSave1"
        @search-change="searchChange1"
        @search-reset="searchReset1"
        @row-update="rowUpdate1"
        @row-del="rowDel1"
        @selection-change="selectionChange1"
        @refresh-change="refreshChange1"
        @row-save="rowSave"
        @search-change="searchChange"
        @search-reset="searchReset"
        @row-update="rowUpdate"
        @row-del="rowDel"
        @selection-change="selectionChange"
        @refresh-change="refreshChange"
        @current-change="currentChange"
      >
      </avue-crud>
    </div>
@@ -39,17 +40,17 @@
    return {
      deptCategory: "",
      deptId: "",
      loading1: true, //派遣记录
      loading: true, //派遣记录
      selectionList1: [],
      page1: {
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      form: {},
      query1: {},
      data1: [],
      option1: {
      data: [],
      option: {
        // card: true,
        tip: false,
        index: true,
@@ -287,13 +288,13 @@
  created() {
    var that = this;
    if (this.userInfo.role_name == "保安公司管理员") {
      const deptColumn = this.findObject(this.option1.column, "deptId");
      const deptColumn = this.findObject(this.option.column, "deptId");
      deptColumn.search = false;
      deptColumn.hide = true;
      this.useifid = this.userInfo.dept_id;
    } else {
      const deptColumn = this.findObject(
        this.option1.column,
        this.option.column,
        "dispatcherUnitId"
      );
      deptColumn.search = false;
@@ -301,11 +302,11 @@

    //公安局进入
    if (this.userInfo.role_name == "公安管理员") {
      that.option1.column[1].dicUrl =
      that.option.column[1].dicUrl =
        "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
        that.userInfo.jurisdiction;
    } else {
      that.option1.column[1].dicUrl =
      that.option.column[1].dicUrl =
        "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
    }
  },
@@ -330,30 +331,30 @@
    handleChangeTABS(column) {
      this.typeTABS = column;
      if (column.prop == "tab1") {
        this.loading1 = false;
        this.loading = false;
        // this.onLoad(this.page);
      } else if (column.prop == "tab2") {
        // this.loading = false;
        this.onLoad1(this.page1); //第二个表格不会自动执行
        this.onLoad(this.page); //第二个表格不会自动执行
      }
      // this.$message.success(JSON.stringify(column));
    },

    //派遣记录
    sizeChange1(val) {
      this.page1.currentPage = 1;
      this.page1.pageSize = val;
      this.page.currentPage = 1;
      this.page.pageSize = val;
      // this.getData();
      this.onLoad1(this.page1, this.query1);
      this.onLoad(this.page, this.query1);
    },
    currentChange1(val) {
      this.page1.currentPage = val;
    currentChange(val) {
      this.page.currentPage = val;
      // this.getData();
      this.onLoad1(this.page1, this.query1);
      this.onLoad(this.page, this.query1);
    },
    rowSave1(form, done, loading) {
    rowSave(form, done, loading) {
      // if(this.userInfo.role_name=="保安公司管理员"){
      //   const userColumn = this.findObject(this.option1.column, "userIds");
      //   const userColumn = this.findObject(this.option.column, "userIds");
      //   userColumn.dicUrl = "/api/blade-user/page-security-units?deptId="+this.userInfo.dept_id;
      // }
      if (this.useifid != 266) {
@@ -361,11 +362,11 @@
      }
      console.log(form,123456);
      form["ids"] = form.userIds.join(","),
      delete form.userIds; 
      delete form.userIds;
      console.log(form,321);
      saveDispatcher(form).then(
        (res) => {
          this.onLoad1(this.page1);
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
@@ -379,19 +380,19 @@
      );
      // }
    },
    searchChange1(params, done) {
    searchChange(params, done) {
      this.query1 = params;
      this.page1.currentPage = 1;
      this.onLoad1(this.page1, params);
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
    },
    searchReset1() {
    searchReset() {
      this.query1 = {};
      this.onLoad1(this.page1);
      this.onLoad(this.page);
    },
    rowUpdate1(row, index, done, loading) {
    rowUpdate(row, index, done, loading) {
      // if(this.userInfo.role_name=="保安公司管理员"){
      //   const userColumn = this.findObject(this.option1.column, "userIds");
      //   const userColumn = this.findObject(this.option.column, "userIds");
      //   userColumn.dicUrl = "/api/blade-user/page-security-units?deptId="+this.userInfo.dept_id;
      // }
      if (this.useifid != 266) {
@@ -399,7 +400,7 @@
      }
      updateDispatcher(row).then(
        () => {
          this.onLoad1(this.page1);
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
@@ -412,7 +413,7 @@
        }
      );
    },
    rowDel1(row) {
    rowDel(row) {
      this.$confirm("确定结束当前派遣?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
@@ -422,14 +423,14 @@
          return overDispatcher(row);
        })
        .then(() => {
          this.onLoad1(this.page1);
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
    },
    selectionChange1(list) {
    selectionChange(list) {
      this.selectionList1 = list;
    },
    handleDelete1() {
@@ -446,7 +447,7 @@
          return remove1(this.ids1);
        })
        .then(() => {
          this.onLoad1(this.page1);
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
@@ -454,20 +455,20 @@
          this.$refs.crudrec1.toggleSelection();
        });
    },
    refreshChange1() {
      this.onLoad1(this.page1, this.query1);
    refreshChange() {
      this.onLoad(this.page, this.query1);
    },

    beforeOpen(done, type,row) {
      this.initFlag = true;
      if(type=="edit"){
        console.log(row,123);
        const userColumn = this.findObject(this.option1.column, "userIds");
        const userColumn = this.findObject(this.option.column, "userIds");
        userColumn.multiple = false;
        userColumn.dicUrl = "/api/blade-user/security-dispatcher-tree?deptId="+this.userInfo.dept_id+"&id="+this.form.userIds+"&realName="+this.form.securityName;
      }
      if(type=="add"){
        const userColumn = this.findObject(this.option1.column, "userIds");
        const userColumn = this.findObject(this.option.column, "userIds");
        userColumn.multiple = true;
        userColumn.dicUrl = "/api/blade-user/security-dispatcher-tree?deptId="+this.userInfo.dept_id;
      }
@@ -495,8 +496,8 @@
      return "";
    },
    //
    onLoad1(page, params = {}) {
      this.loading1 = true;
    onLoad(page, params = {}) {
      this.loading = true;
      var values;
      //默认查询已派遣的，派遣结束，未派遣的不显示
      params["dispatch"] = 0;
@@ -517,7 +518,7 @@
      }

      if (this.userInfo.role_name == "保安公司管理员") {
        const deptColumn = this.findObject(this.option1.column, "deptId");
        const deptColumn = this.findObject(this.option.column, "deptId");
        deptColumn.disabled = true;
        // deptColumn.search = false; //会报错
        deptColumn.value = this.userInfo.dept_id;
@@ -539,9 +540,9 @@
        values
      ).then((res) => {
        const data = res.data.data;
        this.page1.total = data.total;
        this.data1 = data.records;
        this.loading1 = false;
        this.page.total = data.total;
        this.data = data.records;
        this.loading = false;
        // this.$nextTick(() => this.$refs.crudrec1.dicInit("cascader"));
      });
    },
@@ -550,7 +551,7 @@
      if (type == 1) {
        getDispatcherUnitByDeptId(null).then((res) => {
          const dispatcherUnitIdColumn = that.findObject(
            this.option1.column,
            this.option.column,
            "dispatcherUnitId"
          );
          dispatcherUnitIdColumn.dicData = res.data.data;
@@ -559,13 +560,13 @@
      if (type == 2) {
        getDispatcherUnitByDeptId(that.userInfo.dept_id).then((res) => {
          const dispatcherUnitIdColumn = that.findObject(
            this.option1.column,
            this.option.column,
            "dispatcherUnitId"
          );
          dispatcherUnitIdColumn.dicData = res.data.data;
        });
        getSecurityDispatcherTree(that.userInfo.dept_id, 1).then((res) => {
          const userIdsColumn = that.findObject(this.option1.column, "userIds");
          const userIdsColumn = that.findObject(this.option.column, "userIds");
          userIdsColumn.dicData = res.data.data;
        });
      }
@@ -579,7 +580,7 @@
  //   }
  // },
  mounted() {
    this.onLoad1(this.page1, this.query1);
    this.onLoad(this.page, this.query1);
  },
};
</script>