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
-
53src/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