|
@ -4,7 +4,7 @@ |
|
|
<div class="connection-header collect-header" style="margin-bottom: 20px;"> |
|
|
<div class="connection-header collect-header" style="margin-bottom: 20px;"> |
|
|
<div class="head-search" style="margin-bottom: 0;"> |
|
|
<div class="head-search" style="margin-bottom: 0;"> |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="selectStatus" |
|
|
|
|
|
|
|
|
v-model="status" |
|
|
style="margin-right: 10px; width: 100px;" |
|
|
style="margin-right: 10px; width: 100px;" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
> |
|
|
> |
|
@ -15,8 +15,8 @@ |
|
|
:value="item.value" |
|
|
:value="item.value" |
|
|
/> |
|
|
/> |
|
|
</el-select> |
|
|
</el-select> |
|
|
<el-input v-model="query.search" clearable size="small" placeholder="输入关键字可模糊搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="handleSearch()" @clear="handleSearch()" /> |
|
|
|
|
|
<el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="handleSearch()">搜索</el-button> |
|
|
|
|
|
|
|
|
<el-input v-model="search" clearable size="small" placeholder="输入关键字可模糊搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="getBusinessFlowHistory()" @clear="getBusinessFlowHistory()" /> |
|
|
|
|
|
<el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getBusinessFlowHistory()">搜索</el-button> |
|
|
<el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button> |
|
|
<el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button> |
|
|
</div> |
|
|
</div> |
|
|
<el-button size="mini" :disabled="selections.length === 0" @click="doExport(selections)"> |
|
|
<el-button size="mini" :disabled="selections.length === 0" @click="doExport(selections)"> |
|
@ -24,64 +24,60 @@ |
|
|
导出 |
|
|
导出 |
|
|
</el-button> |
|
|
</el-button> |
|
|
</div> |
|
|
</div> |
|
|
<el-table ref="table" :data="tableData" style="width: 100%;" height="calc(100vh - 330px)" @select="handleCurrentChange" @selection-change="selectionChangeHandler" @row-dblclick="handleDetail"> |
|
|
|
|
|
<el-table-column type="selection" align="center" width="55" /> |
|
|
|
|
|
<el-table-column prop="title" label="导出类型" /> |
|
|
|
|
|
<el-table-column prop="title" label="包名" /> |
|
|
|
|
|
<el-table-column prop="reason" label="任务条数" /> |
|
|
|
|
|
<el-table-column prop="reason" label="操作人" /> |
|
|
|
|
|
<el-table-column prop="dept" label="任务状态"> |
|
|
|
|
|
<template> |
|
|
|
|
|
<span class="row-state ing-state">导出中</span> |
|
|
|
|
|
<span class="row-state end-state">导出成功</span> |
|
|
|
|
|
<span class="row-state cancel-state">导出失败</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="create_time" label="操作时间"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div>{{ scope.row.create_time | parseTime }}</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
</el-table> |
|
|
|
|
|
<!--分页组件--> |
|
|
|
|
|
<el-pagination |
|
|
|
|
|
v-if="tableData.length !== 0" |
|
|
|
|
|
:current-page="page.page" |
|
|
|
|
|
:total="page.total" |
|
|
|
|
|
:page-size="page.size" |
|
|
|
|
|
:pager-count="5" |
|
|
|
|
|
layout="total, prev, pager, next, sizes" |
|
|
|
|
|
@size-change="handleSizeChange" |
|
|
|
|
|
@current-change="handleCurrentPage" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<div style="height: calc(100vh - 232px);"> |
|
|
|
|
|
<el-table ref="table" :data="tableData" style="width: 100%;" height="calc(100vh - 330px)" @select="handleCurrentChange" @selection-change="selectionChangeHandler" @row-dblclick="handleDetail"> |
|
|
|
|
|
<el-table-column type="selection" align="center" width="55" /> |
|
|
|
|
|
<el-table-column prop="business_type" label="类型"> |
|
|
|
|
|
<template> |
|
|
|
|
|
<div>离线移交</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="title" label="包名" min-width="180" /> |
|
|
|
|
|
<el-table-column prop="number" label="任务条数"> |
|
|
|
|
|
<template> |
|
|
|
|
|
<!-- 目前只有1条默认 --> |
|
|
|
|
|
<span>1</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="applicant" label="操作人" /> |
|
|
|
|
|
<el-table-column prop="dept" label="任务状态"> |
|
|
|
|
|
<template> |
|
|
|
|
|
<!-- 目前只有导出成功,后续看需求再更改 --> |
|
|
|
|
|
<!-- <span class="row-state ing-state">导出中</span> --> |
|
|
|
|
|
<span class="row-state end-state">导出成功</span> |
|
|
|
|
|
<!-- <span class="row-state cancel-state">导出失败</span> --> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="createTime" label="操作时间"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div>{{ scope.row.createTime | parseTime }}</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
</el-table> |
|
|
|
|
|
<!--分页组件--> |
|
|
|
|
|
<el-pagination |
|
|
|
|
|
v-if="tableData.length !== 0" |
|
|
|
|
|
:current-page="page.page" |
|
|
|
|
|
:total="page.total" |
|
|
|
|
|
:page-size="page.size" |
|
|
|
|
|
:pager-count="5" |
|
|
|
|
|
layout="total, prev, pager, next, sizes" |
|
|
|
|
|
@size-change="handleSizeChange" |
|
|
|
|
|
@current-change="handleCurrentPage" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
<Detail ref="mDetail" /> |
|
|
<Detail ref="mDetail" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
|
|
|
import { FetchBusinessFlowHistory } from '@/api/archivesManage/library' |
|
|
import Detail from './module/detail' |
|
|
import Detail from './module/detail' |
|
|
|
|
|
import qs from 'qs' |
|
|
|
|
|
import { exportFile } from '@/utils/index' |
|
|
import { mapGetters } from 'vuex' |
|
|
import { mapGetters } from 'vuex' |
|
|
|
|
|
|
|
|
const data = [ |
|
|
|
|
|
{ |
|
|
|
|
|
'id': '005E76FEC5A2AAB368CA1F', |
|
|
|
|
|
'code': '230c4a438fa84b2c9a0405c99e7f5cb1', |
|
|
|
|
|
'status': 1, |
|
|
|
|
|
'remark': null, |
|
|
|
|
|
'create_by': 'admin', |
|
|
|
|
|
'create_time': 1687330805000 |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
'id': '005E76FEC5A2AAB368CA1F', |
|
|
|
|
|
'code': '230c4a438fa84b2c9a0405c99e7f5cb2', |
|
|
|
|
|
'status': 0, |
|
|
|
|
|
'remark': '请检查zip包格式是否正确', |
|
|
|
|
|
'create_by': 'admin', |
|
|
|
|
|
'create_time': 1687330805000 |
|
|
|
|
|
} |
|
|
|
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: 'ExportTask', |
|
|
name: 'ExportTask', |
|
|
components: { Detail }, |
|
|
components: { Detail }, |
|
@ -90,32 +86,31 @@ export default { |
|
|
statusOptions: [ |
|
|
statusOptions: [ |
|
|
{ |
|
|
{ |
|
|
label: '全部', |
|
|
label: '全部', |
|
|
value: '全部' |
|
|
|
|
|
|
|
|
value: 0 |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
label: '导出中', |
|
|
label: '导出中', |
|
|
value: '导出中' |
|
|
|
|
|
|
|
|
value: 1 |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
label: '导出成功', |
|
|
label: '导出成功', |
|
|
value: '导出成功' |
|
|
|
|
|
|
|
|
value: 2 |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
label: '导出失败', |
|
|
label: '导出失败', |
|
|
value: '导出失败' |
|
|
|
|
|
|
|
|
value: 3 |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
selectStatus: '全部', |
|
|
|
|
|
query: { |
|
|
|
|
|
search: '' |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
status: '', |
|
|
tableData: [], |
|
|
tableData: [], |
|
|
selections: [], |
|
|
selections: [], |
|
|
page: { |
|
|
page: { |
|
|
page: 1, |
|
|
|
|
|
|
|
|
page: 0, |
|
|
size: 10, |
|
|
size: 10, |
|
|
total: 0 |
|
|
total: 0 |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
businessType: 7, |
|
|
|
|
|
search: '' |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
@ -124,23 +119,41 @@ export default { |
|
|
]) |
|
|
]) |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.tableData = data |
|
|
|
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
|
|
|
this.getBusinessFlowHistory() |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
resetQuery() { |
|
|
resetQuery() { |
|
|
this.query = {} |
|
|
|
|
|
|
|
|
this.search = '' |
|
|
|
|
|
this.status = null |
|
|
|
|
|
this.getBusinessFlowHistory() |
|
|
}, |
|
|
}, |
|
|
handleSearch() { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getBusinessFlowHistory() { |
|
|
|
|
|
const params = { |
|
|
|
|
|
'status': this.status, |
|
|
|
|
|
'search': this.search, |
|
|
|
|
|
'businessType': this.businessType, |
|
|
|
|
|
'page': this.page.page, |
|
|
|
|
|
'size': this.page.size |
|
|
|
|
|
} |
|
|
|
|
|
FetchBusinessFlowHistory(params).then((res) => { |
|
|
|
|
|
if (res.code !== 500) { |
|
|
|
|
|
this.tableData = res.content |
|
|
|
|
|
this.page.total = res.totalElements |
|
|
|
|
|
} else { |
|
|
|
|
|
this.$message.error('获取数据失败') |
|
|
|
|
|
} |
|
|
|
|
|
}).catch(err => { |
|
|
|
|
|
console.log(err) |
|
|
|
|
|
}) |
|
|
}, |
|
|
}, |
|
|
handleDetail() { |
|
|
|
|
|
|
|
|
handleDetail(row) { |
|
|
|
|
|
this.$refs.mDetail.rowCurrent = row |
|
|
this.$refs.mDetail.detialVisible = true |
|
|
this.$refs.mDetail.detialVisible = true |
|
|
}, |
|
|
}, |
|
|
// 触发单选 |
|
|
// 触发单选 |
|
|
handleCurrentChange(selection, row) { |
|
|
handleCurrentChange(selection, row) { |
|
|
console.log('触发单选', row) |
|
|
|
|
|
this.selections = selection |
|
|
this.selections = selection |
|
|
}, |
|
|
}, |
|
|
handleSizeChange(size) { |
|
|
handleSizeChange(size) { |
|
@ -164,10 +177,11 @@ export default { |
|
|
data.forEach(val => { |
|
|
data.forEach(val => { |
|
|
ids.push(val.id) |
|
|
ids.push(val.id) |
|
|
}) |
|
|
}) |
|
|
// const params = { |
|
|
|
|
|
// 'roleIds': ids |
|
|
|
|
|
// } |
|
|
|
|
|
// exportFile(this.baseApi + '/api/role/exportRole?' + qs.stringify(params, { indices: false })) |
|
|
|
|
|
|
|
|
const params = { |
|
|
|
|
|
'businessIds': ids, |
|
|
|
|
|
'businessType': this.businessType |
|
|
|
|
|
} |
|
|
|
|
|
exportFile(this.baseApi + '/api/control/exportBusinessFlow?' + qs.stringify(params, { indices: false })) |
|
|
}).catch(() => { |
|
|
}).catch(() => { |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|