我的工作台

src/api/task.js

@@ -0,0 +1,10 @@
+import request from '@/utils/httpRequest'
+
+// 任务列表
+export function getTaskList (params) {
+  return request({
+    url: request.adornUrl(`/biz-service/WorkController/list`),
+    method: 'get',
+    params: params
+  })
+}

src/views/modules/works/work.vue

@@ -0,0 +1,168 @@
+<!-- 我的工作台 -->
+<template>
+  <div class="works">
+    <el-form :inline="true" :model="dataForm" @keyup.enter.native="queryData()">
+      <el-form-item label="状态">
+        <el-select
+          v-model="dataForm.state"
+          remote
+          placeholder="请选择">
+          <el-option
+            v-for="item in optionsState"
+            :key="item.code"
+            :label="item.value"
+            :value="item.code">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="queryData()">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      border
+      v-loading="dataListLoading"
+      style="width: 100%;">
+      <el-table-column
+        label="序号"
+        type="index"
+        width="50"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="taskName"
+        header-align="center"
+        align="center"
+        min-width="140"
+        label="任务名称">
+      </el-table-column>
+      <el-table-column
+        prop="-"
+        header-align="center"
+        align="center"
+        min-width="200"
+        label="任务进度">
+      </el-table-column>
+      <el-table-column
+        prop="endTime"
+        header-align="center"
+        align="center"
+        min-width="140"
+        label="规定完成时间">
+      </el-table-column>
+      <el-table-column
+        prop="stepName"
+        header-align="center"
+        align="center"
+        label="工序内容">
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作">
+        <template slot-scope="scope">
+          <el-button v-if="isAuth('work:clt:start')" type="text" size="small" @click="startTask(scope.row.taskId)">开始</el-button>
+          <el-button v-if="isAuth('work:clt:complete')" type="text" size="small" @click="transferTask(scope.row.taskId)">移交</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+  import { getTaskList } from '@/api/task'
+  export default {
+    name: 'work',
+    data () {
+      return {
+        addOrUpdateVisible: false,
+        dataForm: {},
+        dataList: [],
+        pageIndex: 1,
+        pageSize: 10,
+        totalPage: 0,
+        dataListLoading: false,
+        dataListSelections: [],
+        optionsState: [
+          {
+            code: '1', value: '未完成'
+          },
+          {
+            code: '2', value: '待操作'
+          },
+          {
+            code: '3', value: '已完成'
+          }
+        ]
+      }
+    },
+    created () {
+      this.getDataList()
+    },
+    methods: {
+      // 查询
+      queryData () {
+        this.pageIndex = 1
+        this.getDataList()
+      },
+      // 获取数据列表
+      getDataList () {
+        this.dataListLoading = true
+        let params = {
+          'current': this.pageIndex,
+          'size': this.pageSize,
+          'state': this.dataForm.state
+        }
+        getTaskList(params).then(({data}) => {
+          if (data && data.code === '200') {
+            this.dataList = data.data.records
+            this.totalPage = Number(data.data.total)
+          } else {
+            this.dataList = []
+            this.totalPage = 0
+          }
+          this.dataListLoading = false
+        })
+      },
+      // 每页数
+      sizeChangeHandle (val) {
+        this.pageSize = val
+        this.pageIndex = 1
+        this.getDataList()
+      },
+      // 当前页
+      currentChangeHandle (val) {
+        this.pageIndex = val
+        this.getDataList()
+      },
+      // 多选
+      selectionChangeHandle (val) {
+        this.dataListSelections = val
+      },
+      // 开始
+      startTask (taskId) {
+        // todo
+      },
+      // 移交
+      transferTask (taskId) {
+        // todo
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>