|
@@ -0,0 +1,143 @@
|
|
|
+<template>
|
|
|
+ <el-dialog
|
|
|
+ :before-close="close"
|
|
|
+ destroy-on-close
|
|
|
+ title="历史导入记录"
|
|
|
+ :visible.sync="importVisible"
|
|
|
+ width="900px"
|
|
|
+ >
|
|
|
+ <el-table v-loading="listLoading" border :data="tasksList">
|
|
|
+ <el-table-column align="center" label="序号" width="55">
|
|
|
+ <template #default="{ $index }">
|
|
|
+ {{ $index + 1 }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="文件名称"
|
|
|
+ prop="name"
|
|
|
+ show-overflow-tooltip
|
|
|
+ width="300"
|
|
|
+ >
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div>{{ row.name }}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="状态"
|
|
|
+ show-overflow-tooltip
|
|
|
+ width="100"
|
|
|
+ >
|
|
|
+ <template #default="{ row }">
|
|
|
+ <el-tag v-if="row.make_status == 0" type="warning">待生成</el-tag>
|
|
|
+ <el-tag v-if="row.make_status == 1" type="primary">生成中</el-tag>
|
|
|
+ <el-tag v-if="row.make_status == 2" type="success">生成完成</el-tag>
|
|
|
+ <el-tag v-if="row.make_status == 3" type="danger">生成失败</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="信息"
|
|
|
+ min-width="350"
|
|
|
+ prop="name"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div>{{ row.result || '--' }}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="操作人"
|
|
|
+ prop="name"
|
|
|
+ show-overflow-tooltip
|
|
|
+ width="140"
|
|
|
+ >
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div>{{ row.admin.name || '--' }}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="时间"
|
|
|
+ prop="name"
|
|
|
+ show-overflow-tooltip
|
|
|
+ width="180"
|
|
|
+ >
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div>{{ row.created_at || '--' }}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <template #empty>
|
|
|
+ <el-image
|
|
|
+ class="vab-data-empty"
|
|
|
+ :src="require('@/assets/empty_images/data_empty.png')"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ :current-page="queryFormRecord.page"
|
|
|
+ :layout="layout"
|
|
|
+ :page-size="queryFormRecord.per_page"
|
|
|
+ :total="total"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ />
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ import { getTasks } from './api/index.js'
|
|
|
+ export default {
|
|
|
+ name: 'ImportRecord',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ listLoading: true,
|
|
|
+ layout: 'total, sizes, prev, pager, next, jumper',
|
|
|
+ total: 20,
|
|
|
+ queryFormRecord: {
|
|
|
+ page: 1,
|
|
|
+ per_page: 10,
|
|
|
+ type: '',
|
|
|
+ admin_id: localStorage.getItem('admin_id'),
|
|
|
+ },
|
|
|
+ tasksList: [],
|
|
|
+ importVisible: false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ showEdit(res) {
|
|
|
+ this.importVisible = true
|
|
|
+ this.queryFormRecord.type = res.type
|
|
|
+ this.tasksfn()
|
|
|
+ },
|
|
|
+ //初始化历史记录数据
|
|
|
+ async tasksfn() {
|
|
|
+ this.listLoading = true
|
|
|
+ const {
|
|
|
+ data: { list, meta },
|
|
|
+ } = await getTasks(this.queryFormRecord)
|
|
|
+ this.tasksList = list
|
|
|
+ this.total = meta.pagination.total
|
|
|
+ this.listLoading = false
|
|
|
+ },
|
|
|
+ //切换当前页数据条数
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.queryFormRecord.per_page = val
|
|
|
+ this.tasksfn()
|
|
|
+ },
|
|
|
+ //切换页码
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.queryFormRecord.page = val
|
|
|
+ this.tasksfn()
|
|
|
+ },
|
|
|
+ close() {
|
|
|
+ this.queryFormRecord.type = ''
|
|
|
+ this.importVisible = false
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped></style>
|