| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <template>
- <!-- 任务审核记录 -->
- <div class="auditRecords">
- <el-dialog title="查看审核记录" :visible.sync="dialogVisible" width="1000px" :before-close="handleClose" :close-on-click-modal="false">
- <el-table :data="tableData" style="width: 100%;" border header-row-class-name="custom-table-header">
- <el-table-column label="#" align="center" width="60px">
- <template slot-scope="scope">
- <div>
- {{ (queryParams.current - 1) * queryParams.size + scope.$index + 1 }}
- </div>
- </template>
- </el-table-column>
- <el-table-column prop="name" label="任务名称" align="center"></el-table-column>
- <el-table-column prop="type" label="任务类型" align="center"></el-table-column>
- <el-table-column prop="createPerson" label="发起人" align="center"></el-table-column>
- <el-table-column prop="handlePerson" label="处理人" align="center"></el-table-column>
- <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
- <el-table-column prop="endTime" label="截止时间" align="center"></el-table-column>
- <el-table-column prop="status" label="状态" align="center"></el-table-column>
- </el-table>
- <div style="text-align: center;padding-top: 20px;">
- <el-pagination background layout="total, prev, pager, next, jumper" :current-page.sync="queryParams.current"
- :page-size.sync="queryParams.size" @current-change="handleCurrentChange" :total="queryParams.total">
- </el-pagination>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button type="primary" @click="handleClose">关 闭</el-button>
- </span>
- </el-dialog>
- </div>
- </template>
- <script>
- export default {
- data() {
- return {
- tableData: [],
- dialogVisible: false,
- queryParams: {
- current: 1,
- size: 10,
- total: 0,
- },
- }
- },
- mounted() {
- },
- methods: {
- getList() { },
- // 打开弹窗
- open() {
- // this.getList()
- this.dialogVisible = true
- },
- handleClose() {
- this.dialogVisible = false
- },
- // 分页查询
- handleCurrentChange(val) {
- this.queryParams.current=val
- this.getList()
- },
-
- },
- }
- </script>
- <style lang="scss" scoped></style>
|
