5 changed files with 768 additions and 574 deletions
-
9src/api/archivesManage/archivesList.js
-
961src/views/archivesManage/archivesList/archivesAnjuan/index.vue
-
9src/views/archivesManage/archivesList/index.vue
-
89src/views/archivesManage/archivesList/module/oneClickDelete/index.vue
-
274src/views/archivesManage/archivesList/oneClickDelete/index.vue
@ -1,481 +1,480 @@ |
|||
<template> |
|||
<div class="archives-warp"> |
|||
<!--工具栏--> |
|||
<div class="head-container head-archives clearfix"> |
|||
<div v-if="!recycleMain.isRecycle" class="archives-crud"> |
|||
<!-- 新增 --> |
|||
<el-button v-if="!isHasProject" size="mini" :disabled="isProject && selectedCategory.isType === 2" icon="el-icon-plus" @click="handleForm('add','档案', 1)">新增</el-button> |
|||
<!-- 修改 --> |
|||
<el-button size="mini" icon="el-icon-edit" :disabled="selections.length !== 1" @click="handleForm('edit','档案',null)">修改</el-button> |
|||
<!-- 删除btn 多选 --> |
|||
<el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="crud.delAllLoading" :disabled="selections.length === 0" @click="toDelete(selections)">删除</el-button> |
|||
<!-- 导出btn :disabled="!crud.data.length" --> |
|||
<el-button v-permission="permission.download" :disabled="isProject && selectedCategory.isType === 2" :loading="crud.downloadLoading" size="mini" icon="el-icon-download" @click="doExport(0)">导出</el-button> |
|||
<!-- 上传附件btn 针对卷内/文件 单选 --> |
|||
<el-button v-if="selectedCategory.isType===5" :disabled="selections.length !== 1" size="mini" icon="el-icon-download" @click="uploadFile">上传附件</el-button> |
|||
</div> |
|||
<div v-else class="archives-recycle"> |
|||
<el-button icon="el-icon-delete" size="mini" :disabled="selections.length === 0" @click="toDelete(selections)">彻底删除</el-button> |
|||
<el-button size="mini" class="iconfont icon-huanyuan-fanbai" :disabled="selections.length === 0" @click="handleRestore">还原</el-button> |
|||
</div> |
|||
<div class="head-search"> |
|||
<!-- 搜索 --> |
|||
<el-select v-if="!recycleMain.isRecycle" v-model="query.queryType" clearable size="small" placeholder="状态" class="filter-item" style="width: 100px" @change="stateSelect"> |
|||
<i slot="prefix" class="iconfont icon-zhuangtai-fanbai" /> |
|||
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value" /> |
|||
</el-select> |
|||
<el-input v-model="anjuanQuery[anjuanInputSelect]" clearable size="small" placeholder="请输入关键词" style="width: 220px;" class="input-prepend filter-item" @clear="getTableList()" @keyup.enter.native="getTableList"> |
|||
<el-select slot="prepend" v-model="anjuanInputSelect" style="width: 112px" @change="querySelect(anjuanInputSelect)"> |
|||
<el-option |
|||
v-for="item in queryOption" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-input> |
|||
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="getTableList()">搜索</el-button> |
|||
</div> |
|||
<div v-if="!recycleMain.isRecycle" class="archives-handler-btn"> |
|||
<!-- 装盒btn 多选 --> |
|||
<!-- <svg-icon icon-class="zhuanghe" /> --> |
|||
<el-button class="packing-btn iconfont icon-sr-dn-pz" type="primary" :disabled="selectedCategory.isType === 5 ? selections.length === 0 : selections.length !== 1" @click="handlePacking(selections,0)"><svg-icon icon-class="zhuanghe" class="svg-arc-style" />装盒</el-button> |
|||
<!-- 分卷装盒btn 针对案卷-单选 --> |
|||
<el-button v-if="selectedCategory.isType === 3 || selectedCategory.isType === 2" class="part-btn iconfont" type="primary" :disabled="selections.length !== 1" @click="handlePacking(selections,1)"><svg-icon icon-class="partzhuanghe" class="svg-arc-style" />分卷装盒</el-button> |
|||
<!-- <el-button class="warehousing-btn iconfont" type="primary">入库</el-button> --> |
|||
<!-- 借阅btn 多选 --> |
|||
<el-button class="lending-btn iconfont" :disabled="selections.length === 0" type="primary" @click="handleLending"><svg-icon icon-class="jieyue" class="svg-arc-style" />借阅</el-button> |
|||
<!-- 绑定标签btn 单选 --> |
|||
<el-button class="binding-btn iconfont" type="primary" :disabled="selections.length !== 1" @click="bindingTag(selections)"><svg-icon icon-class="bindbiaoqian" class="svg-arc-style" />绑定标签</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--新增 / 编辑 表单组件--> |
|||
<el-dialog class="preview-dialog" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="handleClose" :visible="formVisible" :title="formTitle"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<!-- form --> |
|||
<PreviewForm v-if="formPreviewData.length" ref="previewForm" :is-has-code="false" :is-disabled="false" :form-preview-data.sync="formPreviewData" :selected-category="selectedCategory" :parents-id="parentsId" :arc-id="arcId" :is-des-form-type="isDesFormType" @emitTableList="getTableList" /> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<!-- :loading="crud.status.cu === 2" --> |
|||
<el-button type="primary" @click="handlerArchivesSubmit">保存</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- table表格渲染 --> |
|||
<!-- height="calc(100vh - 434px)" --> |
|||
<el-card class="box-card" shadow="never"> |
|||
<span class="right-top-line" /> |
|||
<span class="left-bottom-line" /> |
|||
<el-table |
|||
ref="table" |
|||
v-loading="crud.loading || getTableDisplayFieldsLoading" |
|||
class="archives-table" |
|||
:data="anjuanData" |
|||
highlight-current-row |
|||
style="width: 100%;" |
|||
:height="anjuanTableHeight" |
|||
:row-class-name="tableRowClassName" |
|||
:row-key="rowKey" |
|||
@select-all="selectAll" |
|||
@selection-change="crud.selectionChangeHandler" |
|||
@row-click="clickRowHandler" |
|||
@cell-dblclick="tableDoubleClick" |
|||
@select="handleCurrentChange" |
|||
> |
|||
<el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> |
|||
<el-table-column type="index" label="序号" width="55" align="center" /> |
|||
<el-table-column :label=" selectedCategory.isType === 5 ? '文件':'卷内'" prop="children_num" width="55" align="center" /> |
|||
<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-column v-if="!recycleMain.isRecycle" label="标签" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> |
|||
<template slot-scope="scope"> |
|||
<!-- 未绑 / 已绑 --> |
|||
<span :class="['row-state', 'row-binding', scope.row.tid ? 'state-active' : '' ]">{{ scope.row.tid ? '已绑': '未绑' }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column v-if="!recycleMain.isRecycle" label="装盒" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> |
|||
<!-- state-active 已装/已入/已借/已绑 --> |
|||
<template slot-scope="scope"> |
|||
<!-- 未装 / 已装 --> |
|||
<span :class="['row-state', 'row-packing', scope.row.case_no ? 'state-active' : '' ]">{{ scope.row.case_no ? '已装': '未装' }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column v-if="!recycleMain.isRecycle" label="入库" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> |
|||
<template slot-scope="scope"> |
|||
<!-- is_storage 为空的情况下即没装盒 / 0 未入 / 1 待入 / 2 已入 / 3 待出--> |
|||
<span :class="['row-state', 'row-warehousing', (storageTxt[scope.$index] === '已入' )? 'state-active' : '' ]">{{ storageTxt[scope.$index] }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column v-if="!recycleMain.isRecycle" label="借阅" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> |
|||
<template slot-scope="scope"> |
|||
<!-- is_borrow 4 已归还 / 为空 - 未加入待借列表 - 在库 / 2 待借阅（在待借列表/借出确认列表） - 待借 / 1待登记 - 不可借-用“—” 表示 / 3 待归还 - 已借 --> |
|||
<span :class="['row-state', 'row-lending', (borrowTxt[scope.$index] === '已借' )? 'state-active' : '' ]">{{ borrowTxt[scope.$index] }}</span> |
|||
</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" |
|||
/> |
|||
</el-card> |
|||
|
|||
<!-- 上传附件 --> |
|||
<el-dialog class="upload-dialog" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="handleClose" :visible.sync="uploadFileVisible" title="上传附件"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<UploadFile ref="uploadFile" :category-id="categoryId" :arc-id="arcId" /> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 档案详情 --> |
|||
<ArchivesInfo ref="archivesInfo" :category-id="categoryId" :arc-id="arcId" /> |
|||
<!-- 装盒 --> |
|||
<Packing ref="packing" /> |
|||
<!-- 绑定标签 --> |
|||
<binding-tag-dlg ref="bindingTag" :binding-id="selections[0] && selections[0].id" :binding-type="1" binding-txt="档案" @refresh="crud.refresh" /> |
|||
<!-- 还原 --> |
|||
<RestoreArchives ref="restore" :selections="selections" :category-id="categoryId" /> |
|||
<!-- 删除档案 --> |
|||
<DeltArchives ref="deltArchives" :selections="selections" :category-id="categoryId" :total-sum-all="totalSumAll" :is-delt-type="2" /> |
|||
|
|||
<!-- 借阅 --> |
|||
<el-dialog title="借阅" :visible.sync="lengingVisible" :close-on-click-modal="false" :before-close="handleClose"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<div class="dialog-delt"> |
|||
<p><span>确定将当前档案加入借阅列表？</span></p> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click.native="handleLendingConfirm">确定</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { header, form } from '@crud/crud' |
|||
import { mapGetters } from 'vuex' |
|||
import { archivesCrud } from '../mixins/archives' |
|||
import { FetchIsExistBorrow, FetchAddArchivesWaitRegister } from '@/api/archivesManage/lendManage' |
|||
import PreviewForm from '@/views/components/category/PreviewForm' |
|||
import ArchivesInfo from '../module/archivesInfo/index' |
|||
import Packing from '../module/packing/index' |
|||
import BindingTagDlg from '@/views/components/BindingTagDlg' |
|||
import UploadFile from '../module/uploadFile/index' |
|||
import RestoreArchives from '../module/restoreArchives/index' |
|||
import DeltArchives from '../module/deltArchives/index' |
|||
|
|||
export default { |
|||
name: 'ArchivesAnjuan', |
|||
components: { PreviewForm, ArchivesInfo, Packing, BindingTagDlg, UploadFile, RestoreArchives, DeltArchives }, |
|||
mixins: [ |
|||
header(), |
|||
form({}), |
|||
archivesCrud |
|||
], |
|||
provide() { |
|||
return { |
|||
caseData: this |
|||
} |
|||
}, |
|||
inject: ['recycleMain'], |
|||
props: { |
|||
selectedCategory: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
isProject: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
projectSelection: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
fixedStatusBar: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
smartQuery: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
isHasProject: { |
|||
type: Boolean, |
|||
default: true |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
anjuanData: [], |
|||
anjuanQuery: {}, |
|||
queryOption: [], |
|||
anjuanInputSelect: '', |
|||
stateOptions: [ // 搜索 - 状态选择 |
|||
{ value: '0', label: '全部' }, |
|||
{ value: '1', label: '未装' }, |
|||
{ value: '2', label: '未入' }, |
|||
{ value: '3', label: '待入' }, |
|||
{ value: '4', label: '在库' }, |
|||
{ value: '5', label: '待借' }, |
|||
{ value: '6', label: '已借' } |
|||
], |
|||
isAnjuan: true, // 用于判断卷内-新增/导出按钮 |
|||
lengingVisible: false // 借阅 |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'baseApi' |
|||
]) |
|||
}, |
|||
watch: { |
|||
selectedCategory: function(newValue, oldValue) { |
|||
this.query.queryTitle = '' |
|||
this.query.archiveNo = '' |
|||
this.query.archiveCtgNo = '' |
|||
this.query.responsibleby = '' |
|||
this.resetQuery() |
|||
}, |
|||
tableDisplayFields(val) { |
|||
this.doLayout() |
|||
}, |
|||
isProject: function(newValue, oldValue) { |
|||
}, |
|||
isHasProject: function(newValue, oldValue) { |
|||
}, |
|||
fixedStatusBar: function(newValue, oldValue) { |
|||
}, |
|||
projectSelection: function(newValue, oldValue) { |
|||
}, |
|||
smartQuery: { |
|||
handler(n, o) { |
|||
}, |
|||
deep: true |
|||
} |
|||
}, |
|||
created() { |
|||
this.resetQuery() |
|||
this.selections = [] |
|||
this.query.queryType = this.stateOptions[0].value |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
// 文件/案卷重置query |
|||
resetQuery() { |
|||
if (this.selectedCategory.isType === 5) { |
|||
this.queryOption = [ |
|||
{ value: 'queryTitle', label: '题名' }, |
|||
{ value: 'archiveNo', label: '档号' }, |
|||
{ value: 'responsibleby', label: '责任者' } |
|||
] |
|||
} else { |
|||
this.queryOption = [ |
|||
{ value: 'queryTitle', label: '题名' }, |
|||
{ value: 'archiveNo', label: '档号' }, |
|||
{ value: 'archiveCtgNo', label: '实体分类号' } |
|||
] |
|||
} |
|||
this.anjuanInputSelect = this.queryOption[0].value |
|||
}, |
|||
// 档案列表获取显示列 |
|||
getTableDisplayFields(type) { |
|||
this.getTableItemCommon(type) |
|||
}, |
|||
handleSizeChange(size) { |
|||
this.page.size = size |
|||
this.page.page = 1 |
|||
this.getListCommon('anjuanData', 'anjuanTableHeight', 1) |
|||
this.$nextTick(() => { |
|||
this.selections = this.$refs.table.selection |
|||
}) |
|||
}, |
|||
// list |
|||
getTableList() { |
|||
// this.query.queryType = null |
|||
this.query.queryTitle = '' |
|||
this.query.archiveNo = '' |
|||
this.query.archiveCtgNo = '' |
|||
this.query.responsibleby = '' |
|||
switch (this.anjuanInputSelect) { |
|||
case 'queryTitle': // 题名 |
|||
this.query.queryTitle = this.anjuanQuery[this.anjuanInputSelect] |
|||
break |
|||
case 'archiveNo': // 档号 |
|||
this.query.archiveNo = this.anjuanQuery[this.anjuanInputSelect] |
|||
break |
|||
case 'archiveCtgNo': // 实体分类号 |
|||
this.query.archiveCtgNo = this.anjuanQuery[this.anjuanInputSelect] |
|||
break |
|||
case 'responsibleby': // 责任者 |
|||
this.query.responsibleby = this.anjuanQuery[this.anjuanInputSelect] |
|||
break |
|||
} |
|||
this.getListCommon('anjuanData', 'anjuanTableHeight', 1) |
|||
}, |
|||
stateSelect(val) { |
|||
this.page.page = 1 |
|||
this.query.queryType = val |
|||
this.getListCommon('anjuanData', 'anjuanTableHeight', 1) |
|||
}, |
|||
// table - 全选 |
|||
selectAll(val) { |
|||
this.selections = val |
|||
this.isAnjuan = val.length !== 1 |
|||
this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
this.$emit('getSelections', val, this.selections) |
|||
}, |
|||
// table - 双击查看详情 |
|||
tableDoubleClick(row) { |
|||
if (this.selectedCategory.isType !== 5) { |
|||
this.$refs.archivesInfo.isHasFile = false |
|||
} else { |
|||
this.$refs.archivesInfo.isHasFile = true |
|||
} |
|||
this.$refs.archivesInfo.isDetailsInfo = true |
|||
this.$refs.archivesInfo.isTidOrBorrow = true |
|||
this.arcId = row.id |
|||
this.$refs.archivesInfo.detailTitle = '档案详情' |
|||
this.$refs.archivesInfo.archivesInfoVisible = true |
|||
this.$refs.archivesInfo.archivesTabIndex = 0 |
|||
this.$refs.archivesInfo.getDetial(row.id) |
|||
}, |
|||
// table - 当前选中得row |
|||
clickRowHandler(row) { |
|||
this.$refs.table.clearSelection() |
|||
this.$refs.table.toggleRowSelection(row) |
|||
this.selections = this.crud.selections |
|||
this.isAnjuan = this.crud.selections.length !== 1 |
|||
this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
this.$emit('getSelections', row, null) |
|||
}, |
|||
// 触发单选 |
|||
handleCurrentChange(selection, row) { |
|||
this.selections = selection |
|||
// 判断案卷内的卷内-新增btn-状态 |
|||
this.isAnjuan = selection.length !== 1 |
|||
this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
this.$emit('getSelections', row, selection) |
|||
}, |
|||
// 绑定标签 |
|||
bindingTag(data) { |
|||
if (data[0].tid) { |
|||
this.$refs.bindingTag.isBinding = true |
|||
this.$refs.bindingTag.tidCode = data[0].tid |
|||
} |
|||
this.$refs.bindingTag.bindingVisible = true |
|||
}, |
|||
// 装盒 |
|||
handlePacking(data, type) { |
|||
if (this.selectedCategory.isType !== 5) { |
|||
if (data[0].children_num === 0) { |
|||
this.$message.error('当前选中的档案无相关卷内文件，不可装盒！') |
|||
return |
|||
} |
|||
} |
|||
if (data[0].case_no) { |
|||
this.$message.error('当前档案已装盒，请勿重复操作！') |
|||
return |
|||
} |
|||
this.$refs.packing.packingVisible = true |
|||
this.$refs.packing.isPackingOrPartType = type |
|||
if (type) { |
|||
this.$refs.packing.getPackingFileList() |
|||
} |
|||
this.getTotalSumAll() |
|||
}, |
|||
// 借阅 |
|||
handleLending() { |
|||
const index = this.selections.findIndex((item) => item.is_storage === 0 || item.is_storage === '' || item.is_storage === 1) |
|||
const index2 = this.selections.findIndex((item) => item.is_borrow === 3) |
|||
const index3 = this.selections.findIndex((item) => item.is_storage === 3) |
|||
if (index !== -1) { |
|||
this.$message.error('所选档案还未入库不能借阅') |
|||
return false |
|||
} |
|||
if (index3 !== -1) { |
|||
this.$message.error('待出档案不可借阅') |
|||
return false |
|||
} |
|||
if (index2 !== -1) { |
|||
this.$message.error('当前档案已借出，还未归还') |
|||
return false |
|||
} |
|||
const params = this.selections.map(item => { |
|||
return item.id |
|||
}) |
|||
FetchIsExistBorrow(params).then(data => { |
|||
if (data.length === 0) { |
|||
this.lengingVisible = true |
|||
} else if (data.length === this.selections.length) { |
|||
this.$message.error('所选档案不可借阅') |
|||
} else { |
|||
this.$message.error('部分档案不可借阅') |
|||
} |
|||
}) |
|||
}, |
|||
// 确认借阅 |
|||
handleLendingConfirm() { |
|||
const params = this.selections.map(item => { |
|||
return item.id |
|||
}) |
|||
FetchAddArchivesWaitRegister(params).then(data => { |
|||
if (data.length !== 0) { |
|||
this.$message.success('借阅成功') |
|||
this.lengingVisible = false |
|||
this.crud.refresh() |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
@import "~@/assets/styles/archives-manage.scss"; |
|||
::v-deep .input-prepend{ |
|||
.el-select .el-input__inner{ |
|||
padding-left: 15px !important; |
|||
} |
|||
.el-input__inner { |
|||
padding-left: 106px !important; |
|||
} |
|||
} |
|||
::v-deep .el-table__fixed-right-patch{ |
|||
background-color:#02255f; |
|||
border-bottom: none; |
|||
} |
|||
</style> |
|||
<template> |
|||
<div class="archives-warp"> |
|||
<!--工具栏--> |
|||
<div class="head-container head-archives clearfix"> |
|||
<div v-if="!recycleMain.isRecycle" class="archives-crud"> |
|||
<!-- 新增 --> |
|||
<el-button v-if="!isHasProject" size="mini" :disabled="isProject && selectedCategory.isType === 2" icon="el-icon-plus" @click="handleForm('add','档案', 1)">新增</el-button> |
|||
<!-- 修改 --> |
|||
<el-button size="mini" icon="el-icon-edit" :disabled="selections.length !== 1" @click="handleForm('edit','档案',null)">修改</el-button> |
|||
<!-- 删除btn 多选 --> |
|||
<el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="crud.delAllLoading" :disabled="selections.length === 0" @click="toDelete(selections)">删除</el-button> |
|||
<!-- 导出btn :disabled="!crud.data.length" --> |
|||
<el-button v-permission="permission.download" :disabled="isProject && selectedCategory.isType === 2" :loading="crud.downloadLoading" size="mini" icon="el-icon-download" @click="doExport(0)">导出</el-button> |
|||
<!-- 上传附件btn 针对卷内/文件 单选 --> |
|||
<el-button v-if="selectedCategory.isType===5" :disabled="selections.length !== 1" size="mini" icon="el-icon-download" @click="uploadFile">上传附件</el-button> |
|||
</div> |
|||
<div v-else class="archives-recycle"> |
|||
<el-button icon="el-icon-delete" size="mini" :disabled="selections.length === 0" @click="toDelete(selections)">彻底删除</el-button> |
|||
<el-button size="mini" class="iconfont icon-huanyuan-fanbai" :disabled="selections.length === 0" @click="handleRestore">还原</el-button> |
|||
</div> |
|||
<div class="head-search"> |
|||
<!-- 搜索 --> |
|||
<el-select v-if="!recycleMain.isRecycle" v-model="query.queryType" clearable size="small" placeholder="状态" class="filter-item" style="width: 100px" @change="stateSelect"> |
|||
<i slot="prefix" class="iconfont icon-zhuangtai-fanbai" /> |
|||
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value" /> |
|||
</el-select> |
|||
<el-input v-model="anjuanQuery[anjuanInputSelect]" clearable size="small" placeholder="请输入关键词" style="width: 220px;" class="input-prepend filter-item" @clear="getTableList()" @keyup.enter.native="getTableList"> |
|||
<el-select slot="prepend" v-model="anjuanInputSelect" style="width: 112px" @change="querySelect(anjuanInputSelect)"> |
|||
<el-option |
|||
v-for="item in queryOption" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-input> |
|||
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="getTableList()">搜索</el-button> |
|||
</div> |
|||
<div v-if="!recycleMain.isRecycle" class="archives-handler-btn"> |
|||
<!-- 装盒btn 多选 --> |
|||
<!-- <svg-icon icon-class="zhuanghe" /> --> |
|||
<el-button class="packing-btn iconfont icon-sr-dn-pz" type="primary" :disabled="selectedCategory.isType === 5 ? selections.length === 0 : selections.length !== 1" @click="handlePacking(selections,0)"><svg-icon icon-class="zhuanghe" class="svg-arc-style" />装盒</el-button> |
|||
<!-- 分卷装盒btn 针对案卷-单选 --> |
|||
<el-button v-if="selectedCategory.isType === 3 || selectedCategory.isType === 2" class="part-btn iconfont" type="primary" :disabled="selections.length !== 1" @click="handlePacking(selections,1)"><svg-icon icon-class="partzhuanghe" class="svg-arc-style" />分卷装盒</el-button> |
|||
<!-- <el-button class="warehousing-btn iconfont" type="primary">入库</el-button> --> |
|||
<!-- 借阅btn 多选 --> |
|||
<el-button class="lending-btn iconfont" :disabled="selections.length === 0" type="primary" @click="handleLending"><svg-icon icon-class="jieyue" class="svg-arc-style" />借阅</el-button> |
|||
<!-- 绑定标签btn 单选 --> |
|||
<el-button class="binding-btn iconfont" type="primary" :disabled="selections.length !== 1" @click="bindingTag(selections)"><svg-icon icon-class="bindbiaoqian" class="svg-arc-style" />绑定标签</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--新增 / 编辑 表单组件--> |
|||
<el-dialog class="preview-dialog" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="handleClose" :visible="formVisible" :title="formTitle"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<!-- form --> |
|||
<PreviewForm v-if="formPreviewData.length" ref="previewForm" :is-has-code="false" :is-disabled="false" :form-preview-data.sync="formPreviewData" :selected-category="selectedCategory" :parents-id="parentsId" :arc-id="arcId" :is-des-form-type="isDesFormType" @emitTableList="getTableList" /> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<!-- :loading="crud.status.cu === 2" --> |
|||
<el-button type="primary" @click="handlerArchivesSubmit">保存</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- table表格渲染 --> |
|||
<!-- height="calc(100vh - 434px)" --> |
|||
<el-card class="box-card" shadow="never"> |
|||
<span class="right-top-line" /> |
|||
<span class="left-bottom-line" /> |
|||
<el-table |
|||
ref="table" |
|||
v-loading="crud.loading || getTableDisplayFieldsLoading" |
|||
class="archives-table" |
|||
:data="anjuanData" |
|||
highlight-current-row |
|||
style="width: 100%;" |
|||
:height="anjuanTableHeight" |
|||
:row-class-name="tableRowClassName" |
|||
:row-key="rowKey" |
|||
@select-all="selectAll" |
|||
@selection-change="crud.selectionChangeHandler" |
|||
@row-click="clickRowHandler" |
|||
@cell-dblclick="tableDoubleClick" |
|||
@select="handleCurrentChange" |
|||
> |
|||
<el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> |
|||
<el-table-column type="index" label="序号" width="55" align="center" /> |
|||
<el-table-column :label=" selectedCategory.isType === 5 ? '文件':'卷内'" prop="children_num" width="55" align="center" /> |
|||
<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-column v-if="!recycleMain.isRecycle" label="标签" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> |
|||
<template slot-scope="scope"> |
|||
<!-- 未绑 / 已绑 --> |
|||
<span :class="['row-state', 'row-binding', scope.row.tid ? 'state-active' : '' ]">{{ scope.row.tid ? '已绑': '未绑' }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column v-if="!recycleMain.isRecycle" label="装盒" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> |
|||
<!-- state-active 已装/已入/已借/已绑 --> |
|||
<template slot-scope="scope"> |
|||
<!-- 未装 / 已装 --> |
|||
<span :class="['row-state', 'row-packing', scope.row.case_no ? 'state-active' : '' ]">{{ scope.row.case_no ? '已装': '未装' }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column v-if="!recycleMain.isRecycle" label="入库" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> |
|||
<template slot-scope="scope"> |
|||
<!-- is_storage 为空的情况下即没装盒 / 0 未入 / 1 待入 / 2 已入 / 3 待出--> |
|||
<span :class="['row-state', 'row-warehousing', (storageTxt[scope.$index] === '已入' )? 'state-active' : '' ]">{{ storageTxt[scope.$index] }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column v-if="!recycleMain.isRecycle" label="借阅" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> |
|||
<template slot-scope="scope"> |
|||
<!-- is_borrow 4 已归还 / 为空 - 未加入待借列表 - 在库 / 2 待借阅（在待借列表/借出确认列表） - 待借 / 1待登记 - 不可借-用“—” 表示 / 3 待归还 - 已借 --> |
|||
<span :class="['row-state', 'row-lending', (borrowTxt[scope.$index] === '已借' )? 'state-active' : '' ]">{{ borrowTxt[scope.$index] }}</span> |
|||
</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" |
|||
/> |
|||
</el-card> |
|||
|
|||
<!-- 上传附件 --> |
|||
<el-dialog class="upload-dialog" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="handleClose" :visible.sync="uploadFileVisible" title="上传附件"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<UploadFile ref="uploadFile" :category-id="categoryId" :arc-id="arcId" /> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!-- 档案详情 --> |
|||
<ArchivesInfo ref="archivesInfo" :category-id="categoryId" :arc-id="arcId" /> |
|||
<!-- 装盒 --> |
|||
<Packing ref="packing" /> |
|||
<!-- 绑定标签 --> |
|||
<binding-tag-dlg ref="bindingTag" :binding-id="selections[0] && selections[0].id" :binding-type="1" binding-txt="档案" @refresh="crud.refresh" /> |
|||
<!-- 还原 --> |
|||
<RestoreArchives ref="restore" :selections="selections" :category-id="categoryId" /> |
|||
<!-- 删除档案 --> |
|||
<DeltArchives ref="deltArchives" :selections="selections" :category-id="categoryId" :total-sum-all="totalSumAll" :is-delt-type="2" /> |
|||
|
|||
<!-- 借阅 --> |
|||
<el-dialog title="借阅" :visible.sync="lengingVisible" :close-on-click-modal="false" :before-close="handleClose"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<div class="dialog-delt"> |
|||
<p><span>确定将当前档案加入借阅列表？</span></p> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click.native="handleLendingConfirm">确定</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { header, form } from '@crud/crud' |
|||
import { mapGetters } from 'vuex' |
|||
import { archivesCrud } from '../mixins/archives' |
|||
import { FetchIsExistBorrow, FetchAddArchivesWaitRegister } from '@/api/archivesManage/lendManage' |
|||
import PreviewForm from '@/views/components/category/PreviewForm' |
|||
import ArchivesInfo from '../module/archivesInfo/index' |
|||
import Packing from '../module/packing/index' |
|||
import BindingTagDlg from '@/views/components/BindingTagDlg' |
|||
import UploadFile from '../module/uploadFile/index' |
|||
import RestoreArchives from '../module/restoreArchives/index' |
|||
import DeltArchives from '../module/deltArchives/index' |
|||
|
|||
export default { |
|||
name: 'ArchivesAnjuan', |
|||
components: { PreviewForm, ArchivesInfo, Packing, BindingTagDlg, UploadFile, RestoreArchives, DeltArchives }, |
|||
mixins: [ |
|||
header(), |
|||
form({}), |
|||
archivesCrud |
|||
], |
|||
provide() { |
|||
return { |
|||
caseData: this |
|||
} |
|||
}, |
|||
inject: ['recycleMain'], |
|||
props: { |
|||
selectedCategory: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
isProject: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
projectSelection: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
fixedStatusBar: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
smartQuery: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
isHasProject: { |
|||
type: Boolean, |
|||
default: true |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
anjuanData: [], |
|||
anjuanQuery: {}, |
|||
queryOption: [], |
|||
anjuanInputSelect: '', |
|||
stateOptions: [ // 搜索 - 状态选择 |
|||
{ value: '0', label: '全部' }, |
|||
{ value: '1', label: '未装' }, |
|||
{ value: '2', label: '未入' }, |
|||
{ value: '3', label: '待入' }, |
|||
{ value: '4', label: '在库' }, |
|||
{ value: '5', label: '待借' }, |
|||
{ value: '6', label: '已借' } |
|||
], |
|||
isAnjuan: true, // 用于判断卷内-新增/导出按钮 |
|||
lengingVisible: false // 借阅 |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'baseApi' |
|||
]) |
|||
}, |
|||
watch: { |
|||
selectedCategory: function(newValue, oldValue) { |
|||
this.query.queryTitle = '' |
|||
this.query.archiveNo = '' |
|||
this.query.archiveCtgNo = '' |
|||
this.query.responsibleby = '' |
|||
this.resetQuery() |
|||
}, |
|||
tableDisplayFields(val) { |
|||
this.doLayout() |
|||
}, |
|||
isProject: function(newValue, oldValue) { |
|||
}, |
|||
isHasProject: function(newValue, oldValue) { |
|||
}, |
|||
fixedStatusBar: function(newValue, oldValue) { |
|||
}, |
|||
projectSelection: function(newValue, oldValue) { |
|||
}, |
|||
smartQuery: { |
|||
handler(n, o) { |
|||
}, |
|||
deep: true |
|||
} |
|||
}, |
|||
created() { |
|||
this.resetQuery() |
|||
this.selections = [] |
|||
this.query.queryType = this.stateOptions[0].value |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
// 文件/案卷重置query |
|||
resetQuery() { |
|||
if (this.selectedCategory.isType === 5) { |
|||
this.queryOption = [ |
|||
{ value: 'queryTitle', label: '题名' }, |
|||
{ value: 'archiveNo', label: '档号' }, |
|||
{ value: 'responsibleby', label: '责任者' } |
|||
] |
|||
} else { |
|||
this.queryOption = [ |
|||
{ value: 'queryTitle', label: '题名' }, |
|||
{ value: 'archiveNo', label: '档号' }, |
|||
{ value: 'archiveCtgNo', label: '实体分类号' } |
|||
] |
|||
} |
|||
this.anjuanInputSelect = this.queryOption[0].value |
|||
}, |
|||
// 档案列表获取显示列 |
|||
getTableDisplayFields(type) { |
|||
this.getTableItemCommon(type) |
|||
}, |
|||
handleSizeChange(size) { |
|||
this.page.size = size |
|||
this.page.page = 1 |
|||
this.getListCommon('anjuanData', 'anjuanTableHeight', 1) |
|||
this.$nextTick(() => { |
|||
this.selections = this.$refs.table.selection |
|||
}) |
|||
}, |
|||
// list |
|||
getTableList() { |
|||
// this.query.queryType = null |
|||
this.query.queryTitle = '' |
|||
this.query.archiveNo = '' |
|||
this.query.archiveCtgNo = '' |
|||
this.query.responsibleby = '' |
|||
switch (this.anjuanInputSelect) { |
|||
case 'queryTitle': // 题名 |
|||
this.query.queryTitle = this.anjuanQuery[this.anjuanInputSelect] |
|||
break |
|||
case 'archiveNo': // 档号 |
|||
this.query.archiveNo = this.anjuanQuery[this.anjuanInputSelect] |
|||
break |
|||
case 'archiveCtgNo': // 实体分类号 |
|||
this.query.archiveCtgNo = this.anjuanQuery[this.anjuanInputSelect] |
|||
break |
|||
case 'responsibleby': // 责任者 |
|||
this.query.responsibleby = this.anjuanQuery[this.anjuanInputSelect] |
|||
break |
|||
} |
|||
this.getListCommon('anjuanData', 'anjuanTableHeight', 1) |
|||
}, |
|||
stateSelect(val) { |
|||
this.page.page = 1 |
|||
this.query.queryType = val |
|||
this.getListCommon('anjuanData', 'anjuanTableHeight', 1) |
|||
}, |
|||
// table - 全选 |
|||
selectAll(val) { |
|||
this.selections = val |
|||
this.isAnjuan = val.length !== 1 |
|||
this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
this.$emit('getSelections', val, this.selections) |
|||
}, |
|||
// table - 双击查看详情 |
|||
tableDoubleClick(row) { |
|||
if (this.selectedCategory.isType !== 5) { |
|||
this.$refs.archivesInfo.isHasFile = false |
|||
} else { |
|||
this.$refs.archivesInfo.isHasFile = true |
|||
} |
|||
this.$refs.archivesInfo.isDetailsInfo = true |
|||
this.$refs.archivesInfo.isTidOrBorrow = true |
|||
this.arcId = row.id |
|||
this.$refs.archivesInfo.detailTitle = '档案详情' |
|||
this.$refs.archivesInfo.archivesInfoVisible = true |
|||
this.$refs.archivesInfo.archivesTabIndex = 0 |
|||
this.$refs.archivesInfo.getDetial(row.id) |
|||
}, |
|||
// table - 当前选中得row |
|||
clickRowHandler(row) { |
|||
this.$refs.table.clearSelection() |
|||
this.$refs.table.toggleRowSelection(row) |
|||
this.selections = this.crud.selections |
|||
this.isAnjuan = this.crud.selections.length !== 1 |
|||
this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
this.$emit('getSelections', row, null) |
|||
}, |
|||
// 触发单选 |
|||
handleCurrentChange(selection, row) { |
|||
this.selections = selection |
|||
// 判断案卷内的卷内-新增btn-状态 |
|||
this.isAnjuan = selection.length !== 1 |
|||
this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
this.$emit('getSelections', row, selection) |
|||
}, |
|||
// 绑定标签 |
|||
bindingTag(data) { |
|||
if (data[0].tid) { |
|||
this.$refs.bindingTag.isBinding = true |
|||
this.$refs.bindingTag.tidCode = data[0].tid |
|||
} |
|||
this.$refs.bindingTag.bindingVisible = true |
|||
}, |
|||
// 装盒 |
|||
handlePacking(data, type) { |
|||
if (this.selectedCategory.isType !== 5) { |
|||
if (data[0].children_num === 0) { |
|||
this.$message.error('当前选中的档案无相关卷内文件，不可装盒！') |
|||
return |
|||
} |
|||
} |
|||
if (data[0].case_no) { |
|||
this.$message.error('当前档案已装盒，请勿重复操作！') |
|||
return |
|||
} |
|||
this.$refs.packing.packingVisible = true |
|||
this.$refs.packing.isPackingOrPartType = type |
|||
if (type) { |
|||
this.$refs.packing.getPackingFileList() |
|||
} |
|||
this.getTotalSumAll() |
|||
}, |
|||
// 借阅 |
|||
handleLending() { |
|||
const index = this.selections.findIndex((item) => item.is_storage === 0 || item.is_storage === '' || item.is_storage === 1) |
|||
const index2 = this.selections.findIndex((item) => item.is_borrow === 3) |
|||
const index3 = this.selections.findIndex((item) => item.is_storage === 3) |
|||
if (index !== -1) { |
|||
this.$message.error('所选档案还未入库不能借阅') |
|||
return false |
|||
} |
|||
if (index3 !== -1) { |
|||
this.$message.error('待出档案不可借阅') |
|||
return false |
|||
} |
|||
if (index2 !== -1) { |
|||
this.$message.error('当前档案已借出，还未归还') |
|||
return false |
|||
} |
|||
const params = this.selections.map(item => { |
|||
return item.id |
|||
}) |
|||
FetchIsExistBorrow(params).then(data => { |
|||
if (data.length === 0) { |
|||
this.lengingVisible = true |
|||
} else if (data.length === this.selections.length) { |
|||
this.$message.error('所选档案不可借阅') |
|||
} else { |
|||
this.$message.error('部分档案不可借阅') |
|||
} |
|||
}) |
|||
}, |
|||
// 确认借阅 |
|||
handleLendingConfirm() { |
|||
const params = this.selections.map(item => { |
|||
return item.id |
|||
}) |
|||
FetchAddArchivesWaitRegister(params).then(data => { |
|||
if (data.length !== 0) { |
|||
this.$message.success('借阅成功') |
|||
this.lengingVisible = false |
|||
this.crud.refresh() |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
@import "~@/assets/styles/archives-manage.scss"; |
|||
::v-deep .input-prepend{ |
|||
.el-select .el-input__inner{ |
|||
padding-left: 15px !important; |
|||
} |
|||
.el-input__inner { |
|||
padding-left: 106px !important; |
|||
} |
|||
} |
|||
::v-deep .el-table__fixed-right-patch{ |
|||
background-color:#02255f; |
|||
border-bottom: none; |
|||
} |
|||
</style> |
|||
@ -1,89 +0,0 @@ |
|||
<template> |
|||
<!-- 一键删除 --> |
|||
<el-dialog class="oneClick" title="一键删除" :visible.sync="oneClickVisible" :close-on-click-modal="false" :before-close="handleClose"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
{{ getCategory }} |
|||
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="80px"> |
|||
<el-form-item label="门类" prop="categoryId"> |
|||
<el-input v-model="form.categoryId" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="年度" prop="archiveYear"> |
|||
<el-select v-model="form.archiveYear" placeholder="请选择"> |
|||
<el-option v-for="item in roles" :key="item.name" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="保管期限" prop="retention"> |
|||
<el-select v-model="form.retention" placeholder="请选择"> |
|||
<el-option v-for="item in roles" :key="item.name" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click.native="handleDeltConfirm">确定</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
// import { del, FetchCompletelyDelete } from '@/api/archivesManage/archivesList' |
|||
import { header, form } from '@crud/crud' |
|||
const defaultForm = { id: null, categoryId: null, archiveYear: null, retention: null } |
|||
export default { |
|||
name: 'OneClickDelt', |
|||
components: { }, |
|||
mixins: [ |
|||
header(), |
|||
form(defaultForm) |
|||
], |
|||
props: { |
|||
}, |
|||
inject: ['recycleMain'], |
|||
data() { |
|||
return { |
|||
getCategory: null, |
|||
roles: [], |
|||
oneClickVisible: false, |
|||
rules: { |
|||
'categoryId': [ |
|||
{ required: true, trigger: 'blur' } |
|||
], |
|||
'archiveYear': [ |
|||
{ required: true, trigger: 'change' } |
|||
], |
|||
'retention': [ |
|||
{ required: true, trigger: 'change' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
}, |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
console.log(this.getCategory) |
|||
this.form.categoryId = this.getCategory.cnName |
|||
}, |
|||
methods: { |
|||
handleDeltConfirm() { |
|||
}, |
|||
// 删除 - 关闭 |
|||
handleClose(done) { |
|||
this.oneClickVisible = false |
|||
done() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
@import "~@/assets/styles/archives-manage.scss"; |
|||
.oneClick{ |
|||
::v-deep .el-dialog{ |
|||
width: 940px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,274 @@ |
|||
<template> |
|||
<!-- 一键删除 --> |
|||
<el-dialog class="oneClick" title="一键删除" :visible.sync="oneClickVisible" :close-on-click-modal="false" :before-close="handleClose"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<el-form ref="form" :inline="true" :model="smartQuery" :rules="rules" size="small" label-width="80px"> |
|||
<el-form-item label="门类" prop="categoryName"> |
|||
<el-input v-model="smartQuery.categoryName" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="年度" prop="archiveYear"> |
|||
<el-select v-model="smartQuery.archiveYear" placeholder="请选择"> |
|||
<el-option v-for="item in archiveYearOptions" :key="item.id" :label="item.dicName" :value="item.dicName" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="保管期限" prop="retention"> |
|||
<el-select v-model="smartQuery.retention" placeholder="请选择"> |
|||
<el-option v-for="item in retentionOptions" :key="item.id" :label="item.dicName" :value="item.dicName" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="filterTableList('form')">加载</el-button> |
|||
</el-form> |
|||
<div> |
|||
<el-table |
|||
ref="table" |
|||
v-loading="crud.loading || getTableDisplayFieldsLoading" |
|||
class="archives-table" |
|||
:data="anjuanData" |
|||
highlight-current-row |
|||
style="width: 100%;" |
|||
height="calc(100vh - 556px)" |
|||
:row-key="rowKey" |
|||
@select-all="selectAll" |
|||
@selection-change="crud.selectionChangeHandler" |
|||
@row-click="clickRowHandler" |
|||
@select="handleCurrentChange" |
|||
> |
|||
<el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> |
|||
<el-table-column type="index" label="序号" width="55" align="center" /> |
|||
<el-table-column :label=" selectedCategory.isType === 5 ? '文件':'卷内'" prop="children_num" width="55" align="center" /> |
|||
<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-column v-if="!recycleMain.isRecycle" label="借阅" width="100" align="center" fixed="right"> |
|||
<template slot-scope="scope"> |
|||
<!-- is_borrow 4 已归还 / 为空 - 未加入待借列表 - 在库 / 2 待借阅（在待借列表/借出确认列表） - 待借 / 1待登记 - 不可借-用“—” 表示 / 3 待归还 - 已借 --> |
|||
<span :class="['row-state', 'row-lending', (borrowTxt[scope.$index] === '已借' )? 'state-active' : '' ]">{{ borrowTxt[scope.$index] }}</span> |
|||
</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> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click.native="handleDeltConfirm">确定删除</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import { FetchTransferMainLibrary } from '@/api/archivesManage/archivesList' |
|||
import { header } from '@crud/crud' |
|||
import { archivesCrud } from '../mixins/archives' |
|||
export default { |
|||
name: 'OneClickDelt', |
|||
components: { }, |
|||
mixins: [ |
|||
header(), |
|||
archivesCrud |
|||
], |
|||
props: { |
|||
selectedCategory: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
}, |
|||
intellClassifyTree: { |
|||
type: Array, |
|||
default: function() { |
|||
return [] |
|||
} |
|||
} |
|||
}, |
|||
inject: ['recycleMain'], |
|||
data() { |
|||
return { |
|||
anjuanData: [], |
|||
archiveYearOptions: [], |
|||
retentionOptions: [], |
|||
oneClickVisible: false, |
|||
smartQuery: { |
|||
categoryName: null, |
|||
archiveYear: null, |
|||
retention: null |
|||
}, |
|||
rules: { |
|||
'archiveYear': [ |
|||
{ required: true, trigger: 'change', message: '请选择年度' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
selectedCategory: function(newValue, oldValue) { |
|||
if (newValue && newValue.id) { |
|||
this.categoryId = newValue.id |
|||
this.smartQuery.categoryName = newValue.cnName |
|||
this.getTableItemCommon(1) |
|||
} |
|||
}, |
|||
intellClassifyTree: function(newValue, oldValue) { |
|||
if (newValue) { |
|||
this.archiveYearOptions = newValue[0].childMenus |
|||
newValue.filter(item => { |
|||
if (item.dicCode === 'Search_BGQX') { |
|||
this.retentionOptions = item.childMenus |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
this.categoryId = this.selectedCategory.id |
|||
this.smartQuery.categoryName = this.selectedCategory.cnName |
|||
this.getTableItemCommon(1) |
|||
}, |
|||
methods: { |
|||
// list |
|||
getTableList() { |
|||
this.getListCommon('anjuanData', '', 1) |
|||
}, |
|||
// table - 当前选中得row |
|||
clickRowHandler(row) { |
|||
this.$refs.table.clearSelection() |
|||
this.$refs.table.toggleRowSelection(row) |
|||
this.selections = this.crud.selections |
|||
// this.isAnjuan = this.crud.selections.length !== 1 |
|||
// this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
// this.$emit('getSelections', row, null) |
|||
}, |
|||
// 触发单选 |
|||
handleCurrentChange(selection, row) { |
|||
this.selections = selection |
|||
// 判断案卷内的卷内-新增btn-状态 |
|||
// this.isAnjuan = selection.length !== 1 |
|||
// this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
// this.$emit('getSelections', row, selection) |
|||
}, |
|||
handleSizeChange(size) { |
|||
this.page.size = size |
|||
this.page.page = 1 |
|||
this.getListCommon('anjuanData', '', 1) |
|||
this.$nextTick(() => { |
|||
this.selections = this.$refs.table.selection |
|||
}) |
|||
}, |
|||
// table - 全选 |
|||
selectAll(val) { |
|||
this.selections = val |
|||
// this.isAnjuan = val.length !== 1 |
|||
// this.$emit('getJnInAjBtnState', this.isAnjuan) |
|||
// this.$emit('getSelections', val, this.selections) |
|||
}, |
|||
filterTableList(formName) { |
|||
this.$refs[formName].validate((valid) => { |
|||
if (valid) { |
|||
this.$refs.table.clearSelection() |
|||
this.getTableList() |
|||
} else { |
|||
console.log('error submit!!') |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
handleDeltConfirm() { |
|||
if (this.selections.length !== 0) { |
|||
const index2 = this.selections.findIndex((item) => item.is_borrow === 3) |
|||
if (index2 !== -1) { |
|||
this.$message.error('当前所选的档案包含已借出的，不可操作一键删除') |
|||
return false |
|||
} |
|||
const arrParams = this.selections.map(item => { |
|||
const json = {} |
|||
json.archivesId = item.id |
|||
json.caseId = item.case_no |
|||
json.categoryId = this.categoryId |
|||
json.isCase = !!item.case_no |
|||
json.isStorage = !((item.is_storage === 0 || item.is_storage === '')) |
|||
return json |
|||
}) |
|||
FetchTransferMainLibrary(arrParams).then(res => { |
|||
console.log(res) |
|||
if (res.archivesNo.length !== 0) { |
|||
if (res.archivesNo.length === this.selections.length) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '选中的档案全部一键删除成功!' |
|||
}) |
|||
} else { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '部分档案一键删除成功!' |
|||
}) |
|||
} |
|||
} else { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '档案一键删除失败!' |
|||
}) |
|||
} |
|||
this.oneClickVisible = false |
|||
this.smartQuery = { |
|||
archiveYear: null, |
|||
retention: null |
|||
} |
|||
this.anjuanData = [] |
|||
this.crud.refresh() |
|||
}) |
|||
} else { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请先加载相关数据，再进行一键删除操作!' |
|||
}) |
|||
} |
|||
}, |
|||
// 删除 - 关闭 |
|||
handleClose(done) { |
|||
this.oneClickVisible = false |
|||
this.smartQuery = { |
|||
archiveYear: null, |
|||
retention: null |
|||
} |
|||
this.anjuanData = [] |
|||
done() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
@import "~@/assets/styles/archives-manage.scss"; |
|||
.oneClick{ |
|||
::v-deep .el-dialog{ |
|||
width: 1000px; |
|||
.el-dialog__body{ |
|||
padding: 30px 0; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue