数据统计人员统计

guoshilong

2022-09-23 3909a52d26dca085a6ead5d0fbaca0ce512e27f7

 src/views/taskinfo/taskinfoPlan.vue

@@ -1,6 +1,6 @@
<template>
  <basic-container>
    <avue-crud :option="option"
    <avue-crud v-show="!isSetPlanUser" :option="option"
               :table-loading="loading"
               :data="data"
               :page.sync="page"
@@ -18,6 +18,9 @@
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">
      <template slot="routeRangeForm">
        <open-layers-map ref="OpenLayersMap" @toData="toData" :routeRange="form.routeRange"></open-layers-map>
      </template>
      <template slot="menuLeft">
        <el-button type="danger"
                   size="small"
@@ -28,7 +31,7 @@
        </el-button>
      </template>
      <template slot-scope="scope" slot="menu">
        <el-button style="margin-left:10px;" size="small" type="text" icon="el-icon-user" >设置巡检人</el-button>
        <el-button style="margin-left:10px;" size="small" type="text" icon="el-icon-user" @click="goToTaskplanUser(scope.row.id)">设置巡检人</el-button>
      </template>
      <template slot-scope="{type,size,row,index}" slot="menuBtn">
        <el-row style="width: 150px">
@@ -36,7 +39,7 @@
            <!--divided 是一个划分线-->
            <el-dropdown-item icon="el-icon-edit" :size="size" :type="type"
                              :disabled="row.state >= 1"
                              @click.native="$refs.crud.rowEdit(row,index)">修 改</el-dropdown-item>
                              @click.native="$refs.crud.rowEdit(row,index)">编 辑</el-dropdown-item>
          </el-col>
          <el-col :span="12">
            <el-dropdown-item icon="el-icon-delete" :size="size" :type="type"
@@ -58,17 +61,24 @@

      </template>
    </avue-crud>
    <taskplan-user v-show="isSetPlanUser" ref="taskplanUser" @setPlanUser="setPlanUser"></taskplan-user>
  </basic-container>
</template>



<script>
  import {getList, getDetail, add, update, remove, changeStatus} from "@/api/taskinfo/taskinfoPlan";
  import option from "@/const/taskinfo/taskinfoPlan";
  import {mapGetters} from "vuex";
  import TaskplanUser from "@/views/taskinfo/taskplanUser";
  import OpenLayersMap from "@/components/OpenLayersMap/index";

  export default {
    components: {TaskplanUser,OpenLayersMap},
    data() {
      return {
        isSetPlanUser:false,
        form: {},
        query: {},
        loading: true,
@@ -167,11 +177,7 @@
          });
      },
      beforeOpen(done, type) {
        if (["edit", "view"].includes(type)) {
          getDetail(this.form.id).then(res => {
            this.form = res.data.data;
          });
        } else {
        if (["add"].includes(type)) {
          this.form.status = 2
        }
        done();
@@ -221,7 +227,22 @@
          });
          this.$refs.crud.toggleSelection();
        })
      }
      },
      goToTaskplanUser(planId) {
        // this.$router.push({ path: "/taskinfo/taskplanUser", query: {planId:planId} });
        var page = {
          currentPage:1,
          pageSize:this.page.pageSize
        }
        this.$refs.taskplanUser.onLoad(page,{planId:planId});
        this.setPlanUser()
      },
      setPlanUser() {
        this.isSetPlanUser = !this.isSetPlanUser
      },
      toData(toData) {
        this.form.routeRange = toData
      },
    }
  };
</script>