Smart_platform_ui/src/views/workManagement/task/index.vue

<template>
  <basic-container>
    <avue-crud :option="option"
               :data="dataList"
               ref="crud"
               v-model="form"
               :page.sync="page"
               :search.sync="search"
               :table-loading="loading"
               @search-change="searchChange"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">
      <template slot="cornIdSearch">
        <select-component
          v-model="search.cornId"
          :configuration="configuration"
        ></select-component>
      </template>
      <template slot="menuLeft">
        <el-button
          icon="el-icon-printer"
          size="small"
          type="primary"
          @click.stop="openReport()"
        >报 表
        </el-button>
      </template>
      <template slot-scope="scope" slot="menu">
        <el-button
          type="text"
          icon="el-icon-view"
          size="small"
          @click.stop=""
        >发送
        </el-button>
        <el-button
          type="text"
          icon="el-icon-edit"
          :disabled="scope.row.status != 1"
          size="small"
          @click.stop="completion(scope.row)"
        >完工
        </el-button>
      </template>
    </avue-crud>
  </basic-container>
</template>

<script>
  import option from "./configuration/mainList.json";
  import { getFlowList } from "@/api/workManagement/mainProject";
  import { updateItemStatus } from "@/api/workManagement/mainProject";
  export default {
    name: "customerInformation",
    data() {
      return {
        loading : false,
        form: {},
        search:{},
        configuration:{
          multipleChoices:false,
          multiple:false,
          disabled:false,
          searchShow:true,
          collapseTags:false,
          clearable:true,
          placeholder:'请点击右边按钮选择',
          dicData:[]
        },
        option: option,
        parentId:0,
        dataList: [],
        page: {
          pageSize: 10,
          pagerCount: 5,
          total: 0,
        },
        query:{}
      }
    },
    created() {

    },
    mounted() {
      option.height = window.innerHeight - 350 ;
    },
    methods: {
      //完工
      completion(row){
        this.$confirm("确认将此任务完工?", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          updateItemStatus(row.id,4).then(res =>{
            if(res.data.success){
              this.$message({
                type: "success",
                message: "操作成功!"
              });
              this.onLoad(this.page);
            }
          })
        });
      },
      //点击搜索按钮触发
      searchChange(params, done) {
        this.query = params;
        this.page.currentPage = 1;
        this.onLoad(this.page, params);
        done()
      },
      searchReset() {
        console.log('1')
      },
      selectionChange() {
        console.log('1')
      },
      currentChange() {
        console.log('1')
      },
      sizeChange() {
        console.log('1')
      },
      refreshChange() {
        console.log('1')
      },
      onLoad(page, params = {}) {
        if(!params.status){
          params.status = "1,4,5";
        }
        this.loading = true
        getFlowList(page.currentPage, page.pageSize,params).then(res =>{
          this.dataList = res.data.data.records
          this.page.total = res.data.data.total
          this.loading = false
        })
      },
    }
  }
</script>

<style scoped>

</style>