21 changed files with 1413 additions and 228 deletions
-
3package.json
-
118src/assets/styles/archives-manage.scss
-
3src/main.js
-
8src/views/archivesManage/archivesCheck/data1.json
-
59src/views/archivesManage/archivesCheck/index.vue
-
86src/views/archivesManage/archivesCheck/module/checkDetail.vue
-
179src/views/archivesManage/archivesList/archivesDetail.vue
-
90src/views/archivesManage/archivesList/module/archivesInfo.vue
-
109src/views/archivesManage/archivesList/module/packing.vue
-
136src/views/archivesManage/archivesList/module/uploadFile.vue
-
29src/views/archivesManage/lendManage/borrowerManage/index.vue
-
247src/views/archivesManage/lendManage/data2.json
-
247src/views/archivesManage/lendManage/data3.json
-
78src/views/archivesManage/lendManage/lendConfirm/index.vue
-
42src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
-
59src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue
-
42src/views/archivesManage/lendManage/lendQuery/index.vue
-
29src/views/archivesManage/lendManage/returnArchives/index.vue
-
54src/views/archivesManage/lendManage/toLend/index.vue
-
4src/views/archivesManage/lendManage/toLend/module/archiveDetail.vue
-
19src/views/components/category/PreviewForm.vue
@ -1,15 +1,97 @@ |
|||
<template> |
|||
<div> |
|||
盘点详情 |
|||
<el-dialog title="盘点详情" :visible.sync="detailVisible"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<div class="dpflex"> |
|||
<p class="one"><span class="color-blue">盘点单号:</span><span class="color-white">{{ rowData.isCheckNum }}</span></p> |
|||
<p :class="classLend" class="two"><span class="color-blue">盘点状态:</span><span class="color-white clear" style="padding:0;margin-left:20px">{{ rowData.isCheckState }}</span></p> |
|||
<p class="tree"><span class="color-blue">已盘档案:</span><span class="color-white">{{ rowData.isCheckedNum }}</span></p> |
|||
<p class="four"><span class="color-blue">已借档案:</span><span class="color-white">{{ rowData.isLendNum }}</span></p> |
|||
</div> |
|||
<div class="dpflex"> |
|||
<p class="one"><span class="color-blue">所在区域:</span><span class="color-white">{{ rowData.isContainPath }}</span></p> |
|||
<p class="two"><span class="color-blue">在库档案:</span><span class="color-white">{{ rowData.isStoreNum }}</span></p> |
|||
<p class="tree"><span class="color-blue">未盘档案:</span><span class="color-white">{{ rowData.isNoCheckNum }}</span></p> |
|||
<p class="four"><span class="color-blue">错位档案:</span><span class="color-white">{{ rowData.isMisplaceNum }}</span></p> |
|||
</div> |
|||
<p style="margin-left: 30px;"><span class="color-blue">创建时间:</span><span class="color-white">{{ rowData.isBuildTime }}</span></p> |
|||
<el-table :data="tableData" style="margin-top:15px;width:100%;height:290px"> |
|||
<el-table-column type="index" label="序号" align="center" width="90" /> |
|||
<el-table-column prop="" align="center" label="盘点结果" width="90" /> |
|||
<el-table-column prop="" align="center" label="子条数目" width="90" /> |
|||
<el-table-column prop="" align="center" label="门类级别" width="90" /> |
|||
<el-table-column prop="" align="center" label="全宗号" width="90" /> |
|||
<el-table-column prop="" align="center" label="档号" width="180" /> |
|||
<el-table-column prop="" align="center" label="归档年度" width="90" /> |
|||
<el-table-column prop="" align="center" label="题名" width="180" /> |
|||
<el-table-column prop="" align="center" label="保密程度" width="90" /> |
|||
<el-table-column prop="" align="center" label="部门名称" width="90" /> |
|||
<el-table-column prop="" align="center" label="盒名称" width="90" /> |
|||
<el-table-column prop="isContainPath" align="center" label="所在位置" width="220" /> |
|||
<el-table-column prop="isBuildTime" align="center" label="创建时间" width="150" /> |
|||
</el-table> |
|||
</div></el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
data() { |
|||
return { |
|||
detailVisible: false, |
|||
tableData: [], |
|||
rowData: {}, |
|||
classLend: '' |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import '~@/assets/styles/lend-manage.scss'; |
|||
::v-deep .el-dialog__body{ |
|||
padding: 10px 40px 80px 0; |
|||
} |
|||
::v-deep .el-dialog{ |
|||
width: 950px; |
|||
height: 520px; |
|||
} |
|||
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{ |
|||
position: absolute; |
|||
right: -280px; |
|||
} |
|||
p{ |
|||
display: flex; |
|||
height: 40px; |
|||
align-items: center; |
|||
.color-blue{ |
|||
color: #3A99FD; |
|||
width: 70px; |
|||
height: 19px; |
|||
text-align: right; |
|||
} |
|||
.color-white{ |
|||
color: white; |
|||
padding: 0 0 0 20px; |
|||
} |
|||
} |
|||
.dpflex{ |
|||
display: flex; |
|||
.one{ |
|||
width: 320px; |
|||
margin-left: 30px; |
|||
} |
|||
.two{ |
|||
flex:1; |
|||
} |
|||
.tree{ |
|||
flex: 1; |
|||
} |
|||
.four{ |
|||
flex: 1; |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,90 @@ |
|||
<template> |
|||
<div class="archives-info-wrap"> |
|||
<!-- tab --> |
|||
<ul class="archives-tab"> |
|||
<li :class="{'active': archivesTabIndex == 0}" @click="changeActiveTab(0)">基本信息</li> |
|||
<li :class="{'active': archivesTabIndex == 1}" @click="changeActiveTab(1)">附件</li> |
|||
<li :class="{'active': archivesTabIndex == 2}" @click="changeActiveTab(2)">元数据</li> |
|||
</ul> |
|||
<!-- 基本信息 --> |
|||
<div v-if="archivesTabIndex==0" class="base-info"> |
|||
<el-row> |
|||
<el-col :span="12" class="base-info-item"> |
|||
<span>全宗号：</span> |
|||
<p>父区域-子区域-设备1-1区1列1节1层左边</p> |
|||
</el-col> |
|||
<el-col :span="12" class="base-info-item"> |
|||
<span>TID：</span> |
|||
<p>E2806894200040159AF8AD06</p> |
|||
</el-col> |
|||
<el-col :span="12" class="base-info-item"> |
|||
<span>全宗号：</span> |
|||
<p>父区域-子区域-设备1-1区1列1节1层左边</p> |
|||
</el-col> |
|||
<el-col :span="12" class="base-info-item"> |
|||
<span>TID：</span> |
|||
<p>E2806894200040159AF8AD06</p> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- 附件 --> |
|||
<UploadFile v-if="archivesTabIndex==1" :is-upload-detail="false" /> |
|||
<!-- 元数据 --> |
|||
<div v-if="archivesTabIndex==2"> |
|||
<pre v-highlightjs="xml_show"> |
|||
<code class="highlight_s" /> |
|||
</pre> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import vkbeautify from 'vkbeautify' |
|||
import { form } from '@crud/crud' |
|||
import UploadFile from './uploadFile' |
|||
export default { |
|||
name: 'ArchivesInfo', |
|||
components: { UploadFile }, |
|||
mixins: [ |
|||
form({}) |
|||
], |
|||
data() { |
|||
return { |
|||
archivesTabIndex: 0, |
|||
textareaoutput: null, |
|||
xml_show: null |
|||
} |
|||
}, |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
this.setXml() |
|||
}, |
|||
methods: { |
|||
setXml() { |
|||
const xmlstr = `<?xml version="1.0" encoding="UTF-8"?> |
|||
<note> |
|||
<to>Tove</to> |
|||
<from>Jani</from> |
|||
<heading>Reminder</heading> |
|||
<body>Don't forget me this weekend!</body> |
|||
</note>` |
|||
|
|||
this.xml_show = vkbeautify.xml(xmlstr) |
|||
|
|||
console.log('xmlstr:', xmlstr) |
|||
console.log('xml转json:', this.$x2js.xml2js(xmlstr)) |
|||
console.log('json转xml:', this.$x2js.js2xml(this.$x2js.xml2js(xmlstr))) |
|||
this.textareaoutput = xmlstr |
|||
}, |
|||
changeActiveTab(index) { |
|||
this.archivesTabIndex = index |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "~@/assets/styles/archives-manage.scss"; |
|||
|
|||
</style> |
|||
@ -0,0 +1,109 @@ |
|||
<template> |
|||
<div class="upload-file"> |
|||
<div class="head-container packing-head"> |
|||
<div class="head-search"> |
|||
<!-- 搜索 --> |
|||
<el-input v-model="query[inputSelect]" clearable size="small" placeholder="请输入" style="width: 245px;" class="input-prepend filter-item" @keyup.enter.native="crud.toQuery"> |
|||
<el-select slot="prepend" v-model="inputSelect" style="width: 90px" @change="querySelect"> |
|||
<el-option |
|||
v-for="item in queryOption" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-input> |
|||
<rrOperation /> |
|||
</div> |
|||
<div class="selct-data-head"> |
|||
<p>数据来源：文件 2条数据</p> |
|||
</div> |
|||
</div> |
|||
<!--表格渲染--> |
|||
<el-table |
|||
ref="table" |
|||
:data="tableData" |
|||
style="min-width: 100%" |
|||
height="calc(100vh - 382px)" |
|||
@row-click="clickRowHandler" |
|||
@selection-change="selectionChangeHandler" |
|||
> |
|||
<el-table-column type="index" label="序号" width="80" align="center" /> |
|||
<el-table-column prop="fileName" label="已装" min-width="100" align="center" /> |
|||
<el-table-column prop="fileFormat" label="盒名称" min-width="60" align="center" /> |
|||
<el-table-column prop="fileSize" label="TID" min-width="120" align="center" /> |
|||
<el-table-column prop="fileDpi" label="条形码" min-width="120" align="center" /> |
|||
<el-table-column prop="create_date" label="操作" min-width="100" align="center"> |
|||
<template> |
|||
<el-button class="packing-handle-btn iconfont icon-weibiaoti-2" @click="open">装盒</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { header, form } from '@crud/crud' |
|||
import rrOperation from '@crud/RR.operation' |
|||
import data from './data.json' |
|||
export default { |
|||
name: 'Packing', |
|||
components: { rrOperation }, |
|||
mixins: [ |
|||
header(), |
|||
form({}) |
|||
], |
|||
data() { |
|||
return { |
|||
tableData: [], |
|||
selections: [], |
|||
inputSelect: null, |
|||
queryOption: [ |
|||
{ value: '1', label: '盒名称' }, |
|||
{ value: '2', label: 'TID' }, |
|||
{ value: '3', label: '条形码' } |
|||
] |
|||
} |
|||
}, |
|||
created() { |
|||
this.tableData = data.data |
|||
// 初始化带select的输入框的 - 搜索 |
|||
this.inputSelect = this.queryOption[0].value |
|||
}, |
|||
methods: { |
|||
// 搜索-select |
|||
querySelect(val) { |
|||
this.inputSelect = val |
|||
}, |
|||
open() { |
|||
this.$alert('装盒成功', '提示', { |
|||
showConfirmButton: false |
|||
}).then(() => { |
|||
console.log('then') |
|||
}).catch((err) => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
// table |
|||
clickRowHandler(row) { |
|||
this.$refs.table.clearSelection() |
|||
this.$refs.table.toggleRowSelection(row) |
|||
}, |
|||
// table |
|||
selectionChangeHandler(val) { |
|||
this.selections = val |
|||
console.log(this.selections) |
|||
}, |
|||
// dialog - close |
|||
handleClose(done) { |
|||
this.showCoverVisible = false |
|||
done() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "~@/assets/styles/archives-manage.scss"; |
|||
|
|||
</style> |
|||
@ -0,0 +1,247 @@ |
|||
{ |
|||
"total":12, |
|||
"rows":[ |
|||
{ |
|||
"id":"29f16d62bc7242d5ba8dc84de5451f93", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-26 14:02", |
|||
"borrowerName":"李四", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"已解除", |
|||
"isDocNum":"JY202205050001", |
|||
"isArchiveNum":"1", |
|||
"isHandler":"管理员" |
|||
}, |
|||
{ |
|||
"id":"3d6d548d30db426ea3d95d63f589b294", |
|||
"isCategoryName":"文书档案-卷案级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"已解除", |
|||
"isDocNum":"JY202205050002", |
|||
"isHandler":"管理员" |
|||
}, |
|||
{ |
|||
"id":"45ff597e7cc64d11803ac422816b1e23", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-27 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"未解除", |
|||
"isDocNum":"JY202205050003", |
|||
"isArchiveNum":"1", |
|||
"isHandler":"管理员" |
|||
}, |
|||
{ |
|||
"id":"49106aa0d1534a7a900843d0c4531840", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-28 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"未解除", |
|||
"isDocNum":"JY202205050004", |
|||
"isArchiveNum":"1", |
|||
"isHandler":"管理员" |
|||
}, |
|||
{ |
|||
"id":"6e604355ff1e47e8b48117dca36420c7", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"解除失败", |
|||
"isDocNum":"JY202205050005", |
|||
"isArchiveNum":"1" |
|||
|
|||
}, |
|||
{ |
|||
"id":"6f4a6631d9d3424b960793704f3757b3", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"解除失败", |
|||
"isDocNum":"JY202205050006", |
|||
"isArchiveNum":"1" |
|||
}, |
|||
{ |
|||
"id":"76e29d5c0a0541bfb1ee9da432183b15", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isDocNum":"JY202205050007" |
|||
}, |
|||
{ |
|||
"id":"a0ffdd94161146c49161662c3f9a70cd", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-07-25 14:02", |
|||
"borrowerName":"王五", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isDocNum":"JY202205050008" |
|||
}, |
|||
{ |
|||
"id":"a79e0d67165a4b08b089b309dd947908", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085" |
|||
}, |
|||
{ |
|||
"id":"ca9b850145b74eeda3c22a997696c979", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085" |
|||
}, |
|||
{ |
|||
"id":"dff5529c0d0f45b2b19f2adec7ca0102", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085" |
|||
}, |
|||
{ |
|||
"id":"f3f6ff94c26a4a54967de9cfc56a3b01", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待登记", |
|||
"isOperationTime":"2022-06-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085" |
|||
} |
|||
], |
|||
"footer":null, |
|||
"postparam":null |
|||
} |
|||
@ -0,0 +1,247 @@ |
|||
{ |
|||
"total":12, |
|||
"rows":[ |
|||
{ |
|||
"id":"29f16d62bc7242d5ba8dc84de5451f93", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"逾期", |
|||
"isOperationTime":"2022-05-26 14:02", |
|||
"borrowerName":"李四", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"已解除", |
|||
"isDocNum":"JY202205050001", |
|||
"isArchiveNum":"1", |
|||
"isHandler":"管理员" |
|||
}, |
|||
{ |
|||
"id":"3d6d548d30db426ea3d95d63f589b294", |
|||
"isCategoryName":"文书档案-卷案级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"逾期", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"已解除", |
|||
"isDocNum":"JY202205050002", |
|||
"isHandler":"管理员" |
|||
}, |
|||
{ |
|||
"id":"45ff597e7cc64d11803ac422816b1e23", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"逾期", |
|||
"isOperationTime":"2022-05-27 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"未解除", |
|||
"isDocNum":"JY202205050003", |
|||
"isArchiveNum":"1", |
|||
"isHandler":"管理员" |
|||
}, |
|||
{ |
|||
"id":"49106aa0d1534a7a900843d0c4531840", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"逾期", |
|||
"isOperationTime":"2022-05-28 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"未解除", |
|||
"isDocNum":"JY202205050004", |
|||
"isArchiveNum":"1", |
|||
"isHandler":"管理员" |
|||
}, |
|||
{ |
|||
"id":"6e604355ff1e47e8b48117dca36420c7", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待还", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"解除失败", |
|||
"isDocNum":"JY202205050005", |
|||
"isArchiveNum":"1" |
|||
|
|||
}, |
|||
{ |
|||
"id":"6f4a6631d9d3424b960793704f3757b3", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"逾期", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isWarnState":"解除失败", |
|||
"isDocNum":"JY202205050006", |
|||
"isArchiveNum":"1" |
|||
}, |
|||
{ |
|||
"id":"76e29d5c0a0541bfb1ee9da432183b15", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"逾期", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isDocNum":"JY202205050007" |
|||
}, |
|||
{ |
|||
"id":"a0ffdd94161146c49161662c3f9a70cd", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待还", |
|||
"isOperationTime":"2022-07-25 14:02", |
|||
"borrowerName":"王五", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085", |
|||
"isDocNum":"JY202205050008" |
|||
}, |
|||
{ |
|||
"id":"a79e0d67165a4b08b089b309dd947908", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待还", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085" |
|||
}, |
|||
{ |
|||
"id":"ca9b850145b74eeda3c22a997696c979", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待还", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085" |
|||
}, |
|||
{ |
|||
"id":"dff5529c0d0f45b2b19f2adec7ca0102", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待还", |
|||
"isOperationTime":"2022-05-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085" |
|||
}, |
|||
{ |
|||
"id":"f3f6ff94c26a4a54967de9cfc56a3b01", |
|||
"isCategoryName":"文书档案-文件级", |
|||
"fieldCnName":"盒号", |
|||
"isArchivesID":"FTZN-2022-BGS-D30-0001", |
|||
"isTitleName":"这是一份文件的标题标题...", |
|||
"isFieldName":"文书-文件-2022", |
|||
"isStoragePath":"库房A-库区A-01列-1节1层-左", |
|||
"isLendStatus":"待还", |
|||
"isOperationTime":"2022-06-25 14:02", |
|||
"borrowerName":"张三", |
|||
"borrowDays":"2022-5-25至2022-6-25", |
|||
"borrowGoal":"工作考察", |
|||
"borrowerDepartment":"办公室", |
|||
"borrowerIdType":"身份证", |
|||
"borrowerIdNum":"420880190011115636", |
|||
"borrowerTel":"027-5955 7085" |
|||
} |
|||
], |
|||
"footer":null, |
|||
"postparam":null |
|||
} |
|||
@ -0,0 +1,59 @@ |
|||
<template> |
|||
<div> |
|||
<el-dialog ref="dialogTable" title="借出" :visible.sync="lendFormVisible"> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<p style="color:#fff;margin:0 0 20px 20px">以下档案需要先解除电子标签警报</p> |
|||
<el-table :data="table" :cell-class-name="cellWarn" height="325px"> |
|||
<el-table-column type="index" label="序号" width="80" /> |
|||
<el-table-column prop="isCategoryName" label="所属门类" /> |
|||
<el-table-column prop="isArchivesID" label="档号" min-width="140" /> |
|||
<el-table-column prop="isTitleName" label="题名" min-width="140" /> |
|||
<el-table-column prop="isWarnState" label="状态" min-width="85"> |
|||
<template slot-scope="scope"> |
|||
<!-- 已解除 / 未解除/解除失败 --> |
|||
<span class="clear">{{ scope.row.isWarnState }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button disabled>解除警报</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
lendFormVisible: false, |
|||
table: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
cellWarn({ row, columnIndex }) { |
|||
if (row.isWarnState === '已解除' && columnIndex === 4) { |
|||
return 'no-clear' |
|||
} else if (row.isWarnState === '未解除' && columnIndex === 4) { |
|||
return 'have-clear' |
|||
} else if (row.isWarnState === '解除失败' && columnIndex === 4) { |
|||
return 'fail-clear' |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import '~@/assets/styles/lend-manage.scss'; |
|||
::v-deep .el-dialog{ |
|||
width: 950px; |
|||
height: 520px; |
|||
} |
|||
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{ |
|||
position: absolute; |
|||
right: -154px; |
|||
} |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue