9 changed files with 683 additions and 39 deletions
-
1src/views/archivesManage/caseManage/caseList/index.vue
-
10src/views/collectReorganizi/collectionLibrary/module/blukEditing/index.vue
-
135src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
-
55src/views/collectReorganizi/collectionLibrary/module/fileNumberAdjustment/index.vue
-
80src/views/collectReorganizi/collectionLibrary/module/fourTest/index.vue
-
216src/views/collectReorganizi/collectionLibrary/module/print/index.vue
-
147src/views/collectReorganizi/collectionLibrary/module/print/printData.json
-
58src/views/collectReorganizi/collectionLibrary/module/quickPaper/index.vue
-
20src/views/collectReorganizi/collectionLibrary/module/uploadOriginal/index.vue
@ -0,0 +1,80 @@ |
|||||
|
<template> |
||||
|
<!--四性检测--> |
||||
|
<el-dialog class="fileUpload-dialog" title="四性检测" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="fourTestVisible"> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="fourTest-container"> |
||||
|
<el-table :data="tableData"> |
||||
|
<el-table-column type="index" label="序号" width="55" align="center" /> |
||||
|
<el-table-column prop="archive_no" label="档号" width="200" /> |
||||
|
<el-table-column prop="maintitle" label="题名" width="160" /> |
||||
|
<el-table-column prop="operationType" label="准确性" /> |
||||
|
<el-table-column prop="file" label="完整性" /> |
||||
|
<el-table-column prop="createDate" label="可用性" /> |
||||
|
<el-table-column prop="createDate" label="安全性" /> |
||||
|
</el-table> |
||||
|
<!--分页组件--> |
||||
|
<el-pagination |
||||
|
: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> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="text" @click="fourTestVisible = false">取消</el-button> |
||||
|
<el-button type="primary" @click.native="handleComfireTest">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'FourTest', |
||||
|
components: { }, |
||||
|
mixins: [], |
||||
|
data() { |
||||
|
return { |
||||
|
fourTestVisible: false, |
||||
|
tableData: [], |
||||
|
page: { |
||||
|
page: 1, |
||||
|
size: 10, |
||||
|
total: 0 |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
mounted() { |
||||
|
console.log(this.tableData) |
||||
|
}, |
||||
|
methods: { |
||||
|
handleComfireTest() { |
||||
|
this.fourTestVisible = false |
||||
|
this.$message({ |
||||
|
message: '已成功加入检测列表！', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
}, |
||||
|
handleSizeChange(size) { |
||||
|
this.page.size = size |
||||
|
this.page.page = 1 |
||||
|
}, |
||||
|
handleCurrentPage(val) { |
||||
|
this.page.page = val |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
::v-deep .el-dialog{ |
||||
|
width: 815px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,216 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<!--打印--> |
||||
|
<el-dialog class="fileUpload-dialog" title="打印" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="printVisible"> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="bulk-editing-container"> |
||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
||||
|
<el-form-item label="打印范围" prop="printRange"> |
||||
|
<el-radio-group v-model="form.printRange"> |
||||
|
<el-radio label="勾选条目" /> |
||||
|
<el-radio label="当页条目" /> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="选择模板" prop="module"> |
||||
|
<el-select v-model="form.module" placeholder="请选择" style="width: 360px;"> |
||||
|
<el-option |
||||
|
v-for="item in printModuleOptions" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="text" @click="printVisible = false">取消</el-button> |
||||
|
<el-button type="primary" @click.native="onSubmitPrint('form')">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<div v-show="isHidden" id="print" ref="printId" class="intoExamine"> |
||||
|
<h3 style="text-align: center; margin:20px 0; font-size: 24px;">{{ printTitle }}</h3> |
||||
|
<el-table :data="printData" border> |
||||
|
<el-table-column type="index" label="序号" width="55" align="center" /> |
||||
|
<el-table-column label="档号" prop="archiveNo" align="center" width="180px" /> |
||||
|
<el-table-column label="文号" prop="docNo" align="center" width="160" /> |
||||
|
<el-table-column label="责任者" prop="responsibleby" align="center" /> |
||||
|
<el-table-column label="题名" prop="maintitle" align="center" width="200px" /> |
||||
|
<el-table-column label="日期" prop="create_time" align="center" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ parseTime(scope.row.create_time, '{y}-{m}-{d}') }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="密级" prop="securityClass" align="center" /> |
||||
|
<el-table-column label="页数" prop="pageQty" align="center" width="60" /> |
||||
|
<el-table-column label="备注" prop="remarks" align="center" width="100px" /> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import CRUD, { presenter } from '@crud/crud' |
||||
|
import html2canvas from 'html2canvas' |
||||
|
import printJS from 'print-js' |
||||
|
import printJson from './printData.json' |
||||
|
export default { |
||||
|
name: 'Print', |
||||
|
components: { }, |
||||
|
mixins: [presenter()], |
||||
|
cruds() { |
||||
|
return CRUD({ |
||||
|
url: 'api/borrow/initReturnConfirmList', |
||||
|
title: '', |
||||
|
optShow: { |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
isHidden: false, |
||||
|
printData: [], |
||||
|
printTitle: '', |
||||
|
printVisible: false, |
||||
|
form: { |
||||
|
printRange: '勾选条目', |
||||
|
module: '' |
||||
|
}, |
||||
|
printModuleOptions: [ |
||||
|
{ |
||||
|
value: '案卷目录', |
||||
|
label: '案卷目录' |
||||
|
}, |
||||
|
{ |
||||
|
value: '卷内目录', |
||||
|
label: '卷内目录' |
||||
|
}, |
||||
|
{ |
||||
|
value: '文件目录', |
||||
|
label: '文件目录' |
||||
|
} |
||||
|
], |
||||
|
rules: { |
||||
|
printRange: [ |
||||
|
{ required: true, message: '请选择打印范围', trigger: 'change' } |
||||
|
], |
||||
|
module: [ |
||||
|
{ required: true, message: '请选择模板', trigger: 'change' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
onSubmitPrint(formName) { |
||||
|
this.printTitle = this.form.module |
||||
|
this.$refs[formName].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.$message('submit!') |
||||
|
this.printVisible = false |
||||
|
this.$refs[formName].resetFields() |
||||
|
this.printData = printJson.data.archives |
||||
|
this.isHidden = true |
||||
|
this.$nextTick(() => { |
||||
|
this.printFn() |
||||
|
this.isHidden = false |
||||
|
}) |
||||
|
} else { |
||||
|
console.log('error submit!!') |
||||
|
return false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
printFn() { |
||||
|
const printContent = this.$refs.printId |
||||
|
// 获取dom 宽度 高度 |
||||
|
const width = printContent.clientWidth |
||||
|
const height = printContent.clientHeight |
||||
|
// 创建一个canvas节点 |
||||
|
const canvas = document.createElement('canvas') |
||||
|
|
||||
|
const scale = 4 // 定义任意放大倍数，支持小数；越大，图片清晰度越高，生成图片越慢。 |
||||
|
canvas.width = width * scale // 定义canvas 宽度 * 缩放 |
||||
|
canvas.height = height * scale // 定义canvas高度 *缩放 |
||||
|
canvas.style.width = width * scale + 'px' |
||||
|
canvas.style.height = height * scale + 'px' |
||||
|
canvas.getContext('2d').scale(scale, scale) // 获取context,设置scale |
||||
|
|
||||
|
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop // 获取滚动轴滚动的长度 |
||||
|
const scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft // 获取水平滚动轴的长度 |
||||
|
|
||||
|
html2canvas(printContent, { |
||||
|
canvas, |
||||
|
backgroundColor: null, |
||||
|
useCORS: true, |
||||
|
windowHeight: document.body.scrollHeight, |
||||
|
scrollX: -scrollLeft, // 解决水平偏移问题，防止打印的内容不全 |
||||
|
scrollY: -scrollTop |
||||
|
}).then((canvas) => { |
||||
|
const url = canvas.toDataURL('image/png') |
||||
|
printJS({ |
||||
|
printable: url, |
||||
|
type: 'image', |
||||
|
documentTitle: '', // 标题 |
||||
|
style: '@page{size:auto;margin: 0cm 1cm 0cm 1cm;}' // 去除页眉页脚 |
||||
|
}) |
||||
|
}).catch(err => { |
||||
|
console.error(err) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
.intoExamine{ |
||||
|
position: fixed; |
||||
|
left: 50%; |
||||
|
top: 50%; |
||||
|
transform: translate(-50%,-50%); |
||||
|
// width: 980px; |
||||
|
background-color: #fff; |
||||
|
z-index: 99; |
||||
|
::v-deep .el-table--group, .el-table--border{ |
||||
|
border: 1px solid #000; |
||||
|
border-bottom: none; |
||||
|
border-top: none; |
||||
|
} |
||||
|
::v-deep .el-table__header{ |
||||
|
border-top: 1px solid #000;; |
||||
|
border-bottom: 1px solid #000;; |
||||
|
} |
||||
|
::v-deep .el-table .el-table__header-wrapper th.el-table__cell, .el-table .el-table__header th.el-table__cell{ |
||||
|
color: #000; |
||||
|
background-color: #fff; |
||||
|
border-bottom: none; |
||||
|
&>.cell{ |
||||
|
color: #000; |
||||
|
} |
||||
|
} |
||||
|
::v-deep .el-table .el-table__body-wrapper td.el-table__cell, .el-table .el-table__fixed-right td.el-table__cell{ |
||||
|
color: #000; |
||||
|
border-bottom: 1px solid #000; |
||||
|
padding: 0; |
||||
|
} |
||||
|
::v-deep .el-table__body tr.el-table__row:hover>td.el-table__cell, .el-table__body tr.el-table__row:focus>td.el-table__cell, .el-table__body tr.current-row:hover>td.el-table__cell, .el-table__body tr.current-row:focus>td.el-table__cell{ |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
::v-deep .el-table--border .el-table__cell{ |
||||
|
border-right: 1px solid #000; |
||||
|
} |
||||
|
} |
||||
|
@media print { |
||||
|
/*最外层打印节点*/ |
||||
|
html,body{ |
||||
|
height: inherit; |
||||
|
} |
||||
|
.intoExamine{ |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,147 @@ |
|||||
|
{ |
||||
|
"code": 200, |
||||
|
"message": "操作成功", |
||||
|
"data": { |
||||
|
"id": "ACDDC83264C5EAA41EF0AE", |
||||
|
"caseName": "39", |
||||
|
"caseType": 1, |
||||
|
"tid": null, |
||||
|
"barcode": null, |
||||
|
"folderLocation": "1-2-2-2-2", |
||||
|
"folderLocationDetails": "5F 档案库 5F_档案库_密集架 1区2列2节2层右", |
||||
|
"depositNum": 2, |
||||
|
"archives": [ |
||||
|
{ |
||||
|
"archivesId": "3DEC097518AABC675849B0", |
||||
|
"archiveNo": null, |
||||
|
"archiveCtgNo": "", |
||||
|
"fondsNo": null, |
||||
|
"itemNo": null, |
||||
|
"recordNo": null, |
||||
|
"pieceNo": "10", |
||||
|
"docNo": "发文字号002", |
||||
|
"maintitle": "测试标题002", |
||||
|
"securityClass": "机密", |
||||
|
"retention": null, |
||||
|
"createdDate": "20230606", |
||||
|
"archiveYear": 2023, |
||||
|
"responsibleby": null, |
||||
|
"department": null, |
||||
|
"filingPerson": null, |
||||
|
"filingDate": null, |
||||
|
"archivePerson": null, |
||||
|
"archiveDate": null, |
||||
|
"categoryId": "005E76FEC5A2AAB368CA1F", |
||||
|
"categoryName": "文书档案（资料）", |
||||
|
"categoryType": 5, |
||||
|
"archivesTableName": "tb_2023_06_21_1687330804487", |
||||
|
"caseNo": "ACDDC83264C5EAA41EF0AE", |
||||
|
"caseName": "39", |
||||
|
"shelfId": "69DEA713A0F8E4B4CBD1FF", |
||||
|
"folderLocation": "1-2-2-2-2", |
||||
|
"folderLocationDetails": "5F 档案库 5F_档案库_密集架 1区2列2节2层右", |
||||
|
"tagNo": null, |
||||
|
"child": null, |
||||
|
"pageQty": null, |
||||
|
"remarks": "", |
||||
|
"barcode": null, |
||||
|
"isDeleteTime": null, |
||||
|
"microfilm": null, |
||||
|
"arriveDate": "2023/6/30 00:00:00", |
||||
|
"arriveClass": "收文", |
||||
|
"arriveNo": "2", |
||||
|
"arriveMark": "收", |
||||
|
"sourcePartNo": "", |
||||
|
"recordType": "命令", |
||||
|
"organizer": "", |
||||
|
"undertaker": "", |
||||
|
"endorsementLeader": "", |
||||
|
"readingLeader": "", |
||||
|
"arriveOrgan": "发文机关002", |
||||
|
"sendOrgan": "", |
||||
|
"copyOrgan": "", |
||||
|
"serialNo": "2", |
||||
|
"keyword": "", |
||||
|
"tempNo": "39", |
||||
|
"mediumQty": "3", |
||||
|
"mediumUnit": "页", |
||||
|
"mediumSpecs": "", |
||||
|
"mediumType": null, |
||||
|
"beginDate": null, |
||||
|
"endDate": null, |
||||
|
"fileNo": "", |
||||
|
"version": "", |
||||
|
"create_by": "admin", |
||||
|
"update_by": "admin", |
||||
|
"create_time": 1688544910043, |
||||
|
"update_time": 1689820023000 |
||||
|
}, |
||||
|
{ |
||||
|
"archivesId": "F70E48134AEA16209994B7", |
||||
|
"archiveNo": null, |
||||
|
"archiveCtgNo": "", |
||||
|
"fondsNo": null, |
||||
|
"itemNo": null, |
||||
|
"recordNo": null, |
||||
|
"pieceNo": "10", |
||||
|
"docNo": "发文字号003", |
||||
|
"maintitle": "测试标题003", |
||||
|
"securityClass": "机密", |
||||
|
"retention": null, |
||||
|
"createdDate": "20230606", |
||||
|
"archiveYear": 2023, |
||||
|
"responsibleby": null, |
||||
|
"department": null, |
||||
|
"filingPerson": null, |
||||
|
"filingDate": null, |
||||
|
"archivePerson": null, |
||||
|
"archiveDate": null, |
||||
|
"categoryId": "005E76FEC5A2AAB368CA1F", |
||||
|
"categoryName": "文书档案（资料）", |
||||
|
"categoryType": 5, |
||||
|
"archivesTableName": "tb_2023_06_21_1687330804487", |
||||
|
"caseNo": "ACDDC83264C5EAA41EF0AE", |
||||
|
"caseName": "39", |
||||
|
"shelfId": null, |
||||
|
"folderLocation": "1-2-2-2-2", |
||||
|
"folderLocationDetails": "5F 档案库 5F_档案库_密集架 1区2列2节2层右", |
||||
|
"tagNo": null, |
||||
|
"child": null, |
||||
|
"pageQty": null, |
||||
|
"remarks": "", |
||||
|
"barcode": null, |
||||
|
"isDeleteTime": null, |
||||
|
"microfilm": null, |
||||
|
"arriveDate": "2023/6/30 00:00:00", |
||||
|
"arriveClass": "收文", |
||||
|
"arriveNo": "2", |
||||
|
"arriveMark": "收", |
||||
|
"sourcePartNo": "", |
||||
|
"recordType": "命令", |
||||
|
"organizer": "", |
||||
|
"undertaker": "", |
||||
|
"endorsementLeader": "", |
||||
|
"readingLeader": "", |
||||
|
"arriveOrgan": "发文机关003", |
||||
|
"sendOrgan": "", |
||||
|
"copyOrgan": "", |
||||
|
"serialNo": "6", |
||||
|
"keyword": "", |
||||
|
"tempNo": "39", |
||||
|
"mediumQty": "3", |
||||
|
"mediumUnit": "页", |
||||
|
"mediumSpecs": "", |
||||
|
"mediumType": null, |
||||
|
"beginDate": null, |
||||
|
"endDate": null, |
||||
|
"fileNo": "", |
||||
|
"version": "", |
||||
|
"create_by": "admin", |
||||
|
"update_by": "admin", |
||||
|
"create_time": 1689820023398, |
||||
|
"update_time": 1689820023000 |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
"timestamp": 1690337829945 |
||||
|
} |
||||
@ -0,0 +1,58 @@ |
|||||
|
<template> |
||||
|
<!--快速组卷--> |
||||
|
<el-dialog class="tip-dialog" title="快速组卷" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="quickVisible"> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="fourTest-container"> |
||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
||||
|
<el-form-item label="选择年月" prop="date"> |
||||
|
<el-date-picker |
||||
|
v-model="form.date" |
||||
|
type="month" |
||||
|
placeholder="选择年月" |
||||
|
style="width: 360px;" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="text" @click="quickVisible = false">取消</el-button> |
||||
|
<el-button type="primary" @click.native="handleComfireQuick">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'QuickPaper', |
||||
|
components: { }, |
||||
|
mixins: [], |
||||
|
data() { |
||||
|
return { |
||||
|
quickVisible: false, |
||||
|
form: { |
||||
|
date: '' |
||||
|
}, |
||||
|
rules: { |
||||
|
date: [ |
||||
|
{ required: true, message: '请选择年月', trigger: 'change' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
handleComfireQuick() { |
||||
|
this.quickVisible = false |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue