13 changed files with 806 additions and 43 deletions
-
106src/assets/iconfonts/light/iconfont.css
-
2src/assets/iconfonts/light/iconfont.js
-
175src/assets/iconfonts/light/iconfont.json
-
BINsrc/assets/iconfonts/light/iconfont.ttf
-
BINsrc/assets/iconfonts/light/iconfont.woff
-
BINsrc/assets/iconfonts/light/iconfont.woff2
-
8src/layout/components/Sidebar/index.vue
-
4src/views/archivesMIOD/miodLibrary/index.vue
-
90src/views/archivesMIOD/miodLibrary/module/detail.vue
-
2src/views/archivesMIOD/miodLibrary/treeList.vue
-
376src/views/archivesMIOD/onOffShelfRecord/index.vue
-
84src/views/archivesMIOD/filingCabinet/index.vue
-
2src/views/archivesManage/managementLibrary/module/collectHeader.vue
2
src/assets/iconfonts/light/iconfont.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,376 @@ |
|||
<template> |
|||
<div class="app-container row-container"> |
|||
<div class="head-container"> |
|||
<div class="head-search"> |
|||
<el-tooltip |
|||
class="item" |
|||
effect="dark" |
|||
content="可搜索收文号、题名、借阅者" |
|||
placement="top-start" |
|||
> |
|||
<el-input |
|||
v-model="typeValue" |
|||
size="small" |
|||
clearable |
|||
placeholder="请输入关键字搜索" |
|||
style="width: 280px;" |
|||
class="input-prepend filter-item" |
|||
@clear="crud.toQuery" |
|||
@keyup.enter.native="crud.toQuery" |
|||
@input="typeInput" |
|||
> |
|||
<el-select slot="prepend" v-model="inputSelect" style="width: 92px" @change="clearInputValue"> |
|||
<el-option |
|||
v-for="item in options" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-input> |
|||
</el-tooltip> |
|||
<div style="display: flex; justify-content: flex-start; align-items: center;"> |
|||
<p style="margin-right: 10px; font-size: 14px;">开始时间</p> |
|||
<date-range-picker v-model="blurryTimeStart" class="date-item" /> |
|||
</div> |
|||
<div style="display: flex; justify-content: flex-start; align-items: center;"> |
|||
<p style="margin-right: 10px; font-size: 14px;">结束时间</p> |
|||
<date-range-picker v-model="blurryTimeEnd" class="date-item" /> |
|||
</div> |
|||
<el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="crud.toQuery">搜索</el-button> |
|||
<el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery()">重置</el-button> |
|||
</div> |
|||
<!-- <el-button :loading="crud.downloadLoading" :disabled="crud.page.total === 0" size="mini" @click="doExport()"> |
|||
<i class="iconfont icon-daochu" /> |
|||
导出 |
|||
</el-button> --> |
|||
</div> |
|||
<div class="container-wrap"> |
|||
<span class="right-top-line" /> |
|||
<span class="left-bottom-line" /> |
|||
<!-- @selection-change="crud.selectionChangeHandler" --> |
|||
<el-table |
|||
ref="table" |
|||
v-loading="crud.loading" |
|||
class="archives-table" |
|||
:data="crud.data" |
|||
style="width: 100%;" |
|||
height="calc(100vh - 290px)" |
|||
@cell-dblclick="tableDoubleClick" |
|||
> |
|||
<el-table-column prop="op_type" label="操作类型"> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<span v-if="scope.row.op_type === 1">上架</span> |
|||
<span v-if="scope.row.op_type === 2">下架</span> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="op_position" label="操作位置" /> |
|||
<el-table-column prop="op_no" label="公文登记号" show-overflow-tooltip /> |
|||
<el-table-column prop="maintitle" label="公文题名" min-width="140" show-overflow-tooltip /> |
|||
<el-table-column prop="details_type" label="文件类型" width="80"> |
|||
<template slot-scope="scope"> |
|||
<el-tag v-if="scope.row.details_type === 1">原件</el-tag> |
|||
<el-tag v-else>复印件</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="start_time" label="操作时间" width="160"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.start_time | parseTime }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination v-if="crud.data.length !== 0" /> |
|||
</div> |
|||
<MidoArchivesInfo ref="archivesInfo" :is-shelf-record="true" :is-mido-record="true" :parent-info="parentInfo" :page-type="pageType" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import CRUD, { presenter, crud } from '@crud/crud' |
|||
import { FetchDocumentReturn } from '@/api/system/documentArchives' |
|||
import pagination from '@crud/Pagination' |
|||
import DateRangePicker from '@/components/DateRangePicker' |
|||
import MidoArchivesInfo from '@/views/archivesMIOD/miodLibrary/module/detail' |
|||
// import { parseTime } from '@/utils/index' |
|||
import { exportFile } from '@/utils/index' |
|||
import qs from 'qs' |
|||
import { mapGetters } from 'vuex' |
|||
|
|||
export default { |
|||
name: 'OnOffShelfRecord', |
|||
components: { pagination, DateRangePicker, MidoArchivesInfo }, |
|||
mixins: [presenter(), crud()], |
|||
cruds() { |
|||
return CRUD({ |
|||
url: 'api/documentArchives/initBorrowLog', |
|||
title: '上下架记录', |
|||
optShow: { |
|||
add: false, |
|||
edit: false, |
|||
del: false, |
|||
download: false, |
|||
reset: false, |
|||
group: false |
|||
} |
|||
}) |
|||
}, |
|||
data() { |
|||
return { |
|||
typeValue: null, |
|||
options: [ |
|||
{ value: null, label: '全部' }, |
|||
{ value: 1, label: '上架' }, |
|||
{ value: 2, label: '下架' } |
|||
], |
|||
inputSelect: '', |
|||
blurryTimeStart: null, |
|||
blurryTimeEnd: null, |
|||
lendDetail: false, |
|||
rowCurrent: null, |
|||
detailArcData: [], |
|||
categoryId: null, |
|||
parentInfo: null, |
|||
pageType: 'miodRecord', |
|||
returnBtnLoading: [] |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'baseApi' |
|||
]) |
|||
}, |
|||
watch: { |
|||
}, |
|||
created() { |
|||
// 初始化带select的输入框的 - 搜索 |
|||
this.inputSelect = this.options[0].value |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
typeInput(e) { |
|||
this.typeInputkey = this.getDescByValue( |
|||
this.inputSelect, |
|||
this.options, |
|||
'value', |
|||
'value' |
|||
) |
|||
this.crud.query.readType = this.typeInputkey |
|||
this.crud.query.search = e |
|||
// this.crud.query[this.typeInputkey] = e |
|||
}, |
|||
clearInputValue(val) { |
|||
console.log('val', val) |
|||
this.inputSelect = val |
|||
this.typeValue = '' |
|||
// 避免向后端传递多余参数,切换和重置时，若有typeInputkey则去掉form中对应参数 |
|||
if (this.typeInputkey) { |
|||
delete this.crud.query[this.typeInputkey] |
|||
} |
|||
this.crud.query.readType = val |
|||
this.crud.query.search = this.typeValue |
|||
this.crud.toQuery() |
|||
}, |
|||
getDescByValue(inputValue, data, inputKey = 'value', outputKey = 'value') { |
|||
let outputValue = '' |
|||
if (data && data.length > 0) { |
|||
for (let i = 0; i < data.length; i++) { |
|||
const item = data[i] |
|||
const itemValue = item[inputKey] |
|||
if (inputValue + '' === itemValue + '') { |
|||
outputValue = item[outputKey] |
|||
break |
|||
} |
|||
} |
|||
} |
|||
return outputValue |
|||
}, |
|||
[CRUD.HOOK.beforeRefresh]() { |
|||
if (this.blurryTimeStart) { |
|||
this.crud.query.borrowStartTime = this.blurryTimeStart[0] |
|||
this.crud.query.borrowEndTime = this.blurryTimeStart[1] |
|||
} else { |
|||
this.crud.query.borrowStartTime = null |
|||
this.crud.query.borrowEndTime = null |
|||
} |
|||
if (this.blurryTimeEnd) { |
|||
this.crud.query.lastStartTime = this.blurryTimeEnd[0] |
|||
this.crud.query.lastEndTime = this.blurryTimeEnd[1] |
|||
} else { |
|||
this.crud.query.lastStartTime = null |
|||
this.crud.query.lastEndTime = null |
|||
} |
|||
}, |
|||
[CRUD.HOOK.afterRefresh](crud) { |
|||
}, |
|||
resetQuery() { |
|||
this.clearInputValue() |
|||
this.inputSelect = this.options[0].value |
|||
this.crud.query.readType = null |
|||
this.crud.query.search = null |
|||
this.blurryTimeStart = [] |
|||
this.blurryTimeEnd = [] |
|||
this.crud.query.borrowStartTime = null |
|||
this.crud.query.borrowEndTime = null |
|||
this.crud.query.lastStartTime = null |
|||
this.crud.query.lastEndTime = null |
|||
this.crud.toQuery() |
|||
}, |
|||
tableDoubleClick(row) { |
|||
console.log('row', row) |
|||
this.parentInfo = row |
|||
this.$nextTick(() => { |
|||
this.$refs.archivesInfo.archivesInfoVisible = true |
|||
this.$refs.archivesInfo.archivesTabIndex = 0 |
|||
this.$refs.archivesInfo.getDetial() |
|||
}) |
|||
}, |
|||
handleReturnFile(index, row) { |
|||
this.$set(this.returnBtnLoading, index, true) |
|||
console.log('row', row) |
|||
this.$confirm('确认是否归还当前所选文件，公文登记号：' + row.reg_no + '<span>你是否还要继续？</span>', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
dangerouslyUseHTMLString: true |
|||
}).then(() => { |
|||
const param = { |
|||
'documentTid': row.reg_no |
|||
} |
|||
console.log('param', param) |
|||
FetchDocumentReturn(param).then((res) => { |
|||
console.log('resReturn', res) |
|||
if (res.code !== '-1') { |
|||
this.$message({ message: res.msg, type: 'success', offset: 8 }) |
|||
} else { |
|||
this.$message({ message: res.msg, type: 'error', offset: 8 }) |
|||
} |
|||
this.crud.toQuery() |
|||
this.$set(this.returnBtnLoading, index, false) |
|||
}).catch(error => { |
|||
console.error(error) |
|||
this.$set(this.returnBtnLoading, index, false) |
|||
}) |
|||
}).catch(() => { |
|||
this.$set(this.returnBtnLoading, index, false) |
|||
}) |
|||
}, |
|||
handleCloseDialog(done) { |
|||
}, |
|||
doExport() { |
|||
console.log('doExport', this.crud.page.total) |
|||
if (this.crud.page.total > 10000) { |
|||
this.handleExport('导出数据大于10000条，时间可能较长') |
|||
} else { |
|||
this.handleExport('此操作将导出所有数据') |
|||
} |
|||
}, |
|||
handleExport(message) { |
|||
this.$confirm(message + '<span>你是否还要继续？</span>', '提示', { |
|||
confirmButtonText: '继续', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
dangerouslyUseHTMLString: true |
|||
}).then(() => { |
|||
const params = { |
|||
'search': this.crud.query.search, |
|||
'readType': this.crud.query.readType, |
|||
'borrowStartTime': this.crud.query.borrowStartTime, |
|||
'borrowEndTime': this.crud.query.borrowEndTime, |
|||
'lastStartTime': this.crud.query.lastStartTime, |
|||
'lastEndTime': this.crud.query.lastEndTime |
|||
} |
|||
exportFile(this.baseApi + '/api/documentArchives/downloadBorrowLog?' + qs.stringify(params, { indices: false })) |
|||
}).catch(() => { |
|||
console.log('取消') |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "~@/assets/styles/collect-reorganizi.scss"; |
|||
|
|||
.recordList-main{ |
|||
height: calc(100vh - 236px); |
|||
.start-date, |
|||
.end-date{ |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
padding-left: 8px; |
|||
font-size: 14px; |
|||
line-height: 30px; |
|||
color: #0C0E1E; |
|||
span{ |
|||
display: block; |
|||
margin-right: 8px; |
|||
} |
|||
} |
|||
.iconfont{ |
|||
font-size: 14px; |
|||
} |
|||
.icon-fou{ |
|||
color: #A6ADB6; |
|||
} |
|||
.icon-shi{ |
|||
color: #12C37A; |
|||
} |
|||
.icon-dengdai{ |
|||
color: #FF8329; |
|||
} |
|||
.icon-cuowu1{ |
|||
color: #ED4A41; |
|||
} |
|||
.row-state{ |
|||
width: 56px; |
|||
padding: 0; |
|||
text-align: center; |
|||
} |
|||
} |
|||
.user-record{ |
|||
padding: 0 0 0 20px; |
|||
height: calc(100vh - 320px); |
|||
} |
|||
.title-style{ |
|||
span{ |
|||
display: inline-block; |
|||
width: 42px; |
|||
height: 22px; |
|||
line-height: 22px; |
|||
text-align: center; |
|||
font-size: 12px; |
|||
color: #0348F3; |
|||
background-color: #CAE1FF; |
|||
border-radius: 3px; |
|||
} |
|||
} |
|||
::v-deep .el-dialog{ |
|||
width: 860px !important; |
|||
.el-form-item .el-form-item__content{ |
|||
width: 280px; |
|||
} |
|||
.dialog-footer{ |
|||
margin-top: 15px !important; |
|||
} |
|||
} |
|||
::v-deep .el-checkbox-group{ |
|||
.el-checkbox{ |
|||
margin-right: 10px !important; |
|||
} |
|||
} |
|||
::v-deep .el-pagination{ |
|||
margin: 24px 0 10px 0 !important |
|||
} |
|||
|
|||
::v-deep .input-prepend .el-input__inner{ |
|||
padding-left: 100px; |
|||
} |
|||
|
|||
.row-state{ |
|||
font-style: normal; |
|||
padding: 0 8px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue