17 changed files with 1139 additions and 52 deletions
-
12src/assets/styles/archives-manage.scss
-
28src/views/archivesManage/destructionList/index.vue
-
183src/views/archivesManage/exportTask/index.vue
-
66src/views/archivesManage/exportTask/module/detail.vue
-
2src/views/archivesManage/managementLibrary/anjuan/tableList.vue
-
2src/views/archivesManage/managementLibrary/file/index.vue
-
141src/views/archivesManage/managementLibrary/module/collectHeader.vue
-
95src/views/archivesManage/managementLibrary/module/exportZip/index.vue
-
127src/views/archivesManage/managementLibrary/module/handOverForm.vue
-
98src/views/archivesManage/managementLibrary/module/offLineHandover/index.vue
-
120src/views/archivesManage/managementLibrary/module/onlineHandover/index.vue
-
29src/views/archivesManage/managementLibrary/module/packingBox/index.vue
-
28src/views/archivesManage/moveInventory/index.vue
-
152src/views/archivesManage/openInventory/index.vue
-
79src/views/archivesManage/openInventory/module/detail.vue
-
28src/views/archivesManage/recycled/index.vue
-
1src/views/collectReorganizi/collectionLibrary/module/blukEditing/index.vue
@ -0,0 +1,28 @@ |
|||
<template> |
|||
<div> |
|||
<InventoryModule :invent-type="2" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import InventoryModule from '../openInventory/index' |
|||
|
|||
export default { |
|||
name: 'DestructionList', |
|||
components: { InventoryModule }, |
|||
data() { |
|||
return { |
|||
isRecycle: true |
|||
} |
|||
}, |
|||
computed: { |
|||
}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
</style> |
|||
@ -0,0 +1,183 @@ |
|||
<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="selectStatus" |
|||
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="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-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
<el-button size="mini" :disabled="selections.length === 0" @click="doExport(selections)"> |
|||
<i class="iconfont icon-daochu" /> |
|||
导出 |
|||
</el-button> |
|||
</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" |
|||
/> |
|||
<Detail ref="mDetail" /> |
|||
</div> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import Detail from './module/detail' |
|||
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 { |
|||
name: 'ExportTask', |
|||
components: { Detail }, |
|||
data() { |
|||
return { |
|||
statusOptions: [ |
|||
{ |
|||
label: '全部', |
|||
value: '全部' |
|||
}, |
|||
{ |
|||
label: '导出中', |
|||
value: '导出中' |
|||
}, |
|||
{ |
|||
label: '导出成功', |
|||
value: '导出成功' |
|||
}, |
|||
{ |
|||
label: '导出失败', |
|||
value: '导出失败' |
|||
} |
|||
], |
|||
selectStatus: '全部', |
|||
query: { |
|||
search: '' |
|||
}, |
|||
tableData: [], |
|||
selections: [], |
|||
page: { |
|||
page: 1, |
|||
size: 10, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'baseApi' |
|||
]) |
|||
}, |
|||
created() { |
|||
this.tableData = data |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
resetQuery() { |
|||
this.query = {} |
|||
}, |
|||
handleSearch() { |
|||
|
|||
}, |
|||
handleDetail() { |
|||
this.$refs.mDetail.detialVisible = true |
|||
}, |
|||
// 触发单选 |
|||
handleCurrentChange(selection, row) { |
|||
console.log('触发单选', 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 = { |
|||
// 'roleIds': ids |
|||
// } |
|||
// exportFile(this.baseApi + '/api/role/exportRole?' + qs.stringify(params, { indices: false })) |
|||
}).catch(() => { |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "~@/assets/styles/collect-reorganizi.scss"; |
|||
.connection-header{ |
|||
padding: 0 !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,66 @@ |
|||
<template> |
|||
<!-- 详情 --> |
|||
<el-dialog title="导出任务详情" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="detialVisible"> |
|||
<div class="setting-dialog"> |
|||
<ul class="hitch-info"> |
|||
<li><span>包名：</span>离线移交包001</li> |
|||
<li><span>操作时间：</span>2016-09-21 08:50:08</li> |
|||
<li><span>操作人：</span>admin</li> |
|||
<li><span>导出方式：</span>离线移交</li> |
|||
<li><span>任务状态：</span><i class="row-state end-state">导出成功</i></li> |
|||
</ul> |
|||
<div style="display: flex; justify-content: flex-end; margin-bottom: 12px;"> |
|||
<el-button class="task-btn"><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="name" label="所属全宗" /> |
|||
<el-table-column prop="reason2" label="门类名称" /> |
|||
<el-table-column prop="reason2" label="整理方式" /> |
|||
<el-table-column prop="reason2" label="项目号/档号" /> |
|||
<el-table-column prop="reason2" 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> |
|||
const data = [{}, {}] |
|||
export default { |
|||
name: 'Detail', |
|||
components: { }, |
|||
data() { |
|||
return { |
|||
detialVisible: false, |
|||
tableData: [] |
|||
} |
|||
}, |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
this.tableData = data |
|||
}, |
|||
methods: { |
|||
} |
|||
} |
|||
</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> |
|||
@ -0,0 +1,95 @@ |
|||
<template> |
|||
<div> |
|||
<!--导出ZIP包--> |
|||
<el-dialog class="offlineDialog" title="导出ZIP包" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="exportZipVisible" :before-close="handleClose"> |
|||
<div class="setting-dialog"> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
|||
<el-form-item label="导出内容" prop="exportRange"> |
|||
<el-checkbox v-model="form.catalog" label="件目录" disabled /> |
|||
<el-checkbox v-model="form.file" label="电子原文" /> |
|||
</el-form-item> |
|||
<el-form-item label="导出包名称" prop="name"> |
|||
<el-input v-model="form.name" style="width: 400px;" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="text" @click="handleClose">取消</el-button> |
|||
<el-button type="primary" @click.native="onSubmitExport('form')">确定</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'ExportZip', |
|||
components: { }, |
|||
props: { |
|||
selectedCategory: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
selections: { |
|||
type: Array, |
|||
default: () => [] |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
exportZipVisible: false, |
|||
form: { |
|||
catalog: true, |
|||
file: false, |
|||
name: '' |
|||
}, |
|||
rules: { |
|||
name: [ |
|||
{ required: true, message: '请输入导出包名称', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
methods: { |
|||
onSubmitExport(formName) { |
|||
this.printTitle = this.form.module |
|||
this.$refs[formName].validate((valid) => { |
|||
if (valid) { |
|||
this.$message('submit!') |
|||
this.exportZipVisible = false |
|||
this.$refs[formName].resetFields() |
|||
} else { |
|||
console.log('error submit!!') |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
// dialog - close |
|||
handleClose(done) { |
|||
this.form = {} |
|||
this.$refs.form.resetFields() |
|||
this.exportZipVisible = false |
|||
// done() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.offlineDialog{ |
|||
::v-deep .el-dialog{ |
|||
width: 590px !important; |
|||
.el-dialog__body{ |
|||
padding: 15px 0; |
|||
} |
|||
.dialog-footer{ |
|||
margin-top: 40px; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,127 @@ |
|||
<template> |
|||
<el-dialog class="detail-dialog" :title="overDetialTitle" :visible.sync="overDetialVisible" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :before-close="handleClose"> |
|||
<div class="setting-dialog"> |
|||
<div class="detail-tab tab-content"> |
|||
<ul class="tab-nav" style="padding: 0;"> |
|||
<li :class="{'active-tab-nav': activeIndex == 0 }" @click="changeActiveTab(0)">流程表单</li> |
|||
<li :class="{'active-tab-nav': activeIndex == 1 }" @click="changeActiveTab(1)">流程图</li> |
|||
</ul> |
|||
<div v-if="activeIndex == 0"> |
|||
<el-form ref="form" :model="form" :rules="rules" inline label-width="110px"> |
|||
<el-form-item label="标题" prop="title"> |
|||
<el-input v-model="form.title" style="width: 280px;" /> |
|||
</el-form-item> |
|||
<el-form-item label="申请时间" prop="date"> |
|||
<el-input v-model="form.date" style="width: 280px;" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="申请人" prop="applicant"> |
|||
<el-input v-model="form.applicant" style="width: 280px;" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="申请人部门" prop="dept"> |
|||
<el-input v-model="form.dept" style="width: 280px;" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="申请理由" prop="remark"> |
|||
<el-input v-model="form.remark" type="textarea" style="width: 660px;" :rows="4" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table |
|||
ref="table" |
|||
:data="tableData" |
|||
style="min-width: 100%" |
|||
height="300" |
|||
> |
|||
<el-table-column type="index" label="序号" width="50" align="center" /> |
|||
<el-table-column prop="fonds" label="所属全宗" min-width="80" align="center" /> |
|||
<el-table-column prop="fondsName" label="门类名称" min-width="120" align="center" /> |
|||
<el-table-column prop="fondsAddr" label="整理方式" min-width="100" align="center" /> |
|||
<el-table-column prop="fondsAddr" label="项目号/档号" min-width="160" align="center" /> |
|||
<el-table-column prop="fondsAddr" label="题名" min-width="160" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
<div v-if="activeIndex == 1" class="tab-img"> |
|||
<img :src="'data:image/jpeg;base64,'+ srcImg" alt="" :onerror="defaultImg"> |
|||
</div> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitHandOverForm">提交</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
const data = [{}, {}] |
|||
export default { |
|||
name: 'HandOverForm', |
|||
components: { }, |
|||
props: { |
|||
selectedCategory: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
overDetialTitle: '', |
|||
activeIndex: 0, |
|||
overDetialVisible: false, |
|||
form: { |
|||
title: null, |
|||
date: null, |
|||
applicant: null, |
|||
dept: null, |
|||
remark: null |
|||
}, |
|||
rules: { |
|||
title: [ |
|||
{ required: true, message: '标题不可为空', trigger: 'blur' } |
|||
] |
|||
}, |
|||
defaultImg: 'this.src="' + require('@/assets/images/system/default-img.jpg') + '"', |
|||
srcImg: null |
|||
} |
|||
}, |
|||
created() { |
|||
this.tableData = data |
|||
}, |
|||
methods: { |
|||
changeActiveTab(data) { |
|||
this.activeIndex = data |
|||
if (this.activeIndex === 0) { |
|||
console.log('流程表单') |
|||
} else if (this.activeIndex === 1) { |
|||
console.log('流程图') |
|||
} |
|||
}, |
|||
submitHandOverForm() { |
|||
this.$refs['form'].validate((valid) => { |
|||
if (valid) { |
|||
alert('submit!') |
|||
} else { |
|||
console.log('error submit!!') |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
// dialog - close |
|||
handleClose(done) { |
|||
this.overDetialVisible = false |
|||
this.$refs['form'].resetFields() |
|||
done() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.tab-img{ |
|||
height: 440px; |
|||
overflow: hidden; |
|||
img{ |
|||
display: block; |
|||
width: 100%; |
|||
// height: 100%; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,98 @@ |
|||
<template> |
|||
<div> |
|||
<el-dialog class="offlineDialog" title="离线移交" :visible.sync="offLineHandoverVisible" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :before-close="handleClose"> |
|||
<div class="setting-dialog"> |
|||
<div class="selct-data-head"> |
|||
<p v-if="selectedCategory.arrangeType === 1">数据来源：文件<span>{{ selections.length }}</span>条数据</p> |
|||
<!-- totalSumAll --> |
|||
<p v-else>数据来源：案卷<span>{{ selections.length }}</span>条数据 卷内<span>{{ 111 }}</span>条数据</p> |
|||
</div> |
|||
<el-form ref="offLineForm" :model="offLineForm" :rules="rules" label-width="126px"> |
|||
<el-form-item label="导出移交包名称" prop="name"> |
|||
<el-input v-model="offLineForm.name" style="width: 400px;" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="text" @click="handleClose">取消</el-button> |
|||
<el-button type="primary" @click="submitOffLine">确认</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<HandOverForm ref="handoverForm" :selected-category="selectedCategory" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
const data = [{}, {}] |
|||
import HandOverForm from '../handOverForm' |
|||
export default { |
|||
name: 'OffLineHandover', |
|||
components: { HandOverForm }, |
|||
// inject: ['caseData', 'recycleMain'], |
|||
props: { |
|||
selectedCategory: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
selections: { |
|||
type: Array, |
|||
default: () => [] |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
offLineHandoverVisible: false, |
|||
offLineForm: { |
|||
name: null |
|||
}, |
|||
rules: { |
|||
name: [ |
|||
{ required: true, message: '请输入移交包名称', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.tableData = data |
|||
}, |
|||
methods: { |
|||
submitOffLine() { |
|||
this.$refs['offLineForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.offLineHandoverVisible = false |
|||
this.$refs.handoverForm.overDetialVisible = true |
|||
this.$refs.handoverForm.overDetialTitle = '离线移交-流程' |
|||
} else { |
|||
console.log('error submit!!') |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
// dialog - close |
|||
handleClose(done) { |
|||
this.offLineForm = {} |
|||
this.$refs.offLineForm.resetFields() |
|||
this.offLineHandoverVisible = false |
|||
// done() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.offlineDialog{ |
|||
::v-deep .el-dialog{ |
|||
width: 590px !important; |
|||
.el-dialog__body{ |
|||
padding: 15px 0; |
|||
} |
|||
.selct-data-head{ |
|||
margin-bottom: 20px; |
|||
} |
|||
.dialog-footer{ |
|||
margin-top: 0; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,120 @@ |
|||
<template> |
|||
<div> |
|||
<el-dialog title="在线移交" :visible.sync="onlineHandoverVisible" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :before-close="handleClose"> |
|||
<div class="setting-dialog"> |
|||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;"> |
|||
<div class="head-search" style="margin-bottom: 0;"> |
|||
<!-- 搜索 --> |
|||
<el-input v-model="query.search" clearable size="small" placeholder="请输入全宗号或全宗名称检索" style="width:260px;margin-right: 10px;" class="filter-item" @keyup.enter.native="getListOver" @clear="getListOver" /> |
|||
<el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getListOver">搜索</el-button> |
|||
</div> |
|||
<div class="selct-data-head"> |
|||
<p v-if="selectedCategory.arrangeType === 1">数据来源：文件<span>{{ selections.length }}</span>条数据</p> |
|||
<!-- totalSumAll --> |
|||
<p v-else>数据来源：案卷<span>{{ selections.length }}</span>条数据 卷内<span>{{ 111 }}</span>条数据</p> |
|||
</div> |
|||
</div> |
|||
<el-table |
|||
ref="table" |
|||
:data="tableData" |
|||
style="min-width: 100%" |
|||
height="calc(100vh - 500px)" |
|||
> |
|||
<el-table-column prop="create_date" label="操作" width="90" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button class="handOver-btn" @click="handleHandOver(scope.row)"><i class="iconfont icon-yijiao" />移交</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="fonds" label="全宗号" min-width="80" align="center" /> |
|||
<el-table-column prop="fondsName" label="全宗名称" min-width="100" align="center" /> |
|||
<el-table-column prop="fondsAddr" label="全宗简称" min-width="100" align="center" /> |
|||
</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> |
|||
</el-dialog> |
|||
<HandOverForm ref="handoverForm" :selected-category="selectedCategory" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
const data = [{}, {}] |
|||
import HandOverForm from '../handOverForm' |
|||
export default { |
|||
name: 'OnlineHandover', |
|||
components: { HandOverForm }, |
|||
// inject: ['caseData', 'recycleMain'], |
|||
props: { |
|||
selectedCategory: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
selections: { |
|||
type: Array, |
|||
default: () => [] |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
query: { |
|||
search: '' |
|||
}, |
|||
onlineHandoverVisible: false, |
|||
tableData: [], |
|||
page: { |
|||
page: 1, |
|||
size: 10, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.tableData = data |
|||
}, |
|||
methods: { |
|||
getListOver() { |
|||
|
|||
}, |
|||
handleHandOver(row) { |
|||
this.onlineHandoverVisible = false |
|||
this.$refs.handoverForm.overDetialVisible = true |
|||
this.$refs.handoverForm.overDetialTitle = '在线移交-流程' |
|||
}, |
|||
handleSizeChange(size) { |
|||
this.page.size = size |
|||
this.page.page = 1 |
|||
this.getListOver() |
|||
}, |
|||
handleCurrentPage(val) { |
|||
this.page.page = val |
|||
this.getListOver() |
|||
}, |
|||
// dialog - close |
|||
handleClose(done) { |
|||
this.onlineHandoverVisible = false |
|||
done() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.el-table .el-button{ |
|||
padding: 0; |
|||
} |
|||
.handOver-btn{ |
|||
.iconfont{ |
|||
font-size: 14px !important; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,28 @@ |
|||
<template> |
|||
<div> |
|||
<InventoryModule :invent-type="3" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import InventoryModule from '../openInventory/index' |
|||
|
|||
export default { |
|||
name: 'MoveInventory', |
|||
components: { InventoryModule }, |
|||
data() { |
|||
return { |
|||
isRecycle: true |
|||
} |
|||
}, |
|||
computed: { |
|||
}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
</style> |
|||
@ -0,0 +1,152 @@ |
|||
<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-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-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
<el-button size="mini" :disabled="selections.length === 0" @click="doExport(selections)"> |
|||
<i class="iconfont icon-daochu" /> |
|||
导出 |
|||
</el-button> |
|||
</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 v-if="inventType===3" 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="申请部门" /> |
|||
<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" |
|||
/> |
|||
<Detail ref="mDetail" :invent-type="inventType" /> |
|||
</div> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import Detail from './module/detail' |
|||
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 { |
|||
name: 'OpenInventory', |
|||
components: { Detail }, |
|||
props: { |
|||
inventType: { |
|||
type: Number, |
|||
default: 1 |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
query: { |
|||
search: '' |
|||
}, |
|||
tableData: [], |
|||
selections: [], |
|||
page: { |
|||
page: 1, |
|||
size: 10, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'baseApi' |
|||
]) |
|||
}, |
|||
created() { |
|||
this.tableData = data |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
resetQuery() { |
|||
this.query = {} |
|||
}, |
|||
handleSearch() { |
|||
|
|||
}, |
|||
handleDetail() { |
|||
this.$refs.mDetail.detialVisible = true |
|||
}, |
|||
// 触发单选 |
|||
handleCurrentChange(selection, row) { |
|||
console.log('触发单选', 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 = { |
|||
// 'roleIds': ids |
|||
// } |
|||
// exportFile(this.baseApi + '/api/role/exportRole?' + qs.stringify(params, { indices: false })) |
|||
}).catch(() => { |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "~@/assets/styles/collect-reorganizi.scss"; |
|||
.connection-header{ |
|||
padding: 0 !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,79 @@ |
|||
<template> |
|||
<!-- 详情 --> |
|||
<el-dialog :title="detialTitle" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="detialVisible"> |
|||
<div class="setting-dialog"> |
|||
<ul class="hitch-info"> |
|||
<li><span>标题：</span>230c4a438fa84b2c9a0405c99e7f5cb1</li> |
|||
<li><span>申请时间：</span>2016-09-21 08:50:08</li> |
|||
<li><span>申请人：</span>admin</li> |
|||
<li><span>申请部门：</span>档案室</li> |
|||
<li><span>申请理由：</span>达到开放标准</li> |
|||
<li v-if="inventType===3"><span>移交类型：</span>外部移交</li> |
|||
</ul> |
|||
<el-table ref="table" :data="tableData" style="width: 100%;"> |
|||
<el-table-column type="index" align="center" width="55" label="序号" /> |
|||
<el-table-column prop="name" label="所属全宗" /> |
|||
<el-table-column prop="reason2" label="门类名称" /> |
|||
<el-table-column prop="reason2" label="整理方式" /> |
|||
<el-table-column prop="reason2" label="项目号/档号" /> |
|||
<el-table-column prop="reason2" label="题名" /> |
|||
<el-table-column v-if="inventType===1" prop="reason" label="开放状态" align="center"> |
|||
<template> |
|||
<span class="row-state end-state">开放</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column v-if="inventType===2" prop="reason2" label="归档日期" /> |
|||
<el-table-column v-if="inventType===2" prop="reason2" label="存档年限" /> |
|||
<el-table-column v-if="inventType===2" prop="reason2" label="销毁日期" /> |
|||
<el-table-column v-if="inventType===3" prop="reason2" label="移交日期" /> |
|||
</el-table> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
const data = [{}, {}] |
|||
export default { |
|||
name: 'Detail', |
|||
components: { }, |
|||
props: { |
|||
inventType: { |
|||
type: Number, |
|||
default: 1 |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
detialVisible: false, |
|||
tableData: [] |
|||
} |
|||
}, |
|||
computed: { |
|||
detialTitle() { |
|||
if (this.inventType === 1) { |
|||
return '开放清册详情' |
|||
} else if (this.inventType === 2) { |
|||
return '销毁清册详情' |
|||
} else if (this.inventType === 3) { |
|||
return '移交清册详情' |
|||
} |
|||
return '' |
|||
} |
|||
}, |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
this.tableData = data |
|||
}, |
|||
methods: { |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
@import "~@/assets/styles/collect-reorganizi.scss"; |
|||
.row-state{ |
|||
font-style: normal; |
|||
padding: 0 8px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,28 @@ |
|||
<template> |
|||
<div> |
|||
<CollectModule :is-recycle="isRecycle" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import CollectModule from '../managementLibrary/index' |
|||
|
|||
export default { |
|||
name: 'Recycled', |
|||
components: { CollectModule }, |
|||
data() { |
|||
return { |
|||
isRecycle: true |
|||
} |
|||
}, |
|||
computed: { |
|||
}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue