Source/UBCS-WEB/src/views/work/todo.vue

@@ -1,17 +1,19 @@
<template>
  <basic-container>
    <avue-crud :option="option"
               :table-loading="loading"
               :data="data"
               ref="crud"
               v-model="form"
               @search-change="searchChange"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">
      :table-loading="loading"
      :data="data"
      ref="crud"
      v-model="form"
      :page.sync="page"
      @search-change="searchChange"
      @search-reset="searchReset"
      @selection-change="selectionChange"
      @current-change="currentChange"
      @size-change="sizeChange"
      @refresh-change="refreshChange"
      @row-click="clickRowChange"
      @on-load="onLoad">
      <template slot-scope="scope" slot="menu">
        <el-button type="text"
                   size="small"
@@ -64,7 +66,8 @@
        workBox: false,
        option: {
          height: 'auto',
          calcHeight: 30,
          calcHeight: 0,
          columnBtn:false,
          tip: false,
          simplePage: true,
          searchShow: true,
@@ -77,46 +80,47 @@
          viewBtn: false,
          delBtn: false,
          dialogWidth: 900,
          menuWidth: 200,
          menuWidth: 220,
          dialogClickModal: false,
          column: [
            {
              label: "流程分类",
              type: "select",
              row: true,
              dicUrl: "/api/ubcs-system/dict/dictionary?code=flow",
              props: {
                label: "dictValue",
                value: "dictKey"
              },
              dataType: "number",
              slot: true,
              prop: "category",
              search: true,
              hide: true,
              width: 100,
            },
            {
              label: '流程名称',
              prop: 'processDefinitionName',
              search: true,
            },
            {
              label: '当前步骤',
              prop: 'taskName',
            },
            {
              label: '流程版本',
              prop: 'processDefinitionVersion',
              slot: true,
              width: 80,
            },
            {
              label: '申请时间',
              prop: 'createTime',
              width: 165,
            },
          ]
          align: 'center',
          column: [{
            label: '流程名称',
            prop: 'processName',
            search: true,
            headerAlign:'center',
            align:'left',
            sortable:true,
            width:360,
            overHidden:true,
            formatter: (val) => {
              return val.variables.processName
            }
          }, {
            label: '发起人',
            prop: 'createUser',
            sortable:true,
            width:150,
            formatter: (val) => {
              return val.variables.createUser
            }
          }, {
            label: '发起时间',
            sortable:true,
            width:180,
            prop: 'processDefinitionStartTime'
          }, {
            label: '所属流程模板',
            sortable:true,
            width:200,
            prop: 'categoryName'
          }, {
            label: '流程描述',
            prop: 'processDesc',
            overHidden:true,
            formatter: (val) => {
              return val.variables.processDesc
            }
          }]
        },
        data: []
      };
@@ -144,16 +148,23 @@
      },
      selectionChange(list) {
        this.selectionList = list;
        this.$refs.crud.setCurrentRow(this.selectionList[list.length-1]);
      },
      clickRowChange(row){
        this.$refs.crud.toggleSelection();
        this.selectionList = row;
        this.$refs.crud.setCurrentRow(row);
        this.$refs.crud.toggleRowSelection(row); //选中当前行
      },
      selectionClear() {
        this.selectionList = [];
        this.$refs.crud.toggleSelection();
      },
      handleWork(row) {
        this.$router.push({ path: `/work/process/${flowRoute(this.flowRoutes, row.category)}/handle/${row.taskId}/${row.processInstanceId}/${row.businessId}` });
        this.$router.push({ path: `/work/process/${flowRoute(this.flowRoutes, row.category)}/handle/${row.taskId}/${row.processInstanceId}/${row.businessId}?name=`+'处理'+row.categoryName });
      },
      handleDetail(row) {
        this.$router.push({ path: `/work/process/${flowRoute(this.flowRoutes, row.category)}/detail/${row.processInstanceId}/${row.businessId}` });
        this.$router.push({ path: `/work/process/${flowRoute(this.flowRoutes, row.category)}/detail/${row.processInstanceId}/${row.businessId}?name=` +row.categoryName+'详情'});
      },
      handleImage(row) {
        this.processInstanceId = row.processInstanceId;