18 changed files with 502 additions and 201 deletions
-
20src/api/archivesManage/library.js
-
10src/assets/styles/collect-reorganizi.scss
-
88src/views/archiveKeeping/caseManage/caseList/index.vue
-
250src/views/archiveKeeping/caseManage/caseList/module/detailDialog.vue
-
28src/views/archiveKeeping/caseManage/caseLog/index.vue
-
2src/views/archiveKeeping/caseManage/index.vue
-
3src/views/archivesManage/destructionList/index.vue
-
23src/views/archivesManage/managementLibrary/module/collectHeader.vue
-
8src/views/archivesManage/managementLibrary/module/handOverForm.vue
-
3src/views/archivesManage/managementLibrary/module/offLineHandover/index.vue
-
3src/views/archivesManage/managementLibrary/module/onlineHandover/index.vue
-
7src/views/archivesManage/managementLibrary/module/packingBox/index.vue
-
3src/views/archivesManage/moveInventory/index.vue
-
138src/views/archivesManage/openInventory/index.vue
-
75src/views/archivesManage/openInventory/module/detail.vue
-
2src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
-
15src/views/components/archivesListModule/index.vue
-
5src/views/components/category/PreviewForm.vue
@ -1,105 +1,213 @@ |
|||
<template> |
|||
<div> |
|||
<el-dialog append-to-body :close-on-click-modal="false" :modal-append-to-body="false" title="档案盒详情" :visible.sync="detailVisible"> |
|||
<el-dialog class="detail-dialog" append-to-body :close-on-click-modal="false" :modal-append-to-body="false" title="档案盒详情" :visible.sync="detailVisible"> |
|||
<div class="setting-dialog"> |
|||
<div style="padding:0 10px"> |
|||
<div class="dpflex"> |
|||
<p class="left"><span class="color-blue">盒名称：</span><span>{{ rowData.caseName }}</span></p> |
|||
<p class="right"><span class="color-blue">盒条码：</span><span>{{ rowData.barcode }}</span></p> |
|||
<div class="detail-tab tab-content"> |
|||
<ul class="tab-nav"> |
|||
<li :class="{'active-tab-nav': caseTabIndex == 0}" @click="changeActiveTab(0)">基本信息</li> |
|||
<li :class="{'active-tab-nav': caseTabIndex == 1}" @click="changeActiveTab(1)">盒内档案</li> |
|||
</ul> |
|||
<div v-if="caseTabIndex===0" class="base-info"> |
|||
<ul> |
|||
<li> |
|||
<span>盒号：</span> |
|||
<p>{{ rowData && rowData.caseCode }}</p> |
|||
</li> |
|||
<li> |
|||
<span>状态：</span> |
|||
<p>{{ rowData && rowData.depositNum ? '已装':'' }}</p> |
|||
</li> |
|||
<li> |
|||
<span>盒名称：</span> |
|||
<p>{{ rowData && rowData.caseName }}</p> |
|||
</li> |
|||
<li> |
|||
<span>规格：</span> |
|||
<p>{{ rowData && rowData && rowData.caseSpecs }}</p> |
|||
</li> |
|||
</ul> |
|||
<ul> |
|||
<li> |
|||
<span>全宗：</span> |
|||
<p>{{ rowData && rowData.caseFonds }}</p> |
|||
</li> |
|||
<li> |
|||
<span>年度：</span> |
|||
<p>{{ rowData && rowData.caseYear }}</p> |
|||
</li> |
|||
<li> |
|||
<span>保管期限：</span> |
|||
<p>{{ rowData && rowData.caseRetention }}</p> |
|||
</li> |
|||
<li> |
|||
<span>密级：</span> |
|||
<p>{{ rowData && rowData.caseClass }}</p> |
|||
</li> |
|||
<li> |
|||
<span>开始件号：</span> |
|||
<p>{{ rowData && rowData.startItemNo }}</p> |
|||
</li> |
|||
<li> |
|||
<span>结束件号：</span> |
|||
<p>{{ rowData && rowData.endItemNo }}</p> |
|||
</li> |
|||
</ul> |
|||
<ul> |
|||
<li> |
|||
<span>装盒人：</span> |
|||
<p>{{ rowData && rowData.packing }}</p> |
|||
</li> |
|||
<li> |
|||
<span>装盒日期：</span> |
|||
<p>{{ rowData && rowData.packDate | parseTime }}</p> |
|||
</li> |
|||
<li> |
|||
<span>检查人：</span> |
|||
<p>{{ rowData && rowData.check }}</p> |
|||
</li> |
|||
<li> |
|||
<span>检查日期：</span> |
|||
<p>{{ rowData && rowData.checkDate | parseTime }}</p> |
|||
</li> |
|||
</ul> |
|||
<ul class="case-detail-row"> |
|||
<li> |
|||
<span>电子标签：</span> |
|||
<p>{{ rowData && rowData.tid }}</p> |
|||
</li> |
|||
<li> |
|||
<span>条码：</span> |
|||
<p>{{ rowData && rowData.barcode }}</p> |
|||
</li> |
|||
<li> |
|||
<span>存放位置：</span> |
|||
<p>{{ rowData && !rowData.folderLocationDetails ? '-' : rowData.folderLocationDetails }}</p> |
|||
</li> |
|||
</ul> |
|||
<ul> |
|||
<li> |
|||
<span>备注：</span> |
|||
<p>{{ rowData && rowData.caseNotes }}</p> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="dpflex"> |
|||
<p class="left"><span class="color-blue">存放位置：</span> |
|||
<span> |
|||
<div v-if="!rowData.folderLocationDetails">-</div> |
|||
<div v-else> |
|||
<el-tag effect="dark">{{ rowData.folderLocationDetails }}</el-tag> |
|||
</div> |
|||
</span> |
|||
</p> |
|||
<p class="right"><span class="color-blue">TID：</span><span>{{ rowData.tid }}</span></p> |
|||
</div> |
|||
<p class="left"><span class="color-blue">创建时间：</span><span>{{ rowData.create_time | parseTime }}</span></p> |
|||
</div> |
|||
<el-table :data="tableData" style="margin-top:15px;" height="342px"> |
|||
<el-table-column type="index" label="序号" align="center" width="80" /> |
|||
<el-table-column prop="docNo" label="发文字号" show-overflow-tooltip width="140" align="center" /> |
|||
<el-table-column prop="child" label="子条数目" align="center" width="100" /> |
|||
<el-table-column prop="categoryType" label="门类级别" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.row.categoryType === 5" style="width:56px">文件级</span> |
|||
<span v-if="scope.row.categoryType === 4" style="width:56px">卷内级</span> |
|||
<span v-if="scope.row.categoryType === 3" style="width:56px">案卷级</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="categoryName" label="门类名称" align="center" width="140" :show-overflow-tooltip="true" /> |
|||
<el-table-column prop="fondsNo" label="全宗号" align="center" width="180" /> |
|||
<el-table-column prop="archiveNo" label="档号" align="center" width="220" /> |
|||
<el-table-column prop="archiveYear" label="归档年度" align="center" width="150" /> |
|||
<el-table-column prop="maintitle" :show-overflow-tooltip="true" align="center" label="题名" width="180" /> |
|||
<el-table-column prop="securityClass" label="保密程度" align="center" width="150" /> |
|||
<el-table-column prop="department" label="部门名称" align="center" width="150" /> |
|||
<el-table-column prop="caseName" label="盒名称" :show-overflow-tooltip="true" align="center" width="190" /> |
|||
<el-table-column prop="folderLocationDetails" align="center" label="所在位置" width="300"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!scope.row.folderLocationDetails">-</span> |
|||
<span v-else> |
|||
<el-tag effect="dark">{{ scope.row.folderLocationDetails }}</el-tag> |
|||
</span> |
|||
<!-- <ArchivesListModule |
|||
v-show="caseTabIndex===1" |
|||
ref="archivesListModuleRef" |
|||
:collect-level="collectLevel" |
|||
:selections="tableData" |
|||
:is-case="true" |
|||
/> --> |
|||
<el-table v-show="caseTabIndex===1" style="width: 100%;" :data="tableData" height="342px"> |
|||
<el-table-column prop="categoryName" label="所属门类" align="center" min-width="80" :show-overflow-tooltip="true"> |
|||
<template> |
|||
{{ selectedItem && selectedItem.cnName }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="create_time" align="center" label="创建时间" width="150"> |
|||
<el-table-column prop="categoryLevel" label="门类级别" align="center" width="80"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.create_time | parseTime }}</div> |
|||
<span v-if="scope.row.categoryLevel === '3'" style="width:56px">文件</span> |
|||
<span v-if="scope.row.categoryLevel === '2'" style="width:56px">卷内</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="fondsNo" label="全宗号" align="center" width="180" /> |
|||
<el-table-column prop="archiveYear" label="年度" align="center" /> |
|||
<el-table-column prop="archiveNo" label="档号" align="center" width="220" :show-overflow-tooltip="true" /> |
|||
<el-table-column prop="maintitle" label="题名" align="center" width="180" :show-overflow-tooltip="true" /> |
|||
<el-table-column prop="docNo" label="发文字号" align="center" /> |
|||
<el-table-column prop="securityClass" label="密级" align="center" /> |
|||
<el-table-column prop="secrecyPeriod" label="保密期限" align="center" /> |
|||
<el-table-column prop="retention" label="保管期限" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { FetchCategoryMenu } from '@/api/system/category/category' |
|||
export default { |
|||
data() { |
|||
return { |
|||
caseTabIndex: 0, |
|||
detailVisible: false, |
|||
rowData: {}, |
|||
tableData: [] |
|||
tableData: [], |
|||
collectLevel: null, |
|||
selectedItem: null |
|||
} |
|||
}, |
|||
methods: { |
|||
changeActiveTab(data) { |
|||
this.caseTabIndex = data |
|||
if (this.caseTabIndex === 1) { |
|||
this.getCategoryDataTree() |
|||
// if (this.tableData.length !== 0) { |
|||
// this.$refs.archivesListModuleRef.caseCategoryId = this.tableData[0].categoryPid |
|||
// this.$refs.archivesListModuleRef.getViewTable() |
|||
// } else { |
|||
// this.$refs.archivesListModuleRef.caseCategoryId = null |
|||
// this.$refs.archivesListModuleRef.tableData = [] |
|||
// } |
|||
} |
|||
}, |
|||
getCategoryDataTree() { |
|||
FetchCategoryMenu().then(res => { |
|||
console.log(res) |
|||
this.selectedItem = this.findItemById(this.tableData[0].categoryPid, res) |
|||
console.log(this.selectedItem.cnName) |
|||
// this.categoryOptions = this.filterData(res) |
|||
// this.classifyOptions = this.filterArchivesClasses(res) |
|||
}) |
|||
}, |
|||
findItemById(id, data) { |
|||
for (const item of data) { |
|||
if (item.id === id) { |
|||
return item |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
::v-deep .el-dialog{ |
|||
width: 950px; |
|||
// height: 520px; |
|||
if (item.children && item.children.length > 0) { |
|||
const foundChildItem = this.findItemById(id, item.children) |
|||
if (foundChildItem) { |
|||
return foundChildItem |
|||
} |
|||
::v-deep .el-dialog__body{ |
|||
padding: 20px 0; |
|||
} |
|||
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{ |
|||
position: absolute; |
|||
right: -160px; |
|||
bottom: -10px; |
|||
} |
|||
p{ |
|||
margin-bottom: 24px; |
|||
return null |
|||
} |
|||
.dpflex{ |
|||
display: flex; |
|||
.left{ |
|||
width: 400px; |
|||
} |
|||
} |
|||
.color-blue{ |
|||
width: 86px; |
|||
display: inline-block; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.base-info{ |
|||
background: #F6F8FC; |
|||
padding: 20px; |
|||
ul{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
margin: 10px 0; |
|||
li{ |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
width: 50%; |
|||
font-size: 14px; |
|||
color: #545B65; |
|||
line-height: 35px; |
|||
span{ |
|||
display: block; |
|||
width: 120px; |
|||
font-weight: bold; |
|||
text-align: right; |
|||
color: #339CFF; |
|||
color: #0C0E1E; |
|||
} |
|||
} |
|||
} |
|||
.case-detail-row{ |
|||
li{ |
|||
width: 100%; |
|||
} |
|||
} |
|||
.color-white{ |
|||
display: inline-block; |
|||
color: #fff; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue