20 changed files with 644 additions and 158 deletions
-
21src/api/collect/collect.js
-
BINsrc/assets/images/archives/bg.png
-
BINsrc/assets/images/archives/bgw.png
-
BINsrc/assets/images/archives/icon-js.png
-
BINsrc/assets/images/archives/icon-ls.png
-
BINsrc/assets/images/archives/ys1.png
-
BINsrc/assets/images/archives/ys2.png
-
BINsrc/assets/images/archives/ys3.png
-
BINsrc/assets/images/archives/ys4.png
-
33src/assets/styles/archives-manage.scss
-
31src/views/archiveKeeping/deviceManage/module/childDevice.vue
-
75src/views/archiveKeeping/deviceManage/module/detail.vue
-
36src/views/archiveKeeping/deviceManage/tableList.vue
-
20src/views/archiveUtilize/archiveEditing/index.vue
-
286src/views/archiveUtilize/archiveSearch/index.vue
-
20src/views/archiveUtilize/utillizeRecord/index.vue
-
70src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
-
117src/views/collectReorganizi/collectionLibrary/module/print/index.vue
-
22src/views/components/category/PreviewForm.vue
-
15src/views/prearchiveLibrary/index.vue
|
After Width: 1624 | Height: 941 | Size: 632 KiB |
|
After Width: 1624 | Height: 941 | Size: 720 KiB |
|
After Width: 33 | Height: 28 | Size: 1.6 KiB |
|
After Width: 32 | Height: 33 | Size: 2.0 KiB |
|
After Width: 236 | Height: 116 | Size: 21 KiB |
|
After Width: 472 | Height: 377 | Size: 58 KiB |
|
After Width: 136 | Height: 152 | Size: 22 KiB |
|
After Width: 170 | Height: 136 | Size: 15 KiB |
@ -0,0 +1,20 @@ |
|||
<template> |
|||
<div>档案编研</div> |
|||
</template> |
|||
|
|||
<script > |
|||
export default { |
|||
name: 'ArchiveEditing', |
|||
data() { |
|||
return { |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
</style> |
|||
@ -0,0 +1,286 @@ |
|||
<template> |
|||
<div class="archive-search-main"> |
|||
<div class="search-main"> |
|||
<span class="bg_icon1" /> |
|||
<span class="bg_icon2" /> |
|||
<span class="bg_icon3" /> |
|||
<span class="bg_icon4" /> |
|||
|
|||
<div class="search-content"> |
|||
<h2>{{ isCommon ? '档案检索': '高级检索' }}</h2> |
|||
<div v-if="isCommon" class="common-search"> |
|||
<div class="search-input"> |
|||
<!-- @keyup.enter.native="dimSearch" --> |
|||
<el-input v-model="keywords" placeholder="请输入检索关键字" class="input-with-select"> |
|||
<!-- <el-select slot="prepend" v-model="select" placeholder="请选择"> |
|||
<el-option |
|||
v-for="item in options" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> --> |
|||
</el-input> |
|||
<el-button slot="append" @click="handleSearch"><i class="iconfont icon-sousuo" />搜索</el-button> |
|||
<div class="advanced-search-btn" @click="isCommon=!isCommon">高级检索</div> |
|||
</div> |
|||
<div class="search-tab"> |
|||
<span class="active">全部</span> |
|||
<span>项目</span> |
|||
<span>案卷</span> |
|||
<span>文件</span> |
|||
<span>原文</span> |
|||
</div> |
|||
<div class="history-keyword"> |
|||
<h4>历史检索</h4> |
|||
<div class="history-tag"> |
|||
<span>合同</span> |
|||
<span>科技</span> |
|||
<span>教育</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div v-else class="advanced-search"> |
|||
<el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="100px"> |
|||
<el-form-item label="字段名" prop="filedName"> |
|||
<el-select v-model="form.filedName" placeholder="请选择"> |
|||
<el-option |
|||
v-for="item in filedOptions" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="运算符" prop="symbol"> |
|||
<el-select v-model="form.symbol" placeholder="请选择"> |
|||
<el-option |
|||
v-for="item in symbolOptions" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="检索值" prop="keyWord"> |
|||
<el-input v-model="form.keyWord" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div> |
|||
<el-button size="mini"><i class="iconfont icon-xinzeng" />新增</el-button> |
|||
<el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script > |
|||
export default { |
|||
name: 'ArchiveSearch', |
|||
data() { |
|||
return { |
|||
isCommon: true, |
|||
keywords: '', |
|||
form: { |
|||
filedName: null, |
|||
symbol: null, |
|||
keyWord: null |
|||
}, |
|||
filedOptions: [], |
|||
symbolOptions: [], |
|||
rules: { |
|||
filedName: [ |
|||
{ required: true, message: '请选择字段名', trigger: 'change' } |
|||
], |
|||
symbol: [ |
|||
{ required: true, message: '请选择运算符', trigger: 'change' } |
|||
], |
|||
keyWord: [ |
|||
{ required: true, message: '检索值不可为空', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
dimSearch() { |
|||
|
|||
}, |
|||
handleSearch() { |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.archive-search-main{ |
|||
padding: 0 20px 20px 20px; |
|||
.search-main{ |
|||
position: relative; |
|||
width: 100%; |
|||
height: calc(100vh - 140px); |
|||
background: url('~@/assets/images/archives/bg.png') no-repeat; |
|||
background-size: 100% 100%; |
|||
& span{ |
|||
display: block; |
|||
} |
|||
.bg_icon1{ |
|||
position: absolute; |
|||
left: 110px; |
|||
top: 400px; |
|||
width: 236px; |
|||
height: 116px; |
|||
background: url('~@/assets/images/archives/ys1.png') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
.bg_icon2{ |
|||
position: absolute; |
|||
left: 50%; |
|||
bottom: 60px; |
|||
width: 472px; |
|||
height: 377px; |
|||
margin-left: -236px; |
|||
background: url('~@/assets/images/archives/ys2.png') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
.bg_icon3{ |
|||
position: absolute; |
|||
right: 240px; |
|||
bottom: 40px; |
|||
width: 136px; |
|||
height: 152px; |
|||
background: url('~@/assets/images/archives/ys3.png') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
.bg_icon4{ |
|||
position: absolute; |
|||
right: 110px; |
|||
top: 50%; |
|||
width: 170px; |
|||
height: 136px; |
|||
margin-top: -58px; |
|||
background: url('~@/assets/images/archives/ys4.png') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
} |
|||
.search-content{ |
|||
padding-top: 120px; |
|||
h2{ |
|||
font-size: 40px; |
|||
text-align: center; |
|||
color: #1C1C1C; |
|||
margin-bottom: 40px; |
|||
} |
|||
} |
|||
.common-search{ |
|||
width: 800px; |
|||
margin: 0 auto; |
|||
.search-input{ |
|||
position: relative; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
width: 800px; |
|||
height: 54px; |
|||
background-color: #fff; |
|||
border-radius: 3px; |
|||
.input-with-select{ |
|||
::v-deep .el-input__inner{ |
|||
width: 664px; |
|||
height: 54px !important; |
|||
font-size: 14px; |
|||
padding: 0 20px; |
|||
border: none; |
|||
} |
|||
} |
|||
.el-button{ |
|||
width: 136px; |
|||
background-color: #0348F3; |
|||
font-size: 16px; |
|||
color: #fff; |
|||
border-radius: 0 3px 3px 0; |
|||
} |
|||
.advanced-search-btn{ |
|||
position: absolute; |
|||
right: -80px; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
font-size: 16px; |
|||
color: #0348F3; |
|||
cursor:default; |
|||
} |
|||
} |
|||
.search-tab{ |
|||
display: flex; |
|||
justify-content: space-around; |
|||
width: 240px; |
|||
padding: 15px 0 30px 0; |
|||
margin: 0 auto; |
|||
color: #545B65; |
|||
span{ |
|||
font-size: 14px; |
|||
// padding: 0 12px; |
|||
} |
|||
span.active{ |
|||
color: #0348F3; |
|||
} |
|||
} |
|||
|
|||
.history-keyword{ |
|||
width: 800px; |
|||
height: 280px; |
|||
padding: 10px 18px; |
|||
background: #F6F9FD; |
|||
box-shadow: 0px 4px 19px 0px rgba(0,0,0,0.06); |
|||
border-radius: 3px; |
|||
opacity: 0.8; |
|||
border: 2px solid #FFFFFF; |
|||
h4{ |
|||
font-size: 16px; |
|||
height: 40px; |
|||
margin-bottom: 10px; |
|||
line-height: 33px; |
|||
padding-left: 35px; |
|||
color: #0C0E1E; |
|||
background: url('~@/assets/images/archives/icon-ls.png') no-repeat left center; |
|||
background-size: 32px 33px; |
|||
} |
|||
.history-tag{ |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
flex-wrap: wrap; |
|||
height: 200px; |
|||
overflow: hidden; |
|||
overflow-y: scroll; |
|||
span{ |
|||
display: block; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
font-size: 14px; |
|||
padding: 0 12px; |
|||
margin: 0 0 10px 10px; |
|||
color: #545B65; |
|||
background: #E6E8ED; |
|||
border-radius: 3px; |
|||
cursor:default; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.advanced-search{ |
|||
position: relative; |
|||
width: 1010px; |
|||
height: 350px; |
|||
margin: 0 auto; |
|||
background-color: #fff; |
|||
border-radius: 3px; |
|||
z-index: 9999; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,20 @@ |
|||
<template> |
|||
<div>借阅记录</div> |
|||
</template> |
|||
|
|||
<script > |
|||
export default { |
|||
name: 'UtillizeRecord', |
|||
data() { |
|||
return { |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue