xuhuajiao
1 year ago
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
-
256src/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> |
<template> |
||||
<div> |
<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 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> |
||||
<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> |
</template> |
||||
</el-table-column> |
</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"> |
<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> |
</template> |
||||
</el-table-column> |
</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> |
</el-table> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</el-dialog> |
</el-dialog> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import { FetchCategoryMenu } from '@/api/system/category/category' |
||||
export default { |
export default { |
||||
data() { |
data() { |
||||
return { |
return { |
||||
|
caseTabIndex: 0, |
||||
detailVisible: false, |
detailVisible: false, |
||||
rowData: {}, |
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 |
||||
|
} |
||||
|
if (item.children && item.children.length > 0) { |
||||
|
const foundChildItem = this.findItemById(id, item.children) |
||||
|
if (foundChildItem) { |
||||
|
return foundChildItem |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
return null |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||
::v-deep .el-dialog{ |
|
||||
width: 950px; |
|
||||
// height: 520px; |
|
||||
} |
|
||||
::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; |
|
||||
} |
|
||||
.dpflex{ |
|
||||
|
.base-info{ |
||||
|
background: #F6F8FC; |
||||
|
padding: 20px; |
||||
|
ul{ |
||||
display: flex; |
display: flex; |
||||
.left{ |
|
||||
width: 400px; |
|
||||
} |
|
||||
} |
|
||||
.color-blue{ |
|
||||
width: 86px; |
|
||||
display: inline-block; |
|
||||
|
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; |
text-align: right; |
||||
color: #339CFF; |
|
||||
} |
|
||||
.color-white{ |
|
||||
display: inline-block; |
|
||||
color: #fff; |
|
||||
|
color: #0C0E1E; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.case-detail-row{ |
||||
|
li{ |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
</style> |
</style> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue