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

@@ -12,18 +12,19 @@
               @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"
                   icon="el-icon-info"
                   v-if="permission.work_done_detail"
                   v-if="permissionList.detailBtn"
                   @click.stop="handleDetail(scope.row)">详情
        </el-button>
        <el-button type="text"
                   size="small"
                   icon="el-icon-search"
                   v-if="permission.work_done_follow"
                   v-if="permissionList.follow"
                   @click.stop="handleImage(scope.row,scope.index)">流程图
        </el-button>
      </template>
@@ -59,8 +60,9 @@
        workBox: false,
        option: {
          height: 'auto',
          calcHeight: 30,
          calcHeight: 0,
          tip: false,
          columnBtn:false,
          searchShow: true,
          searchMenuSpan: 6,
          border: true,
@@ -73,50 +75,62 @@
          dialogWidth: 900,
          menuWidth: 150,
          dialogClickModal: false,
          column: [
            {
              label: "流程分类",
              type: "select",
              row: true,
              dicUrl: "/api/blade-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,
            overHidden:true,
            width:300,
            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:180,
            prop: 'createTime'
          }, {
            label: '所属流程模板',
            sortable: true,
            width:200,
            prop: 'categoryName'
          }, {
            label: '流程启动时描述',
            prop: 'processDesc',
            overHidden:true,
            formatter: (val) => {
              return val.variables.processDesc
            }
          }]
        },
        data: []
      };
    },
    computed: {
      ...mapGetters(["permission", "flowRoutes"]),
      ...mapGetters(["permission", "flowRoutes","permission"]),
      permissionList(){
        return{
          detailBtn:this.vaildData(this.permission.work_done.work_done_detail,false),
          follow:this.vaildData(this.permission.work_done.work_done_follow,false),
        }
      },
      ids() {
        let ids = [];
        this.selectionList.forEach(ele => {
@@ -136,15 +150,22 @@
        this.onLoad(this.page, params);
        done();
      },
      clickRowChange(row){
        this.$refs.crud.toggleSelection();
        this.selectionList = row;
        this.$refs.crud.setCurrentRow(row);
        this.$refs.crud.toggleRowSelection(row); //选中当前行
      },
      selectionChange(list) {
        this.selectionList = list;
        this.$refs.crud.setCurrentRow(this.selectionList[list.length-1]);
      },
      selectionClear() {
        this.selectionList = [];
        this.$refs.crud.toggleSelection();
      },
      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;