5 changed files with 120 additions and 294 deletions
-
18src/views/archiveKeeping/caseManage/caseLog/index.vue
-
180src/views/archivesManage/exportTask/index.vue
-
114src/views/archivesManage/exportTask/module/detail.vue
-
63src/views/archivesManage/openInventory/index.vue
-
39src/views/archivesManage/openInventory/module/detail.vue
@ -1,197 +1,27 @@ |
|||||
<template> |
<template> |
||||
<!-- 开放清册 --> |
|
||||
<div class="app-container row-container"> |
|
||||
<div class="connection-header collect-header" style="margin-bottom: 20px;"> |
|
||||
<div class="head-search" style="margin-bottom: 0;"> |
|
||||
<el-select |
|
||||
v-model="status" |
|
||||
style="margin-right: 10px; width: 100px;" |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in statusOptions" |
|
||||
:key="item.value" |
|
||||
:label="item.label" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
<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> |
|
||||
|
<div> |
||||
|
<InventoryModule :invent-type="7" /> |
||||
</div> |
</div> |
||||
<el-button size="mini" :disabled="selections.length === 0" @click="doExport(selections)"> |
|
||||
<i class="iconfont icon-daochu" /> |
|
||||
导出 |
|
||||
</el-button> |
|
||||
</div> |
|
||||
<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" /> |
|
||||
</div> |
|
||||
|
|
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { FetchBusinessFlowHistory } from '@/api/archivesManage/library' |
|
||||
import Detail from './module/detail' |
|
||||
import qs from 'qs' |
|
||||
import { exportFile } from '@/utils/index' |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
import InventoryModule from '../openInventory/index' |
||||
|
|
||||
export default { |
export default { |
||||
name: 'ExportTask', |
name: 'ExportTask', |
||||
components: { Detail }, |
|
||||
|
components: { InventoryModule }, |
||||
data() { |
data() { |
||||
return { |
return { |
||||
statusOptions: [ |
|
||||
{ |
|
||||
label: '全部', |
|
||||
value: 0 |
|
||||
}, |
|
||||
{ |
|
||||
label: '导出中', |
|
||||
value: 1 |
|
||||
}, |
|
||||
{ |
|
||||
label: '导出成功', |
|
||||
value: 2 |
|
||||
}, |
|
||||
{ |
|
||||
label: '导出失败', |
|
||||
value: 3 |
|
||||
} |
|
||||
], |
|
||||
status: '', |
|
||||
tableData: [], |
|
||||
selections: [], |
|
||||
page: { |
|
||||
page: 0, |
|
||||
size: 10, |
|
||||
total: 0 |
|
||||
}, |
|
||||
businessType: 7, |
|
||||
search: '' |
|
||||
} |
} |
||||
}, |
}, |
||||
computed: { |
computed: { |
||||
...mapGetters([ |
|
||||
'baseApi' |
|
||||
]) |
|
||||
}, |
}, |
||||
created() { |
created() { |
||||
}, |
}, |
||||
mounted() { |
|
||||
this.getBusinessFlowHistory() |
|
||||
}, |
|
||||
methods: { |
methods: { |
||||
resetQuery() { |
|
||||
this.search = '' |
|
||||
this.status = null |
|
||||
this.getBusinessFlowHistory() |
|
||||
}, |
|
||||
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(row) { |
|
||||
this.$refs.mDetail.rowCurrent = row |
|
||||
this.$refs.mDetail.detialVisible = true |
|
||||
}, |
|
||||
// 触发单选 |
|
||||
handleCurrentChange(selection, row) { |
|
||||
this.selections = selection |
|
||||
}, |
|
||||
handleSizeChange(size) { |
|
||||
this.page.size = size |
|
||||
this.page.page = 1 |
|
||||
}, |
|
||||
handleCurrentPage(val) { |
|
||||
this.page.page = val |
|
||||
}, |
|
||||
selectionChangeHandler(val) { |
|
||||
this.selections = val |
|
||||
}, |
|
||||
doExport(data) { |
|
||||
this.$confirm('此操作将导出所选数据' + '<span>你是否还要继续？</span>', '提示', { |
|
||||
confirmButtonText: '继续', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning', |
|
||||
dangerouslyUseHTMLString: true |
|
||||
}).then(() => { |
|
||||
const ids = [] |
|
||||
data.forEach(val => { |
|
||||
ids.push(val.id) |
|
||||
}) |
|
||||
const params = { |
|
||||
'businessIds': ids, |
|
||||
'businessType': this.businessType |
|
||||
} |
|
||||
exportFile(this.baseApi + '/api/control/exportBusinessFlow?' + qs.stringify(params, { indices: false })) |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
} |
|
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
@import "~@/assets/styles/collect-reorganizi.scss"; |
|
||||
.connection-header{ |
|
||||
padding: 0 !important; |
|
||||
} |
|
||||
|
<style lang='scss' scoped> |
||||
</style> |
</style> |
||||
@ -1,114 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 详情 --> |
|
||||
<el-dialog title="导出任务详情" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="detialVisible" @opened="opened"> |
|
||||
<div class="setting-dialog"> |
|
||||
<ul class="hitch-info"> |
|
||||
<li><span>包名：</span>{{ rowCurrent && rowCurrent.title }}</li> |
|
||||
<li><span>操作时间：</span>{{ rowCurrent && rowCurrent.createTime }}</li> |
|
||||
<li><span>操作人：</span>{{ rowCurrent && rowCurrent.applicant }}</li> |
|
||||
<li><span>导出方式：</span>离线移交</li> |
|
||||
<!-- <li><span>任务状态：</span><i class="row-state end-state">导出成功</i></li> --> |
|
||||
<li><span>完成时间：</span>{{ rowCurrent && rowCurrent.completeTime }}</li> |
|
||||
<li><span>审批意见：</span>{{ rowCurrent && rowCurrent.opinion }}</li> |
|
||||
<li class="state-list"> |
|
||||
<span class="row-state end-state">导出成功</span> |
|
||||
</li> |
|
||||
</ul> |
|
||||
<div style="display: flex; justify-content: flex-end; margin-bottom: 12px;"> |
|
||||
<el-button class="task-btn" @click="downloadFile"><i class="iconfont icon-xiazai" />下载文件</el-button> |
|
||||
</div> |
|
||||
<el-table ref="table" :data="tableData" style="width: 100%;"> |
|
||||
<el-table-column type="index" align="center" width="55" label="序号" /> |
|
||||
<el-table-column prop="fondsName" label="所属全宗" /> |
|
||||
<el-table-column prop="categoryName" label="门类名称" /> |
|
||||
<el-table-column prop="categoryLevel" label="整理方式"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.categoryLevel === 2 ? '案卷整理' : '按件整理' }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="archiveNo" label="项目号/档号" /> |
|
||||
<el-table-column prop="maintitle" label="题名" /> |
|
||||
<el-table-column prop="reason" label="状态" align="center"> |
|
||||
<template> |
|
||||
<span class="row-state end-state">成功</span> |
|
||||
<!-- <span class="row-state cancel-state">失败</span> --> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { FetchBusinessFlowDetails } from '@/api/archivesManage/library' |
|
||||
import { downloadFile } from '@/utils/index' |
|
||||
import { mapGetters } from 'vuex' |
|
||||
export default { |
|
||||
name: 'Detail', |
|
||||
components: { }, |
|
||||
data() { |
|
||||
return { |
|
||||
rowCurrent: null, |
|
||||
detialVisible: false, |
|
||||
baseInfo: null, |
|
||||
tableData: [] |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'baseApi' |
|
||||
]) |
|
||||
}, |
|
||||
created() { |
|
||||
}, |
|
||||
mounted() { |
|
||||
}, |
|
||||
methods: { |
|
||||
opened() { |
|
||||
this.getBusinessFlowDetails() |
|
||||
}, |
|
||||
getBusinessFlowDetails() { |
|
||||
const params = { |
|
||||
'businessId': this.rowCurrent.id |
|
||||
} |
|
||||
FetchBusinessFlowDetails(params).then((res) => { |
|
||||
if (res.code !== 500) { |
|
||||
console.log(res) |
|
||||
this.baseInfo = res.businessFlow |
|
||||
this.tableData = res.details |
|
||||
} else { |
|
||||
this.$message.error('获取数据失败') |
|
||||
} |
|
||||
}).catch(err => { |
|
||||
console.log(err) |
|
||||
}) |
|
||||
}, |
|
||||
downloadFile() { |
|
||||
if (this.rowCurrent.zip_path) { |
|
||||
const url = this.baseApi + '/downloadFile' + this.rowCurrent.zip_path |
|
||||
fetch(url).then(res => res.blob()).then(blob => { |
|
||||
downloadFile(blob, this.rowCurrent.title, 'zip') |
|
||||
}).catch(() => { |
|
||||
this.$message.error('下载文件失败!') |
|
||||
}) |
|
||||
} else { |
|
||||
this.$message.error('下载文件路径获取失败!') |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang='scss' scoped> |
|
||||
@import "~@/assets/styles/collect-reorganizi.scss"; |
|
||||
.row-state{ |
|
||||
font-style: normal; |
|
||||
padding: 0 8px; |
|
||||
} |
|
||||
.task-btn{ |
|
||||
width: 104px; |
|
||||
height: 32px; |
|
||||
line-height: 30px; |
|
||||
padding: 0; |
|
||||
} |
|
||||
</style> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue