21 changed files with 1551 additions and 258 deletions
-
39src/api/archivesManage/bindTagList.js
-
19src/api/archivesManage/caseManage.js
-
18src/api/archivesManage/library.js
-
20src/assets/styles/archives-manage.scss
-
87src/views/archiveUtilize/archiveEditing/module/material.vue
-
394src/views/archiveUtilize/archiveEditing/module/materialSelected.vue
-
78src/views/archivesManage/managementLibrary/anjuan/tableList.vue
-
4src/views/archivesManage/managementLibrary/index.vue
-
63src/views/archivesManage/managementLibrary/juannei/index.vue
-
5src/views/archivesManage/managementLibrary/mixins/index.js
-
184src/views/archivesManage/managementLibrary/module/collectHeader.vue
-
263src/views/archivesManage/managementLibrary/module/packingBox/index.vue
-
3src/views/archivesManage/recycled/index.vue
-
106src/views/components/BindingTagDlg.vue
-
275src/views/components/archivesDetail/archivesInfo/index.vue
-
119src/views/components/archivesDetail/fourTestInfo/index.vue
-
81src/views/components/archivesDetail/handleInfo/index.vue
-
37src/views/components/archivesDetail/uploadFile/index.vue
-
10src/views/components/category/PreviewForm.vue
-
2src/views/system/role/index.vue
-
2src/views/system/user/index.vue
@ -0,0 +1,39 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// 标签列表
|
||||
|
export function initTagList(parameter) { |
||||
|
return request({ |
||||
|
url: 'api/archivesDeposit/initTagList', |
||||
|
method: 'get', |
||||
|
params: parameter |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 绑定标签
|
||||
|
export function bingdingLabel(data) { |
||||
|
return request({ |
||||
|
url: 'api/archivesDeposit/bingdingLabel', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 解绑标签
|
||||
|
export function unbindTag(data) { |
||||
|
return request({ |
||||
|
url: 'api/archivesDeposit/unbindTag', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 签使用列表
|
||||
|
export function initTagLogList(parameter) { |
||||
|
return request({ |
||||
|
url: 'api/archivesDeposit/initTagLogList', |
||||
|
method: 'get', |
||||
|
params: parameter |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export default { initTagList, bingdingLabel, unbindTag, initTagLogList } |
||||
@ -1,21 +1,23 @@ |
|||||
import request from '@/utils/request' |
import request from '@/utils/request' |
||||
import qs from 'qs' |
import qs from 'qs' |
||||
|
|
||||
export function FetchInitCategoryView(params) { |
|
||||
|
// 根据门类父id获取卷内列表列
|
||||
|
export function FetchInitCategoryViewTable(params) { |
||||
return request({ |
return request({ |
||||
url: 'api/collect/initCategoryView' + '?' + qs.stringify(params, { indices: false }), |
|
||||
method: 'get' |
|
||||
|
url: 'api/collect/initCategoryViewTable', |
||||
|
method: 'get', |
||||
|
params |
||||
}) |
}) |
||||
} |
} |
||||
|
|
||||
export function collectEdit(data) { |
|
||||
|
export function FetchInitCategoryView(params) { |
||||
return request({ |
return request({ |
||||
url: 'api/collect/editArchives', |
|
||||
method: 'post', |
|
||||
data |
|
||||
|
url: 'api/control/initCategoryView' + '?' + qs.stringify(params, { indices: false }), |
||||
|
method: 'get' |
||||
}) |
}) |
||||
} |
} |
||||
|
|
||||
export default { |
export default { |
||||
collectEdit |
|
||||
|
FetchInitCategoryViewTable, |
||||
|
FetchInitCategoryView |
||||
} |
} |
||||
@ -0,0 +1,394 @@ |
|||||
|
<template> |
||||
|
<!-- 素材选择 --> |
||||
|
<el-dialog class="collectMoveFile-dialog" title="素材选择" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="collectMoveFileVisible" :before-close="handleCloseDialog" @open="open"> |
||||
|
<div class="collectMove-main"> |
||||
|
<div class="collectMove-left"> |
||||
|
<CategoryTree ref="categoryTree" @nodeClick="handleNodeClick" /> |
||||
|
</div> |
||||
|
<div class="collectMove-right"> |
||||
|
<div class="collectMove-header"> |
||||
|
<div v-if="currentCategory && currentCategory.arrangeType===3" class="detail-tab tab-content"> |
||||
|
<ul class="tab-nav"> |
||||
|
<li :class="{'active-tab-nav': tabIndex == 0}" @click="changeActiveTab(0)">项目列表</li> |
||||
|
<li :class="{'active-tab-nav': tabIndex == 1}" @click="changeActiveTab(1)">案卷列表</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="head-search"> |
||||
|
<el-input v-model="query.search" clearable size="small" placeholder="输入题名或档号搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="getViewTableList" @clear="getViewTableList" /> |
||||
|
<el-button class="filter-item filter-search" style="margin: 0 10px;" size="mini" type="success" icon="el-icon-search" @click="getViewTableList">搜索</el-button> |
||||
|
<el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="table-list"> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
v-loading="loading" |
||||
|
lazy |
||||
|
:data="tableData" |
||||
|
style="width: 100%;" |
||||
|
height="calc(100%)" |
||||
|
:row-key="getRowKey" |
||||
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}" |
||||
|
highlight-current-row |
||||
|
@selection-change="selectionChangeHandler" |
||||
|
@row-click="clickRowHandler" |
||||
|
> |
||||
|
<el-table-column type="selection" align="center" width="55" /> |
||||
|
<el-table-column v-for="field in tableDisplayFields" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip> |
||||
|
<template slot="header"> |
||||
|
<el-tooltip |
||||
|
class="item" |
||||
|
effect="dark" |
||||
|
:content="field.fieldCnName" |
||||
|
placement="top-start" |
||||
|
> |
||||
|
<span>{{ field.fieldCnName }}</span> |
||||
|
</el-tooltip> |
||||
|
</template> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row[field.fieldName] }} |
||||
|
</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" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="text" @click="handleCloseDialog">取消</el-button> |
||||
|
<!-- collectLevel===2 --> |
||||
|
<el-button type="primary" :disabled="currentCategory&¤tCategory.arrangeType===3&&moveSelections.length===0" @click.native="handleComfireCollectMoveFile">确定</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import CategoryTree from '@/views/components/categoryTree' |
||||
|
// FetchMove |
||||
|
import { FetchInitCategoryViewTable, FetchInitCategoryView } from '@/api/collect/collect' |
||||
|
export default { |
||||
|
name: 'CollectMoveFile', |
||||
|
components: { CategoryTree }, |
||||
|
props: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
query: { |
||||
|
search: null |
||||
|
}, |
||||
|
currentCategory: null, |
||||
|
currentLevel: null, |
||||
|
collectMoveFileVisible: false, |
||||
|
toCategoryLevel: null, |
||||
|
loading: false, |
||||
|
arrySort: [], |
||||
|
tableData: [], |
||||
|
tableDisplayFields: [], |
||||
|
moveSelections: [], |
||||
|
page: { |
||||
|
page: 1, |
||||
|
size: 10, |
||||
|
total: 0 |
||||
|
}, |
||||
|
moveFile: true, |
||||
|
isReserve: false, |
||||
|
tabIndex: 0 |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
resetQuery() { |
||||
|
this.query.search = null |
||||
|
this.getViewTableList() |
||||
|
}, |
||||
|
getRowKey(row) { |
||||
|
return row.id |
||||
|
}, |
||||
|
handleNodeClick(data) { |
||||
|
if (data) { |
||||
|
this.currentCategory = data |
||||
|
if (this.currentCategory.isType !== 1) { |
||||
|
this.getViewTable() |
||||
|
} else { |
||||
|
this.tableDisplayFields = [] |
||||
|
this.tableData = [] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
open() { |
||||
|
if (this.currentCategory) { |
||||
|
this.getViewTable() |
||||
|
} |
||||
|
}, |
||||
|
getViewTable() { |
||||
|
this.loading = true |
||||
|
this.tableDisplayFields = [] |
||||
|
if (this.currentCategory.arrangeType === 1) { |
||||
|
this.currentLevel = 3 |
||||
|
} else if (this.currentCategory.arrangeType === 2) { |
||||
|
this.currentLevel = 2 |
||||
|
} else { |
||||
|
if (this.tabIndex === 1) { |
||||
|
this.currentLevel = 2 |
||||
|
} else { |
||||
|
this.currentLevel = 1 |
||||
|
} |
||||
|
} |
||||
|
FetchInitCategoryViewTable({ categoryId: this.currentCategory.id, categoryLevel: this.currentLevel }).then((res) => { |
||||
|
if (res) { |
||||
|
this.arrySort = [] |
||||
|
this.tableDisplayFields = res |
||||
|
const orderSortArry = this.tableDisplayFields.filter(item => item.displayOrder).sort((a, b) => a.displayOrder - b.displayOrder) |
||||
|
orderSortArry.forEach(item => { |
||||
|
if (item.displayOrderBy) { |
||||
|
this.arrySort.push(item.fieldName + ',' + item.displayOrderBy) |
||||
|
} |
||||
|
}) |
||||
|
this.$nextTick(() => { |
||||
|
this.getViewTableList() |
||||
|
}) |
||||
|
this.loading = false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getViewTableList() { |
||||
|
this.tableData = [] |
||||
|
this.loading = true |
||||
|
const params = { |
||||
|
'categoryId': this.currentCategory.id, |
||||
|
'categoryLevel': this.currentLevel, |
||||
|
'search': this.query.search, |
||||
|
'page': this.page.page - 1, |
||||
|
'size': this.page.size |
||||
|
} |
||||
|
FetchInitCategoryView(params).then((res) => { |
||||
|
console.log(res) |
||||
|
if (res.code !== 500) { |
||||
|
this.tableData = res.list.content |
||||
|
this.page.total = res.list.totalElements |
||||
|
} |
||||
|
this.loading = false |
||||
|
}) |
||||
|
}, |
||||
|
changeActiveTab(data) { |
||||
|
this.tabIndex = data |
||||
|
this.getViewTable() |
||||
|
this.moveSelections = [] |
||||
|
}, |
||||
|
clickRowHandler(row) { |
||||
|
this.moveSelections = [] |
||||
|
this.$refs.table.clearSelection() |
||||
|
this.$refs.table.toggleRowSelection(row) |
||||
|
// this.moveSelections.push(row) |
||||
|
}, |
||||
|
selectionChangeHandler(selection, row) { |
||||
|
this.moveSelections = selection |
||||
|
}, |
||||
|
handleComfireCollectMoveFile() { |
||||
|
// if (this.moveSelections.length > 1) { |
||||
|
// this.$message('该操作只可勾选唯一目标条目，请先确认！') |
||||
|
// return false |
||||
|
// } |
||||
|
// if (this.currentCategory.arrangeType === 1) { |
||||
|
// this.toCategoryLevel = 3 |
||||
|
// } else if (this.currentCategory.arrangeType === 2) { |
||||
|
// this.toCategoryLevel = 2 |
||||
|
// } else { |
||||
|
// if (this.collectLevel === 3) { |
||||
|
// if (this.moveSelections.length === 0) { |
||||
|
// this.toCategoryLevel = 3 |
||||
|
// } else { |
||||
|
// if (this.tabIndex === 1) { |
||||
|
// this.toCategoryLevel = 2 |
||||
|
// } else { |
||||
|
// this.toCategoryLevel = 3 |
||||
|
// } |
||||
|
// } |
||||
|
// } else { |
||||
|
// if (this.tabIndex === 1) { |
||||
|
// this.toCategoryLevel = 2 |
||||
|
// } else { |
||||
|
// this.toCategoryLevel = 1 |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
// if (this.collectLevel === 2) { |
||||
|
// if (this.toCategoryLevel === 3) { |
||||
|
// this.$message('案卷级的案卷不可移动到文件级，请先确认！') |
||||
|
// return false |
||||
|
// } |
||||
|
// } |
||||
|
// if (this.selectedCategory.id === this.currentCategory.id) { |
||||
|
// this.$message('正在移动的档案只可移动到其他位置，不可选择本身!') |
||||
|
// return false |
||||
|
// } |
||||
|
// const archivesIds = this.selections.map(item => item.id) |
||||
|
// // const toArchivesIds = this.moveSelections.map(item => item.id) |
||||
|
// let toArchivesId |
||||
|
// if (this.moveSelections.length === 0) { |
||||
|
// toArchivesId = null |
||||
|
// } else { |
||||
|
// if (this.collectLevel === 3) { |
||||
|
// console.log('this.tabIndex66', this.tabIndex) |
||||
|
// if (this.tabIndex === 1) { |
||||
|
// toArchivesId = this.moveSelections[0].id |
||||
|
// } else { |
||||
|
// if (this.selectedCategory.arrangeType === 1) { |
||||
|
// toArchivesId = this.moveSelections[0].id |
||||
|
// } else { |
||||
|
// toArchivesId = null |
||||
|
// } |
||||
|
// } |
||||
|
// } else { |
||||
|
// toArchivesId = this.moveSelections[0].id |
||||
|
// } |
||||
|
// } |
||||
|
// const params = { |
||||
|
// 'reserve': this.isReserve, // 是否保留原条目 true 保留 false 删除 |
||||
|
// 'categoryId': this.selectedCategory.id, // 需要移动的门类总id |
||||
|
// 'categoryLevel': this.collectLevel, // 需要移动的门类级别 |
||||
|
// 'archivesIds': archivesIds, // 需要移动的档案id集合 |
||||
|
// 'toCategoryId': this.currentCategory.id, // 移动到的门类id |
||||
|
// 'toCategoryLevel': this.toCategoryLevel, // 移动到的门类级别 |
||||
|
// 'toArchivesId': toArchivesId // 移动到的档案id (选填) |
||||
|
// } |
||||
|
// console.log(params) |
||||
|
// FetchMove(params).then((res) => { |
||||
|
// console.log(res) |
||||
|
// if (res.code !== 500) { |
||||
|
// this.$message.success('移动成功') |
||||
|
// this.$emit('close-dialog') |
||||
|
// } else { |
||||
|
// this.$message.error('移动失败') |
||||
|
// } |
||||
|
// this.handleCloseDialog() |
||||
|
// }) |
||||
|
}, |
||||
|
handleSizeChange(size) { |
||||
|
this.page.size = size |
||||
|
this.page.page = 1 |
||||
|
this.getViewTableList() |
||||
|
}, |
||||
|
handleCurrentPage(val) { |
||||
|
this.page.page = val |
||||
|
this.getViewTableList() |
||||
|
}, |
||||
|
handleCloseDialog(done) { |
||||
|
// 重置表单数据 |
||||
|
this.query.search = null |
||||
|
this.tableDisplayFields = [] |
||||
|
this.tableData = [] |
||||
|
this.$refs.table.clearSelection() |
||||
|
this.moveSelections = [] |
||||
|
this.collectMoveFileVisible = false |
||||
|
this.isReserve = false |
||||
|
// 关闭弹框 |
||||
|
// done() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
.collectMoveFile-dialog{ |
||||
|
::v-deep .el-dialog{ |
||||
|
width: 1000px; |
||||
|
.search-btn-box{ |
||||
|
.el-button{ |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.collectMove-main{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
width: 100%; |
||||
|
height: 557px; |
||||
|
border: 1px solid #E6E8ED; |
||||
|
.collectMove-left{ |
||||
|
width: 260px; |
||||
|
overflow: hidden; |
||||
|
overflow-y: scroll; |
||||
|
.elect-cont-left{ |
||||
|
width: auto !important; |
||||
|
margin-right: 0 !important; |
||||
|
} |
||||
|
::v-deep .container-left{ |
||||
|
min-height: calc(100%) !important; |
||||
|
} |
||||
|
} |
||||
|
.collectMove-right{ |
||||
|
width: calc(100% - 260px); |
||||
|
flex: 1; |
||||
|
border-left: 1px solid #E6E8ED; |
||||
|
.head-search{ |
||||
|
// padding: 0 20px 0 0; |
||||
|
flex: 1; |
||||
|
justify-content: flex-end; |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
.table-list{ |
||||
|
height: 440px; |
||||
|
border-bottom: 1px solid #E6E8ED; |
||||
|
.el-pagination{ |
||||
|
margin: 15px 0 !important; |
||||
|
} |
||||
|
} |
||||
|
.move-checked{ |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
padding: 0 30px; |
||||
|
height: 42px; |
||||
|
line-height: 42px; |
||||
|
.checkbox-style{ |
||||
|
font-size: 14px; |
||||
|
color: #0C0E1E; |
||||
|
margin-right: 30px; |
||||
|
} |
||||
|
.el-checkbox{ |
||||
|
margin-right: 20px; |
||||
|
::v-deep .el-checkbox__input.is-disabled .el-checkbox__inner{ |
||||
|
border-color: #0348f3; |
||||
|
background-color: #0348f3; |
||||
|
} |
||||
|
::v-deep .el-checkbox__label{ |
||||
|
opacity: 0; |
||||
|
margin-left: -100px; |
||||
|
padding-left: 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.collectMove-header{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
padding: 20px 20px 20px 0; |
||||
|
.detail-tab .tab-nav{ |
||||
|
margin: 0; |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
.detail-tab .tab-nav li{ |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
.detail-tab .tab-nav li.active-tab-nav{ |
||||
|
padding-bottom: 0; |
||||
|
} |
||||
|
} |
||||
|
.dialog-footer{ |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,275 @@ |
|||||
|
<template> |
||||
|
<el-dialog class="detail-dialog" :title="detailTitle" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="archivesInfoVisible" :before-close="handleClose"> |
||||
|
<!-- <span class="dialog-right-top" /> |
||||
|
<span class="dialog-left-bottom" /> --> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="detail-tab tab-content"> |
||||
|
<!-- tab --> |
||||
|
<ul class="tab-nav"> |
||||
|
<li :class="{'active-tab-nav': archivesTabIndex == 0}" @click="changeActiveTab(0)">基本信息</li> |
||||
|
<li v-if="isHasFile" :class="{'active-tab-nav': archivesTabIndex == 1}" @click="changeActiveTab(1)">原文列表</li> |
||||
|
<li v-if="!isHasFile && isTitleType === 3" :class="{'active-tab-nav': archivesTabIndex == 5}" @click="changeActiveTab(5)">文件列表</li> |
||||
|
<li v-if="!isHasFile && isTitleType === 2" :class="{'active-tab-nav': archivesTabIndex == 5}" @click="changeActiveTab(5)">案卷列表</li> |
||||
|
<li :class="{'active-tab-nav': archivesTabIndex == 2}" @click="changeActiveTab(2)">元数据</li> |
||||
|
<li v-if="isFourTest" :class="{'active-tab-nav': archivesTabIndex == 3}" @click="changeActiveTab(3)">四性检测</li> |
||||
|
<li v-if="isFourTest && isHasFile" :class="{'active-tab-nav': archivesTabIndex == 4}" @click="changeActiveTab(4)">操作记录</li> |
||||
|
</ul> |
||||
|
<!-- 基本信息 --> |
||||
|
<div v-if="archivesTabIndex==0" class="base-info item-content"> |
||||
|
<el-row> |
||||
|
<el-col v-for="(item,index) in archivesDetailsData" :key="index" :span="item.isLine ? 24 : 12" class="base-info-item"> |
||||
|
<span>{{ item.fieldCnName }}：</span> |
||||
|
<p :style="{ width: ( item.editLength ? item.editLength+'px' : '' ), flex: ( !item.editLength ? 1 : '' )}">{{ item.context }}</p> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
<!-- 附件 --> |
||||
|
<UploadFile v-if="archivesTabIndex==1" ref="uploadFile" class="item-content" :is-upload-detail="false" :selected-category="selectedCategory" :arc-id="arcId" /> |
||||
|
<!-- 元数据 --> |
||||
|
<div v-if="archivesTabIndex==2" class="metadata-cont item-content"> |
||||
|
<pre v-highlightjs="xml_show"> |
||||
|
<code class="highlight_s"> |
||||
|
{[xml_show]} |
||||
|
</code> |
||||
|
</pre> |
||||
|
</div> |
||||
|
<FourTestInfo v-if="archivesTabIndex===3" /> |
||||
|
<HandleInfo v-if="archivesTabIndex===4" /> |
||||
|
<ArchivesListModule v-show="archivesTabIndex===5" ref="archivesListModuleRef" :selected-category="selectedCategory" :is-title-type="isTitleType" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { form } from '@crud/crud' |
||||
|
import { FetchDetailsById, FetchArchivesMetadata } from '@/api/collect/collect' |
||||
|
import UploadFile from '../uploadFile/index' |
||||
|
import FourTestInfo from '../fourTestInfo/index' |
||||
|
import HandleInfo from '../handleInfo/index' |
||||
|
export default { |
||||
|
name: 'ArchivesInfo', |
||||
|
components: { UploadFile, FourTestInfo, HandleInfo }, |
||||
|
mixins: [ |
||||
|
form({}) |
||||
|
], |
||||
|
props: { |
||||
|
selectedCategory: { |
||||
|
type: Object, |
||||
|
default: function() { |
||||
|
return {} |
||||
|
} |
||||
|
}, |
||||
|
arcId: { |
||||
|
type: String, |
||||
|
default: function() { |
||||
|
return '' |
||||
|
} |
||||
|
}, |
||||
|
isTitleType: { |
||||
|
type: Number, |
||||
|
default: 2 |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
detailTitle: '', |
||||
|
isHasFile: false, // 卷内/文件才有附件 |
||||
|
isFourTest: false, |
||||
|
isDetailsInfo: false, // 项目不显示最下面5行基本信息 |
||||
|
archivesInfoVisible: false, |
||||
|
archivesTabIndex: 0, |
||||
|
archivesDetailsData: [], |
||||
|
archivesDetailsMetadata: [], |
||||
|
xml_show: null |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
getDetial(collectLevel, rowId) { |
||||
|
const params = { |
||||
|
'categoryId': this.selectedCategory.id, |
||||
|
'categoryLevel': collectLevel, |
||||
|
'id': rowId |
||||
|
} |
||||
|
FetchDetailsById(params).then(data => { |
||||
|
this.archivesDetailsData = data.showFiled |
||||
|
.filter(field => field.fieldName in data.echo) |
||||
|
.map(field => ({ |
||||
|
editLength: field.editLength, |
||||
|
isLine: field.isLine, |
||||
|
fieldCnName: field.fieldCnName, |
||||
|
fieldName: field.fieldName, |
||||
|
context: data.echo[field.fieldName] |
||||
|
})) |
||||
|
}) |
||||
|
const metaDataParams = { |
||||
|
'categoryId': this.selectedCategory.id, |
||||
|
'categoryLevel': collectLevel, |
||||
|
'archivesId': rowId |
||||
|
} |
||||
|
FetchArchivesMetadata(metaDataParams).then(data => { |
||||
|
this.archivesDetailsMetadata = data |
||||
|
}) |
||||
|
}, |
||||
|
setXml() { |
||||
|
const xmlstr = this.archivesDetailsMetadata |
||||
|
this.xml_show = this.showXml(xmlstr) |
||||
|
}, |
||||
|
changeActiveTab(index) { |
||||
|
this.archivesTabIndex = index |
||||
|
if (this.archivesTabIndex === 2) { |
||||
|
this.setXml() |
||||
|
} else if (this.archivesTabIndex === 5) { |
||||
|
if (this.isTitleType === 2) { |
||||
|
this.$refs.archivesListModuleRef.detailLevel = 2 |
||||
|
} else if (this.isTitleType === 3) { |
||||
|
this.$refs.archivesListModuleRef.detailLevel = 3 |
||||
|
} else { |
||||
|
this.$refs.archivesListModuleRef.detailLevel = 4 |
||||
|
} |
||||
|
this.$refs.archivesListModuleRef.parentId = this.arcId |
||||
|
this.$refs.archivesListModuleRef.isDetail = true |
||||
|
this.$refs.archivesListModuleRef.getViewTable() |
||||
|
} |
||||
|
this.$nextTick(() => { |
||||
|
if (this.$refs.uploadFile) { |
||||
|
this.$refs.uploadFile.tableData = [] |
||||
|
this.$refs.uploadFile.getFileList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 删除 - 关闭 |
||||
|
handleClose(done) { |
||||
|
this.archivesInfoVisible = false |
||||
|
localStorage.removeItem('collectLevelList') |
||||
|
done() |
||||
|
}, |
||||
|
// xml格式化 |
||||
|
showXml(str) { |
||||
|
var that = this |
||||
|
var text = str |
||||
|
// 去掉多余的空格 |
||||
|
text = |
||||
|
'\n' + |
||||
|
text |
||||
|
.replace(/(<\w+)(\s.*?>)/g, function($0, name, props) { |
||||
|
return name + ' ' + props.replace(/\s+(\w+=)/g, ' $1') |
||||
|
}) |
||||
|
.replace(/>\s*?</g, '>\n<') |
||||
|
// 把注释编码 |
||||
|
text = text |
||||
|
.replace(/\n/g, '\r') |
||||
|
.replace(/<!--(.+?)-->/g, function($0, text) { |
||||
|
var ret = '<!--' + escape(text) + '-->' |
||||
|
return ret |
||||
|
}) |
||||
|
.replace(/\r/g, '\n') |
||||
|
|
||||
|
// 调整格式 |
||||
|
var rgx = /\n(<(([^\?]).+?)(?:\s|\s*?>|\s*?(\/)>)(?:.*?(?:(?:(\/)>)|(?:<(\/)\2>)))?)/gm |
||||
|
var nodeStack = [] |
||||
|
var output = text.replace(rgx, function( |
||||
|
$0, |
||||
|
all, |
||||
|
name, |
||||
|
isBegin, |
||||
|
isCloseFull1, |
||||
|
isCloseFull2, |
||||
|
isFull1, |
||||
|
isFull2 |
||||
|
) { |
||||
|
var isClosed = |
||||
|
isCloseFull1 === '/' || |
||||
|
isCloseFull2 === '/' || |
||||
|
isFull1 === '/' || |
||||
|
isFull2 === '/' |
||||
|
var prefix = '' |
||||
|
if (isBegin === '!') { |
||||
|
prefix = that.getPrefix(nodeStack.length) |
||||
|
} else { |
||||
|
if (isBegin !== '/') { |
||||
|
prefix = that.getPrefix(nodeStack.length) |
||||
|
if (!isClosed) { |
||||
|
nodeStack.push(name) |
||||
|
} |
||||
|
} else { |
||||
|
nodeStack.pop() |
||||
|
prefix = that.getPrefix(nodeStack.length) |
||||
|
} |
||||
|
} |
||||
|
var ret = '\n' + prefix + all |
||||
|
return ret |
||||
|
}) |
||||
|
var outputText = output.substring(1) |
||||
|
// 把注释还原并解码，调格式 |
||||
|
outputText = outputText |
||||
|
.replace(/\n/g, '\r') |
||||
|
.replace(/(\s*)<!--(.+?)-->/g, function($0, prefix, text) { |
||||
|
if (prefix.charAt(0) === '\r') prefix = prefix.substring(1) |
||||
|
text = unescape(text).replace(/\r/g, '\n') |
||||
|
var ret = |
||||
|
'\n' + prefix + '<!--' + text.replace(/^\s*/gm, prefix) + '-->' |
||||
|
return ret |
||||
|
}) |
||||
|
outputText = outputText.replace(/\s+$/g, '').replace(/\r/g, '\r\n') |
||||
|
return outputText |
||||
|
}, |
||||
|
getPrefix(prefixIndex) { |
||||
|
var span = ' ' |
||||
|
var output = [] |
||||
|
for (var i = 0; i < prefixIndex; ++i) { |
||||
|
output.push(span) |
||||
|
} |
||||
|
return output.join('') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.base-info, |
||||
|
.metadata-cont{ |
||||
|
background-color: #F6F8FC; |
||||
|
|
||||
|
} |
||||
|
// 档案详情 |
||||
|
.base-info{ |
||||
|
padding: 20px 0; |
||||
|
overflow: hidden; |
||||
|
overflow-y: scroll; |
||||
|
.base-info-item{ |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
margin-bottom: 20px; |
||||
|
color: #545B65; |
||||
|
span{ |
||||
|
display: block; |
||||
|
width: 120px; |
||||
|
margin-right: 5px; |
||||
|
text-align: right; |
||||
|
color: #0C0E1E; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
code.hljs { |
||||
|
font-size: 12px; |
||||
|
color: #0C0E1E !important; |
||||
|
height: 530px !important; |
||||
|
} |
||||
|
::v-deep .hljs-name{ |
||||
|
color: #0C0E1E !important; |
||||
|
} |
||||
|
.base-info .base-info-item span.el-tag{ |
||||
|
width: auto; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.detail-tab .tab-nav{ |
||||
|
margin: 10px 0 18px 0; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,119 @@ |
|||||
|
<template> |
||||
|
<!--四性检测-档案详情内--> |
||||
|
<div class="fourTest-container"> |
||||
|
<el-table :data="tableData" style="min-width: 100%" height="calc(100vh - 440px)"> |
||||
|
<el-table-column prop="admin" label="检测人" min-width="60" /> |
||||
|
<el-table-column prop="createTime" label="检测时间" min-width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.createTime | parseTime }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="truth" label="真实性" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.truth===1" class="four-icon iconfont icon-zhengque" /> |
||||
|
<span v-else class="four-icon iconfont icon-cuowu" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="integrity" label="完整性" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.integrity===1" class="four-icon iconfont icon-zhengque" /> |
||||
|
<span v-else class="four-icon iconfont icon-cuowu" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="availability" label="可用性" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.availability===1" class="four-icon iconfont icon-zhengque" /> |
||||
|
<span v-else class="four-icon iconfont icon-cuowu" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="safety" label="安全性" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.safety===1" class="four-icon iconfont icon-zhengque" /> |
||||
|
<span v-else class="four-icon iconfont icon-cuowu" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="createDate" label="检测结果" min-width="220"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>共检测{{ scope.row.totalNum }}项，<span class="testSuccess">通过{{ scope.row.successNum }}条</span>，<span class="testError">未通过{{ scope.row.errorNum }}条</span></div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</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> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
const data = [ |
||||
|
{ |
||||
|
'id': '005E76FEC5A2AAB368CA1F', |
||||
|
'admin': 'admin', |
||||
|
'archive_no': 'YXK-2022-JJ-001 ', |
||||
|
'maintitle': '文书档案001', |
||||
|
'createTime': 1660706815000, |
||||
|
'truth': 0, |
||||
|
'integrity': 1, |
||||
|
'availability': 0, |
||||
|
'safety': 0, |
||||
|
'totalNum': 5, |
||||
|
'successNum': 1, |
||||
|
'errorNum': 0 |
||||
|
}, |
||||
|
{ |
||||
|
'id': '005E76FEC5A2AAB368CA1F2', |
||||
|
'admin': 'admin', |
||||
|
'archive_no': 'YXK-2022-JJ-002 ', |
||||
|
'maintitle': '文书档案001', |
||||
|
'createTime': 1660706815000, |
||||
|
'truth': 0, |
||||
|
'integrity': 1, |
||||
|
'availability': 1, |
||||
|
'safety': 0, |
||||
|
'totalNum': 5, |
||||
|
'successNum': 1, |
||||
|
'errorNum': 0 |
||||
|
} |
||||
|
] |
||||
|
export default { |
||||
|
name: 'FourTestInfo', |
||||
|
components: { }, |
||||
|
mixins: [], |
||||
|
data() { |
||||
|
return { |
||||
|
tableData: [{}, {}], |
||||
|
page: { |
||||
|
page: 1, |
||||
|
size: 10, |
||||
|
total: 0 |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
mounted() { |
||||
|
this.tableData = data |
||||
|
}, |
||||
|
methods: { |
||||
|
handleSizeChange(size) { |
||||
|
this.page.size = size |
||||
|
this.page.page = 1 |
||||
|
}, |
||||
|
handleCurrentPage(val) { |
||||
|
this.page.page = val |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
@import "~@/assets/styles/collect-reorganizi.scss"; |
||||
|
</style> |
||||
@ -0,0 +1,81 @@ |
|||||
|
<template> |
||||
|
<!--档案详情-操作记录--> |
||||
|
<div class="fourTest-container"> |
||||
|
<el-table :data="tableData" style="min-width: 100%" height="calc(100vh - 440px)"> |
||||
|
<el-table-column prop="type" label="操作类型" min-width="60" /> |
||||
|
<el-table-column prop="isAgree" label="处理意见" min-width="60" /> |
||||
|
<el-table-column prop="admin" label="处理人" min-width="60" /> |
||||
|
<el-table-column prop="createTime" label="处理时间" min-width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.createTime | parseTime }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="remark" label="备注" min-width="60" /> |
||||
|
</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> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
const data = [ |
||||
|
{ |
||||
|
'id': '005E76FEC5A2AAB368CA1F', |
||||
|
'admin': 'admin', |
||||
|
'type': '预归档新增', |
||||
|
'isAgree': '同意', |
||||
|
'createTime': 1660706815000, |
||||
|
'remark': '' |
||||
|
}, |
||||
|
{ |
||||
|
'id': '005E76FEC5A2AAB368CA1F2', |
||||
|
'admin': 'admin', |
||||
|
'type': '装盒', |
||||
|
'isAgree': '拒绝', |
||||
|
'createTime': 1660706815000, |
||||
|
'remark': '' |
||||
|
} |
||||
|
] |
||||
|
export default { |
||||
|
name: 'HandleInfo', |
||||
|
components: { }, |
||||
|
mixins: [], |
||||
|
data() { |
||||
|
return { |
||||
|
tableData: [{}, {}], |
||||
|
page: { |
||||
|
page: 1, |
||||
|
size: 10, |
||||
|
total: 0 |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
mounted() { |
||||
|
this.tableData = data |
||||
|
}, |
||||
|
methods: { |
||||
|
handleSizeChange(size) { |
||||
|
this.page.size = size |
||||
|
this.page.page = 1 |
||||
|
}, |
||||
|
handleCurrentPage(val) { |
||||
|
this.page.page = val |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
@import "~@/assets/styles/collect-reorganizi.scss"; |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue