创搭平台——模版工程任务中心

此依赖为创搭平台的任务中心模块，作为基础组件使用

一、安装

$ npm install gc-starter-lowcode-workflow

二、在创搭平台——模版工程中使用

在组件中引入组件和样式

任务中心

<template>
  <div>
    <LowcodeTaskCenter />
  </div>
</template>
<script>
import { LowcodeTaskCenter } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskCenter
  }
}
</script>

发起流程

<template>
  <div>
    <LowcodeAddTask />
  </div>
</template>
<script>
import { LowcodeAddTask } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeAddTask
  }
}
</script>

抄送我的

<template>
  <div>
    <LowcodeTaskTable ref="Table" />
  </div>
</template>

<script>
import { LowcodeTaskTable } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskTable
  },
  mounted () {
    this.$refs.Table.getDataList('ccToMeCount', 'ccToMe')
  }
}
</script>

我的转办

<template>
  <div>
    <LowcodeTaskTable ref="Table" />
  </div>
</template>

<script>
import { LowcodeTaskTable } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskTable
  },
  mounted () {
    this.$refs.Table.getDataList('deliverByMeCount', 'deliver')
  }
}
</script>

转办给我

<template>
  <div>
    <LowcodeTaskTable ref="Table" />
  </div>
</template>

<script>
import { LowcodeTaskTable } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskTable
  },
  mounted () {
    this.$refs.Table.getDataList('deliverToMeCount', 'todo', { commentType: 'ZB' })
  }
}
</script>

我的已办

<template>
  <div>
    <LowcodeTaskTable ref="Table" />
  </div>
</template>

<script>
import { LowcodeTaskTable } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskTable
  },
  mounted () {
    this.$refs.Table.getDataList('doneCountByUser', 'done')
  }
}
</script>

我的委托

<template>
  <div>
    <LowcodeTaskTable ref="Table" />
  </div>
</template>

<script>
import { LowcodeTaskTable } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskTable
  },
  mounted () {
    this.$refs.Table.getDataList('entrustByMeCount', 'entrust')
  }
}
</script>

委托我的

<template>
  <div>
    <LowcodeTaskTable ref="Table" />
  </div>
</template>

<script>
import { LowcodeTaskTable } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskTable
  },
  mounted () {
    this.$refs.Table.getDataList('entrustToMeCount', 'todo', { commentType: 'WP' })
  }
}
</script>

我发起的

<template>
  <div>
    <LowcodeTaskTable ref="Table" />
  </div>
</template>

<script>
import { LowcodeTaskTable } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskTable
  },
  mounted () {
    this.$refs.Table.getDataList('startedByMeCount', 'startedBy')
  }
}
</script>

全部待办

<template>
  <div>
    <LowcodeTaskTable ref="Table" />
  </div>
</template>

<script>
import { LowcodeTaskTable } from 'gc-starter-lowcode-workflow'
import 'gc-starter-lowcode-workflow/lib/lowcodeWorkflow.css'
export default {
  components: {
    LowcodeTaskTable
  },
  mounted () {
    this.$refs.Table.getDataList('todoCountByUser', 'todo')
  }
}
</script>